PageSourceSearch

https://www.greciangyro.com/

html greciangyro.com collected 2026-09-26 11:08:50 UTC 209,481 bytes, 2,555 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <title>Greek restaurant &amp; gyros in Atlanta near me | Grecian Gyro</title>
5  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
6  <meta charset="UTF-8">
7  
8  <meta name="description" content="Family-owned since 1982, serving ATL-style gyros, souvlaki, falafel, Greek salads &amp; baklava. Classic Greek restaurant in Atlanta with ordering near me." />
9  <meta property="og:title" content="Greek restaurant &amp; gyros in Atlanta near me" />
10  <meta property="og:description" content="Family-owned since 1982, serving ATL-style gyros, souvlaki, falafel, Greek salads &amp; baklava. Classic Greek restaurant in Atlanta with ordering near me." />
11  <meta property="og:image" content="https://image-cdn.chowlyinc.com/1200x630%2Cfit%2Cjpeg/https%3A%2F%2Fwww.greciangyro.com%2Fmaglev%2Fassets%2Fc1b3adfd-f3fb-4dee-92ad-14fd90be6d95-gyro-20wrap-201.avif" />
12  <meta property="og:type" content="website" />
13  <meta property="og:url" content="https://www.greciangyro.com/" />
14
15  <link rel="icon" type="image/png" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Logo-837-9411c914-2337-49ac-840a-6cf247a705f1.png">
16  <link rel="canonical" href="https://www.greciangyro.com/" />
17
18  
19
20  
21
22  <link rel="stylesheet" href="/assets/site-fa6bd954239289997bc418875168ed5ab9c9013b19cc0c43e02d72d7ae77e155.css" data-turbo-track="reload" />
23  <link rel="stylesheet" href="/assets/icons-8a8adf1b209dcf6019c445e5477d00b79192f6726b65fd7cf29cf43036ec3917.css" data-turbo-track="reload" />
24
25  
25<script type="importmap" data-turbo-track="reload">{
26  "imports": {
27    "application": "/assets/application-4a1c1d27c11faa4dbac51fff4126422169b85739cdee3e8b89ea183bc17a2c23.js",
28    "@hotwired/turbo-rails": "/assets/turbo.min-f3765a09513ca1417099ce92257ef54b9d4cf3a7addc7dcbb1d6d848d307ee8a.js",
29    "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js",
30    "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js",
31    "site": "/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js",
32    "local-time": "/assets/local-time-821d43d4efe5c285055b57aea1a1f04a89a1019f689de214873d5af45a3ab3d7.js",
33    "jquery": "/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js",
34    "jquery-mask-plugin": "/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js",
35    "alpinejs": "/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js",
36    "swiper": "/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js",
37    "libraries/vidbg": "/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js",
38    "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js",
39    "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js",
40    "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js",
41    "controllers/prompt_engineering_controller": "/assets/controllers/prompt_engineering_controller-c5abfd07f3f7b741f778d3070d18fd216b100840ef6cfdce4adb7c953a59d715.js"
42  }
43}</script>
43
44<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js">
45<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js">
46<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js">
47<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js">
48<link rel="modulepreload" href="/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js">
49<script type="module">import "site"</script>
49
50
51  <link rel="preconnect" href="https://fonts.googleapis.com">
52  <link rel="preconnect" href="https://cdnjs.cloudflare.com">
53  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
54
55
56  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block"
57        rel="preload" as="style">
58  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block"
59      rel="stylesheet">
60
61  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css"
62        rel="preload" as="style">
63  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css"
64      rel="stylesheet">
65
66  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css"
67        rel="preload" as="style">
68  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css"
69      rel="stylesheet">
vendor: 75 bytes, lines 69-71
69
70    
71  <script src="https://www.google.com/recaptcha/enterprise.js?render=
716LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 21 bytes, lines 71-73
71" defer></script>
72
73  
73<script>
74    if (!window.origin.includes('http://localhost')) {
75      window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
76      heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455'));
77    }
78  </script>
78
79
80    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
81          rel="preload" as="style">
82    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
83          rel="stylesheet">
84
85  <style>
86    
87    :root {
88        /* Light theme colors */
89        --bg-primary: white;
90        --bg-secondary: #F2F2F2;
91        --bg-form: white;
92        --text-primary: #212121;
93        --text-secondary: #666;
94        --text-muted: #666666;
95        --border-primary: #061b46;
96        --border-secondary: #D7D7D7;
97        --stroke-primary: #061b46;
98        --stroke-secondary: currentColor;
99        --active-bg-opacity: 8%;
100        --active-text: #061b46;
101        --hover-bg-opacity: 8%;
102        --hover-text: #061b46;
103        --link-text: #666;
104        --link-hover: black;
105        --social-bg: #666;
106        --social-text: white;
107        --placeholder-text: #D7D7D7;
108        --focus-border: #777777;
109        --button-bg: transparent;
110        --button-text: #061b46;
111        --button-border: #061b46;
112        --button-hover-bg: transparent;
113        --button-hover-border: #061b46;
114        --brand-primary: #061b46;
115        --brand-secondary: #d60800;
116        --brand-overlay: rgba(6,27,70,0.08);
117        --brand-overlay-heavy: rgba(6,27,70,0.80);
118        --dim-overlay: rgba(0,0,0,0.4);
119    }
120    
121    body {
122        background: linear-gradient(180deg, rgba(6, 27, 70, 0.08) 0px, rgba(6, 27, 70, 0.00) 520px);
123    }
124
125    .grecaptcha-badge { visibility: hidden; }
126  </style>
127
128  <!-- ===== Grecian Gyro — elevated brand system (head_scripts) ===== -->
129<!-- 0) SEO head (additive — layout owns canonical/og-core/Restaurant JSON-LD) -->
130<meta name="twitter:card" content="summary_large_image">
131<meta name="twitter:title" content="Greek restaurant &amp; gyros in Atlanta near me">
132<meta name="twitter:description" content="Family-owned since 1982, serving ATL-style gyros, souvlaki, falafel, Greek salads &amp; baklava. Classic Greek restaurant in Atlanta with ordering near me.">
133<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","name":"grecian-gyro","sameAs":["https://www.instagram.com/greciangyro/","https://www.facebook.com/GrecianGyro/","https://www.google.com/maps/place/?q=place_id:ChIJj1AgPJEF9YgRSNatlBcfrcI"]}]}</script>
133
134<link rel="preconnect" href="https://fonts.googleapis.com">
135<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
136<link rel="preconnect" href="https://res.cloudinary.com">
137<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Nunito+Sans:wght@400;600;700&display=swap" rel="stylesheet">
138
139<style>
140/* ---------- 1. TOKEN REMAP (recolors the whole token-driven theme) ---------- */
141:root{
142  --display-font-stack:'Archivo',Helvetica Neue,system-ui,sans-serif;
143  --body-font-stack:'Nunito Sans',system-ui,-apple-system,sans-serif;
144  --bg-primary:#F8F6F2;
145  --bg-secondary:#FFFFFF;
146  --bg-form:#FFFFFF;
147  --text-primary:#12263F;
148  --text-secondary:#566A80;
149  --text-muted:#566A80;
150  --brand-primary:#015593;
151  --brand-overlay:rgba(1,85,147,0.07);
152  --brand-overlay-heavy:rgba(1,85,147,0.82);
153  --dim-overlay:rgba(10,18,32,0.55);
154  --review-star-color:#956515;
155  --button-bg:#015593; --button-text:#FFFFFF; --button-border:#015593;
156  --button-hover-bg:#0B2447; --button-hover-border:#0B2447;
157  --button-hover-text:#FFFFFF;
158  --link-text:#0b2447; --link-hover:#0B2447;
159  --border-primary:#015593; --border-secondary:rgba(18,38,63,0.14);
160  --stroke-primary:#015593;
161  --active-text:#0b2447; --hover-text:#0b2447;
162  --social-bg:#015593; --social-text:#FFFFFF;
163  --placeholder-text:#566a80;
164  --focus-border:#015593;
165}
166/* overflow-x:clip, never `hidden` — `hidden` makes html/body a scroll container and kills the
167   sticky nav; `clip` stops the sideways scroll without one. Blanket guard so a full-bleed band or
168   a decorative element that overhangs the viewport can't give the page a real horizontal scroll. */
169html,body{ background-color:var(--bg-primary)!important; color:var(--text-primary); overflow-x:clip; }
170
171/* ---------- 2. TYPOGRAPHY ---------- */
172html body{ font-family:'Nunito Sans',system-ui,-apple-system,sans-serif; font-weight:400; }
173html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{
174  font-family:'Archivo',Helvetica Neue,system-ui,sans-serif!important; font-weight:600; letter-spacing:-0.01em; line-height:1.06; }
175html body h1{ font-weight:700; }
176/* eyebrows / small caps labels read warmer in the display face */
177html body .uppercase,html body [class*="eyebrow"]{ letter-spacing:0.06em; }
178/* PROTECT glyph fonts — without these, icons render as literal text */
179.material-symbols-outlined,.material-icons{ font-family:'Material Symbols Outlined','Material Icons'!important; }
180.fa,.fas,.far,.fal,.fab,[class^="fa-"],[class*=" fa-"]{ font-family:"Font Awesome 6 Free","Font Awesome 6 Brands"!important; }
181
182/* ---------- 3. PILL CTAs (rounded buttons) ---------- */
183/* button-ness gate (#338): only pill-ify order links that already read as buttons
184   (carry a `bg-` theme class). Bare text-only order links like top_10_picks' 12px
185   "Add Item" (`text-[...]` only, no `bg-`) must NOT get the pill/lift/hover. */
186html body a[class*="rounded"], html body button[class*="rounded"],
187html body a[href="/stores"][class*="bg-"], html body a[href*="/stores"]:not(section a){
188  border-radius:999px!important;
189}
190/* primary CTAs: solid brand pills with a soft lift */
191html body a[href="/stores"][class*="bg-"]{
192  box-shadow:0 6px 0 0 rgba(11,36,71,0.16); transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
193}
194html body a[href="/stores"][class*="bg-"]:hover{ transform:translateY(-2px); box-shadow:0 8px 0 0 rgba(11,36,71,0.22); }
195
196/* ---------- 4. BAND RHYTHM (base bg with alternating color blocks) ---------- */
197/* image_left + image_right are FLEX rows — color only, never display:block */
198#section-k5LU1XdQ62k{ background-color:#EFEAE0!important; }
199#section-7tSnYxNZ0FY{ background-color:#EFEAE0!important; }
200#section-f0dj0Fvb{ background-color:#0B2447!important; }
201#section-f0dj0Fvb, #section-f0dj0Fvb *{ color:#FFFFFF!important; }
202#section-mEr5jRUiY5o{ background-color:#EFEAE0!important; }
203#section-k2u69LFSvE0{ background-color:#EFEAE0!important; }
204#section-zLaolY6F{ background-color:#0B2447!important; }
205#section-zLaolY6F, #section-zLaolY6F *{ color:#FFFFFF!important; }
206
207/* ---------- 4c. FULL-BLEED BANDS — color fills edge-to-edge + NO seams between sections ---------- */
208@media(min-width:1280px){ #section-k5LU1XdQ62k, #section-5kNRBaCPlUw, #
208section-7tSnYxNZ0FY, #section-mEr5jRUiY5o, #section-FZ1vQ-KO, #section-xQbwR_H0, #section-FNJvq2U0tOU, #section-i1O7MAJXArU, #section-B0YWrF9F, #section-DP77v9gs, #section-cQ3drf9w, #section-kHOjqTwor1k, #section-siwynTLE, #section-stNUXQjf, #section-If59cHDW, #section-8D4aDO3f, #section-vqm_TS9A, #section-JOZesAJU, #section-OtNXrIvL, #section-_Au-mO5T, #section-uCVfKjy0, #section-xQtwcuQy8CI, #section-lFv3EunqfMg, #section-ItNMnmDlFNE, #section-wdn2uGT4JWo, #section-ZPKsn3w7-Uc, #section-sLt4kjH5Ozs{
209  width:100vw!important; max-width:100vw!important;
210  margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; } }
211#section-k5LU1XdQ62k, #section-5kNRBaCPlUw, #section-7tSnYxNZ0FY, #section-mEr5jRUiY5o, #section-FZ1vQ-KO, #section-xQbwR_H0, #section-FNJvq2U0tOU, #section-i1O7MAJXArU, #section-B0YWrF9F, #section-DP77v9gs, #section-cQ3drf9w, #section-kHOjqTwor1k, #section-siwynTLE, #section-stNUXQjf, #section-If59cHDW, #section-8D4aDO3f, #section-vqm_TS9A, #section-JOZesAJU, #section-OtNXrIvL, #section-_Au-mO5T, #section-uCVfKjy0, #section-xQtwcuQy8CI, #section-lFv3EunqfMg, #section-ItNMnmDlFNE, #section-wdn2uGT4JWo, #section-ZPKsn3w7-Uc, #section-sLt4kjH5Ozs{
212  padding-left:max(24px, calc(50vw - 640px))!important;
213  padding-right:max(24px, calc(50vw - 640px))!important; }
214@media(max-width:1279px){ #section-k5LU1XdQ62k, #section-5kNRBaCPlUw, #section-7tSnYxNZ0FY, #section-mEr5jRUiY5o, #section-FZ1vQ-KO, #section-xQbwR_H0, #section-FNJvq2U0tOU, #section-i1O7MAJXArU, #section-B0YWrF9F, #section-DP77v9gs, #section-cQ3drf9w, #section-kHOjqTwor1k, #section-siwynTLE, #section-stNUXQjf, #section-If59cHDW, #section-8D4aDO3f, #section-vqm_TS9A, #section-JOZesAJU, #section-OtNXrIvL, #section-_Au-mO5T, #section-uCVfKjy0, #section-xQtwcuQy8CI, #section-lFv3EunqfMg, #section-ItNMnmDlFNE, #section-wdn2uGT4JWo, #section-ZPKsn3w7-Uc, #section-sLt4kjH5Ozs{ grid-column:1 / -1!important; } }
215#section-k5LU1XdQ62k, #section-5kNRBaCPlUw, #section-7tSnYxNZ0FY, #section-f0dj0Fvb, #section-mEr5jRUiY5o, #section-FZ1vQ-KO, #section-k2u69LFSvE0, #section-zLaolY6F, #section-xQbwR_H0, #section-FNJvq2U0tOU, #section-i1O7MAJXArU, #section-B0YWrF9F, #section-DP77v9gs, #section-cQ3drf9w, #section-kHOjqTwor1k, #section-siwynTLE, #section-stNUXQjf, #section-If59cHDW, #section-8D4aDO3f, #section-vqm_TS9A, #section-JOZesAJU, #section-OtNXrIvL, #section-_Au-mO5T, #section-uCVfKjy0, #section-xQtwcuQy8CI, #section-lFv3EunqfMg, #section-ItNMnmDlFNE, #section-wdn2uGT4JWo, #section-ZPKsn3w7-Uc, #section-sLt4kjH5Ozs{ margin-top:0!important; margin-bottom:0!important; }
216#section-k5LU1XdQ62k, #section-7tSnYxNZ0FY, #section-xQbwR_H0, #section-FNJvq2U0tOU, #section-i1O7MAJXArU, #section-B0YWrF9F, #section-DP77v9gs, #section-kHOjqTwor1k, #section-OtNXrIvL, #section-_Au-mO5T, #section-lFv3EunqfMg, #section-ItNMnmDlFNE, #section-wdn2uGT4JWo, #section-ZPKsn3w7-Uc, #section-sLt4kjH5Ozs{ padding-top:clamp(32px,4vw,64px)!important; padding-bottom:clamp(32px,4vw,64px)!important; }
217@media(min-width:1280px){ #section-k5LU1XdQ62k figure, #section-7tSnYxNZ0FY figure, #section-xQbwR_H0 figure, #section-FNJvq2U0tOU figure, #section-i1O7MAJXArU figure, #section-B0YWrF9F figure, #section-DP77v9gs figure, #section-kHOjqTwor1k figure, #section-OtNXrIvL figure, #section-_Au-mO5T figure, #section-lFv3EunqfMg figure, #section-ItNMnmDlFNE figure, #section-wdn2uGT4JWo figure, #section-ZPKsn3w7-Uc figure, #section-sLt4kjH5Ozs figure{ max-width:520px!important; } }
218@media(min-width:1280px){ #section-cwIG21d18d95{
219  padding-left:max(24px, calc(50vw - 640px))!important;
220  padding-right:max(24px, calc(50vw - 640px))!important; } }
221
222/* ---------- 4a. SITE-SCOPED FIXES (nav logo + notification are singletons the page-save drops) ---------- */
223@media(max-width:767px){ #section-Fobv6HiD a[href="/"][aria-label]{ max-height:58px!important; } #section-Fobv6HiD a[href="/"][aria-label] img{ max-height:58px!important; width:auto!important; } }
224#section-UJw-se26{ background-color:var(--brand-primary)!important; }
225#section-UJw-se26, #section-UJw-se26 *{ color:#FFFFFF!important; }
226/* platform FAQ keyword links inherit the theme accent → sub-AA on light brands (#398) */
227#section-FZ1vQ-KO a, #section-FZ1vQ-KO a *{ color:#0b2447!important; text-decoration-color:#0b2447!important; }
228/* native IG-carousel CTA light-brand guard (#271) — id-independent, always-on */
229#section-cwIG21d18d95 a[data-maglev-id$=".cta_button_text"], #section-cwIG21d18d95 a[data-maglev-id$=".cta_button_text"] span, section[class*="instagram_carousel"] a[data-maglev-id$=".cta_button_text"], section[class*="instagram_carousel"] a[data-maglev-id$=".cta_button_text"] span{ color:#FFFFFF!important; }
230/* hardcoded text-white pill idiom on brand fills — contrast-gated AA repaint (resting + hover) */
231html:root body :is(a,button)[class*="text-[var(--button-text)]"],
232html:root body :is(a,button)[class*="text-[var(--button-text)]"] *,
233html:root body :is(#section-k5LU1XdQ62k,#section-7tSnYxNZ0FY,#section-f0dj0Fvb,#section-mEr5jRUiY5o,#section-k2u69LFSvE0,#section-zLaolY6F,#section-5kNRBaCPlUw,#section-FZ1vQ-KO,#section-xQbwR_H0,#section-FNJvq2U0tOU,#section-i1O7MAJXArU,#section-B0YWrF9F,#section-DP77v9gs,#section-cQ3drf9w,#section-kHOjqTwor1k,#section-siwynTLE,#section-stNUXQjf,#section-If59cHDW,#section-8D4aDO3f,#section-vqm_TS9A,#section-JOZesAJU,#section-OtNXrIvL,#section-_Au-mO5T,#section-uCVfKjy0,#section-xQtwcuQy8CI,#section-lFv3EunqfMg,#section-ItNMnmDlFNE,#section-wdn2uGT4JWo,#section-ZPKsn3w7-Uc,#section-sLt4kjH5Ozs,#section-cwIG21d18d95,#section-Fobv6HiD,#section-UJw-se26,#section-uSfOBmS4He8,#section-XRZqmUMpqII,#section-heOxid1zFRk,#section-tgjDc2S3blM,#section-cwMenuIdxb85238ce,#section-cwPracc07d66,#section-cwPol3f582313,#section-cwCbdf4bea98) :is(a,button)[class*="text-[var(--button-text)]"],
234html:root body :is(#section-k5LU1XdQ62k,#section-7tSnYxNZ0FY,#section-f0dj0Fvb,#section-mEr5jRUiY5o,#section-k2u69LFSvE0,#section-zLaolY6F,#section-5kNRBaCPlUw,#section-FZ1vQ-KO,#section-xQbwR_H0,#section-FNJvq2U0tOU,#section-i1O7MAJXArU,#section-B0YWrF9F,#section-DP77v9gs,#section-cQ3drf9w,#section-kHOjqTwor1k,#section-siwynTLE,#section-stNUXQjf,#section-If59cHDW,#section-8D4aDO3f,#section-vqm_TS9A,#section-JOZesAJU,#section-OtNXrIvL,#section-_Au-mO5T,#section-uCVfKjy0,#section-xQtwcuQy8CI,#section-lFv3EunqfMg,#section-ItNMnmDlFNE,#section-wdn2uGT4JWo,#section-ZPKsn3w7-Uc,#section-sLt4kjH5Ozs,#section-cwIG21d18d95,#section-Fobv6HiD,#section-UJw-se26,#section-uSfOBmS4He8,#section-XRZqmUMpqII,#section-heOxid1zFRk,#section-tgjDc2S3blM,#section-cwMenuIdxb85238ce,#section-cwPracc07d66,#section-cwPol3f582313,#section-cwCbdf4bea98) :is(a,button)[class*="text-[var(--button-text)]"] *{ color:var(--button-text)!important; }
235/* form controls: the theme paints Submit with an INLINE background that ignores --button-bg (#722) */
236input[type="submit"], button[type="submit"]{ background-color:#015593!important; color:#FFFFFF!important; border-color:#015593!important; }
237
238/* ---------- 4b. HERO refinement (hierarchy, legibility, secondary CTA) ---------- */
239#section-uSfOBmS4He8{ position:relative; }
240#section-uSfOBmS4He8::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%); }
241#section-uSfOBmS4He8 > *{ position:relative; z-index:1; }
242#section-uSfOBmS4He8 div[class*="bg-black"]{ background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%)!important; }
243@media(max-width:767px){
244  #section-uSfOBmS4He8::before{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%); }
245  #section-uSfOBmS4He8 div[class*="bg-black"]{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%)!important; } }
246#section-uSfOBmS4He8 h1{ font-size:clamp(36px,5.2vw,66px)!important; line-height:.96!important; margin-bottom:.12em!important; max-width:20ch; }
247#section-uSfOBmS4He8 p{ font-size:clamp(17px,1.7vw,22px)!important; line-height:1.45!important; max-width:32ch; }
248#section-uSfOBmS4He8 h1, #section-uSfOBmS4He8 p{ text-shadow:0 2px 16px rgba(0,0,0,.58), 0 1px 4px rgba(0,0,0,.55); }
249#section-uSfOBmS4He8 a[href="/menu"]:where([class*="bg-"]){ background:#FFFFFF!important; color:#015593!important; border:0!important; border-radius:999px!important; box-shadow:0 6px 0 0 rgba(0,0,0,.16); }
250#section-uSfOBmS4He8 a[href="/menu"]:where([class*="bg-"]):hover{ transform:translateY(-2px); }
251#section-uSfOBmS4He8 a[data-maglev-id$=".button"], #section-uSfOBmS4He8 a[data-maglev-id$=".button"] span{ color:#FFFFFF!important; }
252#section-uSfOBmS4He8 a[data-maglev-id$=".button"]{ box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
253#section-uSfOBmS4He8 a[data-maglev-id$=".button_2"]{ background:rgba(14,12,10,.82)!important; color:#FFFFFF!important; border:0!important; box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
254#section-uSfOBmS4He8 a[data-maglev-id$=".button_2"] span{ color:#FFFFFF!important; }
255html:root body #section-uSfOBmS4He8 a[data-maglev-id$=".button_2"][class]{ color:#FFFFFF!important; }
256html:root body #section-uSfOBmS4He8 a[data-maglev-id$=".button_2"] :is(span,*){ color:#FFFFFF!important; }
257#section-uSfOBmS4He8 a[data-maglev-id$=".button_2"]:hover{ transform:translateY(-2px); }
258#section-XRZqmUMpqII{ position:relative; }
259#section-XRZqmUMpqII::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%); }
260#section-XRZqmUMpqII > *{ position:relative; z-index:1; }
261#section-XRZqmUMpqII div[class*="bg-black"]{ background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%)!important; }
262@media(max-width:767px){
263  #section-XRZqmUMpqII::before{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%); }
264  #section-XRZqmUMpqII div[class*="bg-black"]{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%)!important; } }
265#section-XRZqmUMpqII h1{ font-size:clamp(40px,6.4vw,82px)!important; line-height:.96!important; margin-bottom:.12em!important; }
266#section-XRZqmUMpqII p{ font-size:clamp(17px,1.7vw,22px)!important; line-height:1.45!important; max-width:32ch; }
267#section-XRZqmUMpqII h1, #section-XRZqmUMpqII p{ text-shadow:0 2px 16px rgba(0,0,0,.58), 0 1px 4px rgba(0,0,0,.55); }
268#section-XRZqmUMpqII a[href="/menu"]:where([class*="bg-"]){ background:#FFFFFF!important; color:#015593!important; border:0!important; border-radius:999px!important; box-shadow:0 6px 0 0 rgba(0,0,0,.16); }
269#section-XRZqmUMpqII a[href="/menu"]:where([class*="bg-"]):hover{ transform:translateY(-2px); }
270#section-XRZqmUMpqII a[data-maglev-id$=".button"], #section-XRZqmUMpqII a[data-maglev-id$=".button"] span{ color:#FFFFFF!important; }
271#section-XRZqmUMpqII a[data-maglev-id$=".button"]{ box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
272#section-XRZqmUMpqII a[data-maglev-id$=".button_2"]{ background:rgba(14,12,10,.82)!important; color:#FFFFFF!important; border:0!important; box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
273#section-XRZqmUMpqII a[data-maglev-id$=".button_2"] span{ color:#FFFFFF!important; }
274html:root body #section-XRZqmUMpqII a[data-maglev-id$=".button_2"][class]{ color:#FFFFFF!important; }
275html:root body #section-XRZqmUMpqII a[data-maglev-id$=".button_2"] :is(span,*){ color:#FFFFFF!important; }
276#section-XRZqmUMpqII a[data-maglev-id$=".button_2"]:hover{ transform:translateY(-2px); }
277#section-heOxid1zFRk{ position:relative; }
278#section-heOxid1zFRk::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%); }
279#section-heOxid1zFRk > *{ position:relative; z-index:1; }
280#section-heOxid1zFRk div[class*="bg-black"]{ background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%)!important; }
281@media(max-width:767px){
282  #section-heOxid1zFRk::before{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%); }
283  #section-heOxid1zFRk div[class*="bg-black"]{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%)!important; } }
284#section-heOxid1zFRk h1{ font-size:clamp(40px,6.4vw,82px)!important; line-height:.96!important; margin-bottom:.12em!important; }
285#section-heOxid1zFRk p{ font-size:clamp(17px,1.7vw,22px)!important; line-height:1.45!important; max-width:32ch; }
286#section-heOxid1zFRk h1, #section-heOxid1zFRk p{ text-shadow:0 2px 16px rgba(0,0,0,.58), 0 1px 4px rgba(0,0,0,.55); }
287#section-heOxid1zFRk a[href="/menu"]:where([class*="bg-"]){ background:#FFFFFF!important; color:#015593!important; border:0!important; border-radius:999px!important; box-shadow:0 6px 0 0 rgba(0,0,0,.16); }
288#section-heOxid1zFRk a[href="/menu"]:where([class*="bg-"]):hover{ transform:translateY(-2px); }
289#section-heOxid1zFRk a[data-maglev-id$=".button"], #section-heOxid1zFRk a[data-maglev-id$=".button"] span{ color:#FFFFFF!important; }
290#section-heOxid1zFRk a[data-maglev-id$=".button"]{ box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
291#section-heOxid1zFRk a[data-maglev-id$=".button_2"]{ background:rgba(14,12,10,.82)!important; color:#FFFFFF!important; border:0!important; box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
292#section-heOxid1zFRk a[data-maglev-id$=".button_2"] span{ color:#FFFFFF!important; }
293html:root body #section-heOxid1zFRk a[data-maglev-id$=".button_2"][class]{ color:#FFFFFF!important; }
294html:root body #section-heOxid1zFRk a[data-maglev-id$=".button_2"] :is(span,*){ color:#FFFFFF!important; }
295#section-heOxid1zFRk a[data-maglev-id$=".button_2"]:hover{ transform:translateY(-2px); }
296#section-tgjDc2S3blM{ position:relative; }
297#section-tgjDc2S3blM::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%); }
298#section-tgjDc2S3blM > *{ position:relative; z-index:1; }
299#section-tgjDc2S3blM div[class*="bg-black"]{ background:linear-gradient(90deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 55%, rgba(10,18,32,0.6) 72%, rgba(10,18,32,0.0) 90%)!important; }
300@media(max-width:767px){
301  #section-tgjDc2S3blM::before{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%); }
302  #section-tgjDc2S3blM div[class*="bg-black"]{ background:linear-gradient(180deg, rgba(10,18,32,0.6) 0%, rgba(10,18,32,0.6) 88%, rgba(10,18,32,0.432) 100%)!important; } }
303#section-tgjDc2S3blM h1{ font-size:clamp(40px,6.4vw,82px)!important; line-height:.96!important; margin-bottom:.12em!important; }
304#section-tgjDc2S3blM p{ font-size:clamp(17px,1.7vw,22px)!important; line-height:1.45!important; max-width:32ch; }
305#section-tgjDc2S3blM h1, #section-tgjDc2S3blM p{ text-shadow:0 2px 16px rgba(0,0,0,.58), 0 1px 4px rgba(0,0,0,.55); }
306#section-tgjDc2S3blM a[href="/menu"]:where([class*="bg-"]){ background:#FFFFFF!important; color:#015593!important; border:0!important; border-radius:999px!important; box-shadow:0 6px 0 0 rgba(0,0,0,.16); }
307#section-tgjDc2S3blM a[href="/menu"]:where([class*="bg-"]):hover{ transform:translateY(-2px); }
308#section-tgjDc2S3blM a[data-maglev-id$=".button"], #section-tgjDc2S3blM a[data-maglev-id$=".button"] span{ color:#FFFFFF!important; }
309#section-tgjDc2S3blM a[data-maglev-id$=".button"]{ box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
310#section-tgjDc2S3blM a[data-maglev-id$=".button_2"]{ background:rgba(14,12,10,.82)!important; color:#FFFFFF!important; border:0!important; box-shadow:0 0 0 1.5px rgba(255,255,255,.90), 0 6px 0 0 rgba(0,0,0,.16); }
311#section-tgjDc2S3blM a[data-maglev-id$=".button_2"] span{ color:#FFFFFF!important; }
312html:root body #section-tgjDc2S3blM a[data-maglev-id$=".button_2"][class]{ color:#FFFFFF!important; }
313html:root body #section-tgjDc2S3blM a[data-maglev-id$=".button_2"] :is(span,*){ color:#FFFFFF!important; }
314#section-tgjDc2S3blM a[data-maglev-id$=".button_2"]:hover{ transform:translateY(-2px); }
315
316/* ---------- 4d. CTA HOVER LABEL (#620) ---------- */
317/* the theme ships `hover:bg-` with no `hover:text-` pair — without this the label keeps its resting
318   colour while the fill swaps under it. NOT last: §6 (components + the brand's extra_css) is
319   substituted after this, so the guard cannot rely on source order and carries the specificity to
320   win outright instead (see `_cta_hover_css`). That is deliberate — an author who wants a different
321   hover label writes an equally-specific rule in `extra_css` and still wins on order. */
322html:root body :is(a,button)[class*="hover:bg-[var(--button-hover-bg)]"]:hover,
323html:root body :is(a,button)[class*="hover:bg-[var(--button-hover-bg)]"]:hover *,
324html:root body :is(#section-k5LU1XdQ62k,#section-7tSnYxNZ0FY,#section-f0dj0Fvb,#section-mEr5jRUiY5o,#section-k2u69LFSvE0,#section-zLaolY6F,#section-5kNRBaCPlUw,#section-FZ1vQ-KO,#section-xQbwR_H0,#section-FNJvq2U0tOU,#section-i1O7MAJXArU,#section-B0YWrF9F,#section-DP77v9gs,#section-cQ3drf9w,#section-kHOjqTwor1k,#section-siwynTLE,#section-stNUXQjf,#section-If59cHDW,#section-8D4aDO3f,#section-vqm_TS9A,#section-JOZesAJU,#section-OtNXrIvL,#section-_Au-mO5T,#section-uCVfKjy0,#section-xQtwcuQy8CI,#section-lFv3EunqfMg,#section-ItNMnmDlFNE,#section-wdn2uGT4JWo,#section-ZPKsn3w7-Uc,#section-sLt4kjH5Ozs,#section-cwIG21d18d95,#section-F
324obv6HiD,#section-UJw-se26,#section-uSfOBmS4He8,#section-XRZqmUMpqII,#section-heOxid1zFRk,#section-tgjDc2S3blM,#section-cwMenuIdxb85238ce,#section-cwPracc07d66,#section-cwPol3f582313,#section-cwCbdf4bea98) :is(a,button)[class*="hover:bg-[var(--button-hover-bg)]"]:hover,
325html:root body :is(#section-k5LU1XdQ62k,#section-7tSnYxNZ0FY,#section-f0dj0Fvb,#section-mEr5jRUiY5o,#section-k2u69LFSvE0,#section-zLaolY6F,#section-5kNRBaCPlUw,#section-FZ1vQ-KO,#section-xQbwR_H0,#section-FNJvq2U0tOU,#section-i1O7MAJXArU,#section-B0YWrF9F,#section-DP77v9gs,#section-cQ3drf9w,#section-kHOjqTwor1k,#section-siwynTLE,#section-stNUXQjf,#section-If59cHDW,#section-8D4aDO3f,#section-vqm_TS9A,#section-JOZesAJU,#section-OtNXrIvL,#section-_Au-mO5T,#section-uCVfKjy0,#section-xQtwcuQy8CI,#section-lFv3EunqfMg,#section-ItNMnmDlFNE,#section-wdn2uGT4JWo,#section-ZPKsn3w7-Uc,#section-sLt4kjH5Ozs,#section-cwIG21d18d95,#section-Fobv6HiD,#section-UJw-se26,#section-uSfOBmS4He8,#section-XRZqmUMpqII,#section-heOxid1zFRk,#section-tgjDc2S3blM,#section-cwMenuIdxb85238ce,#section-cwPracc07d66,#section-cwPol3f582313,#section-cwCbdf4bea98) :is(a,button)[class*="hover:bg-[var(--button-hover-bg)]"]:hover *{ color:var(--button-hover-text)!important; }
326
327/* ---------- 5. SCROLL-REVEAL (gated for reduced-motion; JS adds .cw-reveal) ---------- */
328@media (prefers-reduced-motion:no-preference){
329  /* transition lives on the .cw-in (revealed) state, NOT the base: setting the hidden state must be
330     INSTANT. If the base carried the transition, tagging a section .cw-reveal would fade it 1→0, and
331     a near-fold section (revealed a couple frames later) reverses to 1 before ever reaching 0 — so it
332     never visibly animates. Instant-hide + transition-on-reveal makes the first content section rise
333     in like the rest. */
334  .cw-reveal{ opacity:0; transform:translateY(26px); }
335  .cw-reveal.cw-in{ opacity:1; transform:none; transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
336}
337
338/* ---------- 6. SIGNATURE COMPONENTS (full-bleed bands, mascots — per chosen surprise) ---------- */
339/* menu index reveal (category word-stack + peeking dishes) -- cwMenuIdxb85238ce */
340/* ALL rules id-scoped (multi-instance safe via `key`; the id keeps specificity above the generic
341   maglev section rules). Motion lives ONLY inside the no-preference gate; the finished state
342   (full stack + every tilted dish + pill visible) is the no-JS / reduced state. */
343#section-cwMenuIdxb85238ce{ position:relative; background:transparent; overflow:hidden; }
344#section-cwMenuIdxb85238ce .cw-mir__inner{ position:relative; max-width:1180px; margin:0 auto;
345  padding:clamp(48px,9vw,120px) clamp(16px,6vw,80px); }
346#section-cwMenuIdxb85238ce .cw-mir__eyebrow{ margin:0 0 clamp(8px,1.5vw,18px); text-align:center;
347  text-transform:uppercase; letter-spacing:.22em; font-weight:700;
348  font-size:clamp(.7rem,1.4vw,.86rem); color:rgba(31,31,31,0.55);
349  font-family:var(--body-font-stack,system-ui,sans-serif); }
350#section-cwMenuIdxb85238ce .cw-mir__stack{ position:relative; }
351#section-cwMenuIdxb85238ce .cw-mir__rows{ position:relative; z-index:2; text-align:center;
352  display:flex; flex-direction:column; align-items:center; gap:clamp(2px,.6vw,10px); }
353#section-cwMenuIdxb85238ce .cw-mir__row{ line-height:.98; }
354#section-cwMenuIdxb85238ce .cw-mir__word{ display:inline-block;
355  font-family:var(--display-font-stack,Georgia,serif); font-weight:800;
356  font-size:clamp(2.2rem,9vw,6.4rem); letter-spacing:-.01em; color:var(--text-primary, #1F1F1F); }
357/* de-emphasize the even rows for a stacked rhythm */
358#section-cwMenuIdxb85238ce .cw-mir__row:nth-of-type(even) .cw-mir__word{ color:rgba(31,31,31,0.55); }
359/* the highlighted row (1-based highlight_index) takes the accent color -- enumerated so it is
360   fully static, no-JS, and beats the alternating rule on specificity */
361#section-cwMenuIdxb85238ce .cw-mir[data-hl="1"] .cw-mir__row[data-row="1"] .cw-mir__word,
362#section-cwMenuIdxb85238ce .cw-mir[data-hl="2"] .cw-mir__row[data-row="2"] .cw-mir__word,
363#section-cwMenuIdxb85238ce .cw-mir[data-hl="3"] .cw-mir__row[data-row="3"] .cw-mir__word,
364#section-cwMenuIdxb85238ce .cw-mir[data-hl="4"] .cw-mir__row[data-row="4"] .cw-mir__word,
365#section-cwMenuIdxb85238ce .cw-mir[data-hl="5"] .cw-mir__row[data-row="5"] .cw-mir__word,
366#section-cwMenuIdxb85238ce .cw-mir[data-hl="6"] .cw-mir__row[data-row="6"] .cw-mir__word{ color:#015593; }
367
368/* the handwritten script phrase, layered over the highlighted row */
369#section-cwMenuIdxb85238ce .cw-mir__script{ position:absolute; left:50%; z-index:3; top:40%;
370  transform:translate(-50%,-50%) rotate(-7deg); pointer-events:none;
371  color:#015593; font-family:var(--display-font-stack,cursive);
372  font-style:italic; font-weight:600; font-size:clamp(1.6rem,4.5vw,3.1rem); white-space:nowrap;
373  opacity:.92; text-shadow:0 1px 0 rgba(255,255,255,.35); }
374#section-cwMenuIdxb85238ce .cw-mir[data-hl="1"] .cw-mir__script{ top:12%; }
375#section-cwMenuIdxb85238ce .cw-mir[data-hl="2"] .cw-mir__script{ top:30%; }
376#section-cwMenuIdxb85238ce .cw-mir[data-hl="3"] .cw-mir__script{ top:48%; }
377#section-cwMenuIdxb85238ce .cw-mir[data-hl="4"] .cw-mir__script{ top:66%; }
378#section-cwMenuIdxb85238ce .cw-mir[data-hl="5"] .cw-mir__script{ top:80%; }
379#section-cwMenuIdxb85238ce .cw-mir[data-hl="6"] .cw-mir__script{ top:92%; }
380
381/* peeking dish cards -- tilted, name-pill, half off the edge */
382#section-cwMenuIdxb85238ce .cw-mir__dish{ position:absolute; z-index:4; margin:0; width:clamp(130px,20vw,260px);
383  rotate:var(--tilt,0deg); transform-origin:center; }
384#section-cwMenuIdxb85238ce .cw-mir__dish--1{ --tilt:var(--d1-tilt,-5deg); top:5%; }
385#section-cwMenuIdxb85238ce .cw-mir__dish--2{ --tilt:var(--d2-tilt,4deg); top:42%; }
386#section-cwMenuIdxb85238ce .cw-mir__dish--3{ --tilt:var(--d3-tilt,-3deg); bottom:5%; }
387#section-cwMenuIdxb85238ce .cw-mir__dishimg{ display:block; width:100%; height:auto; border-radius:12px;
388  box-shadow:0 14px 34px rgba(0,0,0,.24); }
389#section-cwMenuIdxb85238ce .cw-mir__pill{ position:absolute; left:50%; bottom:-14px; transform:translateX(-50%);
390  background:#015593; color:#FFFFFF; border-radius:999px; padding:.34em .8em;
391  font-family:var(--body-font-stack,system-ui,sans-serif); font-weight:800;
392  font-size:clamp(.68rem,1.5vw,.86rem); white-space:nowrap; box-shadow:0 6px 14px rgba(0,0,0,.24); }
393/* left / right edge placement per dish */
394#section-cwMenuIdxb85238ce .cw-mir[data-d1-side="left"] .cw-mir__dish--1{ left:-2%; right:auto; }
395#section-cwMenuIdxb85238ce .cw-mir[data-d1-side="right"] .cw-mir__dish--1{ right:-2%; left:auto; }
396#section-cwMenuIdxb85238ce .cw-mir[data-d2-side="left"] .cw-mir__dish--2{ left:-2%; right:auto; }
397#section-cwMenuIdxb85238ce .cw-mir[data-d2-side="right"] .cw-mir__dish--2{ right:-2%; left:auto; }
398#section-cwMenuIdxb85238ce .cw-mir[data-d3-side="left"] .cw-mir__dish--3{ left:-2%; right:auto; }
399#section-cwMenuIdxb85238ce .cw-mir[data-d3-side="right"] .cw-mir__dish--3{ right:-2%; left:auto; }
400/* desktop (>=900px): pull the peeking dishes further off-edge so the cutout art clears the
401   category word-stack instead of overlapping it -- bakes in PR #445's extra_css fix for every
402   build (#452 defect #2). Same-specificity + later source order => wins over the -2% base above. */
403@media (min-width:900px){
404  #section-cwMenuIdxb85238ce .cw-mir[data-d1-side="left"] .cw-mir__dish--1{ left:-9%; }
405  #section-cwMenuIdxb85238ce .cw-mir[data-d1-side="right"] .cw-mir__dish--1{ right:-9%; }
406  #section-cwMenuIdxb85238ce .cw-mir[data-d2-side="left"] .cw-mir__dish--2{ left:-8%; }
407  #section-cwMenuIdxb85238ce .cw-mir[data-d2-side="right"] .cw-mir__dish--2{ right:-8%; }
408  #section-cwMenuIdxb85238ce .cw-mir[data-d3-side="left"] .cw-mir__dish--3{ left:-8%; }
409  #section-cwMenuIdxb85238ce .cw-mir[data-d3-side="right"] .cw-mir__dish--3{ right:-8%; }
410}
411
412/* small screens: dishes stop overlapping the type, flow under it */
413@media (max-width:760px){
414  #section-cwMenuIdxb85238ce{ overflow:visible; }
415  #section-cwMenuIdxb85238ce .cw-mir__dish{ position:relative; top:auto; bottom:auto; left:auto!important;
416    right:auto!important; width:min(60vw,240px); margin:clamp(20px,5vw,36px) auto 0; }
417  #section-cwMenuIdxb85238ce .cw-mir__script{ position:static; transform:rotate(-6deg); display:block;
418    text-align:center; margin-top:12px; }
419}
420
421@media (prefers-reduced-motion:no-preference){
422  /* armed = JS running + motion allowed; otherwise the stack + dishes already sit in final state */
423  #section-cwMenuIdxb85238ce .cw-mir--armed .cw-mir__row{ opacity:0; transform:translateY(28px); }
424  #section-cwMenuIdxb85238ce .cw-mir--armed .cw-mir__dish{ opacity:0; }
425  #section-cwMenuIdxb85238ce .cw-mir--armed .cw-mir__pill{ opacity:0; transform:translateX(-50%) scale(.6); }
426  #section-cwMenuIdxb85238ce .cw-mir--armed .cw-mir__script{ opacity:0; }
427  /* the `rotate` property carries the seeded tilt; keyframes animate only translate/opacity so
428     the dish never double-rotates during the slide */
429  @keyframes cw-mir-rise{ to{ opacity:1; transform:translateY(0); } }
430  @keyframes cw-mir-slide-l{ from{ opacity:0; transform:translateX(-40px); } to{ opacity:1; transform:translateX(0); } }
431  @keyframes cw-mir-slide-r{ from{ opacity:0; transform:translateX(40px); } to{ opacity:1; transform:translateX(0); } }
432  @keyframes cw-mir-pop{ to{ opacity:1; transform:translateX(-50%) scale(1); } }
433  @keyframes cw-mir-fade{ to{ opacity:.92; } }
434  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__row{
435    animation:cw-mir-rise .5s cubic-bezier(.2,.7,.3,1) both; }
436  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__row:nth-of-type(2){ animation-delay:.
43607s; }
437  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__row:nth-of-type(3){ animation-delay:.14s; }
438  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__row:nth-of-type(4){ animation-delay:.21s; }
439  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__row:nth-of-type(5){ animation-delay:.28s; }
440  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__row:nth-of-type(6){ animation-delay:.35s; }
441  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__dish{
442    animation:cw-mir-slide-l .6s cubic-bezier(.2,.7,.3,1) .2s both; }
443  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in[data-d1-side="right"] .cw-mir__dish--1,
444  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in[data-d2-side="right"] .cw-mir__dish--2,
445  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in[data-d3-side="right"] .cw-mir__dish--3{
446    animation-name:cw-mir-slide-r; }
447  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__dish--2{ animation-delay:.34s; }
448  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__dish--3{ animation-delay:.48s; }
449  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__pill{
450    animation:cw-mir-pop .4s cubic-bezier(.2,.7,.3,1.2) .5s both; }
451  #section-cwMenuIdxb85238ce .cw-mir--armed.cw-mir--in .cw-mir__script{
452    animation:cw-mir-fade .5s ease .55s both; }
453}
454
455
456/* plate reveal — cwPracc07d66 (typographic menu list + ONE fixed photo stage; hover/focus swaps the plate.
457   ALL rules id-scoped: two instances (key param) must never share per-instance colors/shape/side). */
458#section-cwPracc07d66{ width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; display:block!important; }
459#section-cwPracc07d66 .cw-pr{ background:#0B2447; color:#FFFFFF; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
460#section-cwPracc07d66 .cw-pr__inner{ max-width:1200px; margin:0 auto; padding:clamp(48px,6vw,96px) 24px; display:flex; align-items:center; gap:clamp(28px,5vw,64px); }
461#section-cwPracc07d66 .cw-pr--left .cw-pr__inner{ flex-direction:row-reverse; }
462#section-cwPracc07d66 .cw-pr__list{ flex:1 1 55%; min-width:0; }
463#section-cwPracc07d66 .cw-pr__eyebrow{ font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.16em; font-size:14px; color:#FFFFFF; opacity:.85; margin:0 0 10px; }
464#section-cwPracc07d66 .cw-pr__head{ font-family:'Archivo',Helvetica Neue,system-ui,sans-serif!important; font-weight:700; color:#f8f6f2!important; font-size:calc(clamp(30px,4vw,52px) * 0.95); line-height:1.03; margin:0 0 18px; }
465#section-cwPracc07d66 .cw-pr__rows{ display:flex; flex-direction:column; }
466#section-cwPracc07d66 .cw-pr__row{ display:flex; align-items:baseline; gap:14px; width:100%; text-align:left; background:none; border:0; border-bottom:1px solid rgba(255,255,255,0.22); padding:16px 4px; margin:0; cursor:pointer; color:inherit; font:inherit; }
467#section-cwPracc07d66 .cw-pr__name{ font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-weight:700; font-size:calc(clamp(20px,2.4vw,30px) * 0.95); line-height:1.12; }
468#section-cwPracc07d66 .cw-pr__desc{ flex:1 1 auto; min-width:0; font-family:'Nunito Sans',system-ui,-apple-system,sans-serif; font-size:15px; line-height:1.45; opacity:.78; }
469#section-cwPracc07d66 .cw-pr__price{ margin-left:auto; font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-weight:600; font-size:calc(17px * 0.95); white-space:nowrap; }
470#section-cwPracc07d66 .cw-pr__row:hover .cw-pr__name,
471#section-cwPracc07d66 .cw-pr__row.is-current .cw-pr__name{ color:#f8f6f2; }
472/* keyboard: rows are real buttons — focus swaps the plate and MUST look focused */
473#section-cwPracc07d66 .cw-pr__row:focus{ outline:3px solid #f8f6f2; outline-offset:3px; border-radius:6px; }
474#section-cwPracc07d66 .cw-pr__row:focus:not(:focus-visible){ outline:none; }
475#section-cwPracc07d66 .cw-pr__row:focus-visible{ outline:3px solid #f8f6f2; outline-offset:3px; border-radius:6px; }
476/* the ONE fixed stage frame — never cursor-following; static per-brand tilt jitter (not motion) */
477#section-cwPracc07d66 .cw-pr__stage{ flex:1 1 45%; position:relative; align-self:center; width:100%; aspect-ratio:4/5; max-height:560px; overflow:hidden; transform:rotate(0.32deg); box-shadow:0 24px 56px rgba(0,0,0,.24); }
478#section-cwPracc07d66 .cw-pr--rect .cw-pr__stage{ border-radius:18px; }
479#section-cwPracc07d66 .cw-pr--arch .cw-pr__stage{ border-radius:999px 999px 18px 18px; }
480#section-cwPracc07d66 .cw-pr__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; }
481#section-cwPracc07d66 .cw-pr__img.is-active{ opacity:1; }
482@media (max-width:820px){
483  #section-cwPracc07d66 .cw-pr__inner, #section-cwPracc07d66 .cw-pr--left .cw-pr__inner{ flex-direction:column; }
484  #section-cwPracc07d66 .cw-pr__stage{ order:-1; aspect-ratio:16/10; max-height:320px; transform:none; }
485}
486/* motion — the crossfade lives ONLY here (reduced-motion = instant snap, the finished state).
487   Transitions arm only after cwOnView adds .cw-pr--live, so first paint never flashes. */
488@media (prefers-reduced-motion:no-preference){
489  #section-cwPracc07d66 .cw-pr--live.cw-pr--slow-fade .cw-pr__img{ transition:opacity .65s ease; }
490  #section-cwPracc07d66 .cw-pr--live .cw-pr__name{ transition:color .2s ease; }
491}
492
493#section-cwPracc07d66{ margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; }
494
495/* polaroid table-toss — cwPol3f582313 */
496/* Base state = prints settled at their seeded angles (finished). The toss-in plays once when
497   cwOnView lands .cw-pol--in (fill:backwards covers the stagger delays; NO forwards fill, so
498   the hover straighten transition still owns the transform afterwards). */
499#section-cwPol3f582313 .cw-pol{ padding:clamp(40px,6vw,72px) 24px; text-align:center; }
500#section-cwPol3f582313 .cw-pol__head{ font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-weight:700; font-size:clamp(24px,3vw,38px); margin:0 0 26px; }
501#section-cwPol3f582313 .cw-pol__table{ display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:clamp(14px,3vw,34px); }
502#section-cwPol3f582313 .cw-pol__print{ margin:0; background:#FDFCF8; box-shadow:0 10px 26px rgba(0,0,0,.20), 0 2px 6px rgba(0,0,0,.12);
503  transform:rotate(var(--cw-pol-rot)); transition:transform .25s ease, box-shadow .25s ease; position:relative; width:min(230px,42vw); }
504#section-cwPol3f582313 .cw-pol__print:hover{ transform:rotate(0) translateY(-8px) scale(1.02); box-shadow:0 18px 38px rgba(0,0,0,.24); z-index:2; }
505#section-cwPol3f582313 .cw-pol__img{ display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
506#section-cwPol3f582313 .cw-pol__cap{ font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-size:14px; color:#2A1712; opacity:.82; padding:8px 4px 2px; }
507/* — polaroid: thick white border + caption strip below the photo — */
508#section-cwPol3f582313 .cw-pol--polaroid .cw-pol__print{ padding:10px 10px 40px; }
509#section-cwPol3f582313 .cw-pol--polaroid .cw-pol__cap{ position:absolute; left:10px; right:10px; bottom:8px; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
510/* — tape: slim border + two translucent tape strips over the top corners — */
511#section-cwPol3f582313 .cw-pol--tape .cw-pol__print{ padding:8px; }
512#section-cwPol3f582313 .cw-pol--tape .cw-pol__print::before,
513#section-cwPol3f582313 .cw-pol--tape .cw-pol__print::after{ content:""; position:absolute; top:-9px; width:58px; height:20px;
514  background:rgba(226,214,180,.65); box-shadow:0 1px 3px rgba(0,0,0,.12); }
515#section-cwPol3f582313 .cw-pol--tape .cw-pol__print::before{ left
515:-14px; transform:rotate(-38deg); }
516#section-cwPol3f582313 .cw-pol--tape .cw-pol__print::after{ right:-14px; transform:rotate(38deg); }
517@media (prefers-reduced-motion:no-preference){
518  @keyframes cw-pol-toss{
519    from{ opacity:0; transform:rotate(calc(var(--cw-pol-rot)*2.6)) scale(1.14) translateY(26px); }
520    to{ opacity:1; transform:rotate(var(--cw-pol-rot)) scale(1) translateY(0); }
521  }
522  #section-cwPol3f582313 .cw-pol--in .cw-pol__print{ animation:cw-pol-toss .6s cubic-bezier(.22,1,.36,1) 1 backwards; }
523  #section-cwPol3f582313 .cw-pol--in .cw-pol__print--2{ animation-delay:.09s; }
524  #section-cwPol3f582313 .cw-pol--in .cw-pol__print--3{ animation-delay:.18s; }
525  #section-cwPol3f582313 .cw-pol--in .cw-pol__print--4{ animation-delay:.27s; }
526  #section-cwPol3f582313 .cw-pol--in .cw-pol__print--5{ animation-delay:.36s; }
527}
528
529
530/* content band — cwCbdf4bea98 (ALL rules scoped by section id: multiple instances share the .cw-cb class,
531   so per-instance values — band fill, text colors, CTA colors, side — MUST be id-scoped or the last
532   instance's rules win for every band). */
533#section-cwCbdf4bea98{ width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; display:block!important; }
534#section-cwCbdf4bea98 .cw-cb{ background:#015593; color:#FFFFFF; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
535#section-cwCbdf4bea98 .cw-cb__inner{ max-width:1200px; margin:0 auto; padding:clamp(48px,6vw,96px) 24px; display:flex; align-items:center; gap:clamp(28px,5vw,72px); }
536#section-cwCbdf4bea98 .cw-cb--right .cw-cb__inner{ flex-direction:row-reverse; }
537#section-cwCbdf4bea98 .cw-cb__media{ flex:1 1 50%; overflow:hidden; border-radius:14px; box-shadow:0 20px 48px rgba(0,0,0,.22); }
538#section-cwCbdf4bea98 .cw-cb__media img{ display:block; width:100%; height:clamp(240px,32vw,420px); object-fit:cover; transition:transform .8s cubic-bezier(.2,.6,.2,1); }
539#section-cwCbdf4bea98 .cw-cb__copy{ flex:1 1 50%; }
540#section-cwCbdf4bea98 .cw-cb__eyebrow{ font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.16em; font-size:14px; color:#FFFFFF; margin:0 0 12px; }   /* full opacity — .85 over a band dropped AA (@design) */
541#section-cwCbdf4bea98 .cw-cb__head{ font-family:'Archivo',Helvetica Neue,system-ui,sans-serif!important; font-weight:700; color:#f8f6f2!important; font-size:clamp(30px,4vw,52px); line-height:1.03; margin:0 0 16px; }
542#section-cwCbdf4bea98 .cw-cb__body{ font-size:clamp(16px,1.4vw,19px); line-height:1.6; max-width:46ch; color:#FFFFFF; margin:0 0 26px; }
543#section-cwCbdf4bea98 .cw-cb__cta{ display:inline-block; background:#f8f6f2; color:#015593!important; font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-weight:600; font-size:17px; padding:14px 32px; border-radius:999px; box-shadow:0 6px 0 0 rgba(0,0,0,.16); transition:transform .15s ease, box-shadow .15s ease; }
544#section-cwCbdf4bea98 .cw-cb__cta:hover{ transform:translateY(-2px); box-shadow:0 9px 0 0 rgba(0,0,0,.2); }
545@media (max-width:820px){ #section-cwCbdf4bea98 .cw-cb__inner, #section-cwCbdf4bea98 .cw-cb--right .cw-cb__inner{ flex-direction:column; text-align:center; } #section-cwCbdf4bea98 .cw-cb__body{ margin-left:auto; margin-right:auto; } }
546/* motion — gentle image zoom on hover, gated for reduced-motion (never outside the gate) */
547@media (prefers-reduced-motion:no-preference){ #section-cwCbdf4bea98 .cw-cb__media:hover img{ transform:scale(1.055); } }
548
549#section-cwCbdf4bea98{ margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; }
550
551/* animated corner mascot (peek) */
552/* a mascot that peeks in from the corner on scroll, with an order nudge.
553   NOTE: uses its OWN .cw-peek--in shown-state class so the scroll-reveal's .cw-in never toggles it. */
554.cw-peek{ position:fixed; left:20px; bottom:20px; width:74px; height:74px; border-radius:50%; z-index:55;
555  background-image:url('https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_400/Customers/grecian-gyro/site/seal-7a24ffdf'); background-size:cover; background-position:center; border:2px solid #015593;
556  box-shadow:0 6px 18px rgba(36,31,27,.22); filter:drop-shadow(0 1px 2px rgba(36,31,27,.12));
557  transform:translateY(150%) rotate(8deg); transition:transform .5s cubic-bezier(.22,1,.36,1); cursor:pointer; }
558.cw-peek.cw-peek--in{ transform:translateY(0) rotate(0); }
559.cw-peek__tip{ position:absolute; left:88px; bottom:20px; white-space:nowrap; background:#015593; color:#FFFFFF;
560  font-family:'Archivo',Helvetica Neue,system-ui,sans-serif; font-weight:600; font-size:13px; padding:6px 12px; border-radius:999px;
561  box-shadow:0 4px 12px rgba(0,0,0,.18); opacity:0; transform:translateX(-6px); transition:opacity .25s, transform .25s; pointer-events:none; }
562.cw-peek:hover .cw-peek__tip{ opacity:1; transform:translateX(0); }
563@media (prefers-reduced-motion:no-preference){
564  @keyframes cw-peek-idle{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }   /* imperceptible idle */
565  @keyframes cw-peek-hop{ 0%,100%{transform:translateY(0) rotate(0)} 45%{transform:translateY(-13px) rotate(-6deg)} }
566  .cw-peek.cw-peek--in{ animation:cw-peek-idle 4.6s cubic-bezier(.45,0,.55,1) .8s infinite; }   /* desynced period */
567  .cw-peek.cw-peek--in:hover{ animation:cw-peek-hop .5s ease; }   /* flutter/hop reserved for hover only */
568}
569@media (prefers-reduced-motion:reduce){ .cw-peek{ transition:none; transform:translateY(0) rotate(0); } }
570/* #455 → #539: the fixed 74px corner FAB is pinned at left:20px (`_CORNER["bottom-left"]` in
571   compose.py — a FIXED inset for every brand), so its right edge sits at ~x=98px on EVERY
572   viewport. A prior fix (#455/PR#448) shrunk it to 52px/10px below 600px, which only clears
573   phones — single-column content on tablet/small-laptop widths (roughly 601–1360px, confirmed
574   by an @design collision sweep on Alinea) still starts well inside that 98px band, so the
575   badge kept overlapping body copy AND stealing taps from real CTAs (e.g. a footer link) up to
576   ~1360px. There is no shrink threshold that clears both a 390px phone and a 1024px tablet at a
577   fixed left:20px inset, so below the desktop gutter the badge is not a corner FAB at all: it
578   becomes a full-width sticky bottom bar (Liv's Juice Bar's #chowly-floating-footer is the
579   reference). A bar can't collide with a single-column body — it OWNS the bottom edge, and
580   `body{padding-bottom}` below reserves that strip so no content (footer included) ever hides
581   under it. #539 replaced the previous "hide it entirely below 1399px" trade-off, which made
582   this SPINE order-nudge invisible to most mobile/tablet traffic. Same 1399px cutoff as that
583   fix (NOT Liv's own 768px, which leaves the 601–1360px band with no persistent CTA at all).
584   The bar is always-on, not scroll-gated: it's a utility, not a reveal. */
585@media (max-width:1399px){
586  /* ONE source of truth for the bar's height — the body reservation below reads the same var. */
587  :root{ --cw-peek-bar-h:60px;
588    /* Both bottom corners are reserved on an elevated site (#421). Measured at 768px on live
589       sites: the Maglev a11y button (UserWay) is 44x44 docked 21px from the right edge — the
590       SAME geometry on two unrelated elevated customers, so it is platform-level, not per-brand;
591       a SpotHopper-style chat bubble on another site is 56x56 at 7px. Worst case the corner is
592       occupied out to 65px, so the bar pads BOTH ends by 76px and centres its content between
593       them — the label and mascot chip can never sit under a corner widget. Verified by injecting
594       this bar into those live pages: the widget still hit-tests on top of the bar
595       (elementFromPoint at its centre), so it is neither hidden nor tap-blocked — it just docks
596       on the bar's right end. */
597    --cw-peek-a11y-reserve:76px; }
598  .cw-peek{ box-sizing:border-box; overflow:hidden; left:0; right:0; bottom:0; width:auto;
599    height:calc(var(--cw-peek-bar-h) + env(safe-area-inset-bottom,0px));
600    padding:0 var(--cw-peek-a11y-reserve) env(safe-area-inset-bottom,0px);
601    display:flex; align-items:center; justify-content:center; gap:10px;
602    border:0; border-radius:0; background-image:none; background-color:#015593;
603    box-shadow:0 -4px 14px rgba(36,31,27,.18); filter:none; text-decoration:none;
604    /* always-on: neutralise the scroll-in gate (.cw-peek--in) and the idle bob without touching
605       body.js.tmpl — !important because both live on higher-specificity selectors above. */
606    transform:none !important; animation:none !important; }
607  .cw-peek::before{ content:''; flex:0 0 auto; width:34px; height:34px; border-radius:50%;
608    background-image:url('https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_400/Customers/grecian-gyro/site/seal-7a24ffdf'); background-size:cover; background-position:center;
609    border:2px solid #FFFFFF; }   /* the mascot survives as the bar's leading chip */
610  .cw-peek__tip{ position:static; background:none; box-shadow:none; padding:0; border-radius:0;
611    font-size:16px; opacity:1; transform:none; transition:none; max-width:100%;
612    overflow:hidden; text-overflow:ellipsis; }   /* the tooltip becomes the bar's label */
613  /* Reserve the strip the bar covers. Verified 0px on live elevated sites, so nothing to preserve;
614     !important because `body` is theme-owned and our <style> can be outranked by source order. */
615  body{ padding-bottom:calc(var(--cw-peek-bar-h) + env(safe-area-inset-bottom,0px)) !important; }
616}
617
618
619/* extra_css (brand.json escape hatch) */
620#section-uSfOBmS4He8 h1{ font-size:14px!important; line-height:1.3!important; margin-bottom:.5em!important; max-width:none!important; }
621#section-uSfOBmS4He8 p{ font-size:20px!important; line-height:1.15!important; }
622@media (min-width:768px){
623  #section-uSfOBmS4He8 h1{ font-size:24px!important; }
624  #section-uSfOBmS4He8 p{ font-size:48px!important; }
625}
626@media (min-width:1280px){
627  #section-uSfOBmS4He8 h1{ font-size:28px!important; }
628  #section-uSfOBmS4He8 p{ font-size:56px!important; line-height:64px!important; }
629}
630/* menu_index_reveal: the custom_html host is flex items-start, so the block root shrinks to content and sits off-center; component bug, issue to file */
631.cw-mir{width:100%!important;}
632</style>
633
634
635    
635<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
635
636
637  <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" />
638
639  
639<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
639
640  
640<script src="/assets/banner-component-730ab5752d6195daf2963c20c32c885c4d07215b1fbd2a76a52cd94622d82ef7.js"></script>
640
641
642  
642<script async>
643    window.chowlyApiHost = 'https://api.chowlyinc.com';
644    window.siteHost = 'https://sites.chowly.app';
645  </script>
645
646
647  
647<script type="application/ld+json">
648  {"@context":"https://schema.org","@graph":[{"@type":"Restaurant","name":"Grecian Gyro ","address":{"@type":"PostalAddress","streetAddress":"4468 Chamblee Dunwoody Rd","addressLocality":"Dunwoody","addressRegion":"GA","postalCode":"30338","addressCountry":"US"},"telephone":"7706805424","geo":{"@type":"GeoCoordinates","latitude":33.9215745,"longitude":-84.31479829999999},"url":"https://www.greciangyro.com#location-46436","servesCuisine":["Greek","Gyros","Salads","Potatoes","Steak","Platter","Bowl","Sundaes","Milkshakes","Casual","Takeout","Delivery","Dine In","Inexpensive","Menu","Catering","Ice Cream/Frozen Yogurt","Pickup","Mediterranean","Wraps","Kids Menu","Desserts"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"21:30:00"}],"hasMenu":"https://www.greciangyro.com/menu","areaServed":["Berkeley Park","Blandtown","Hills Park","West Midtown","North Midtown","Howell Mill","Berkeley Heights","Midtown West","Northside Heights","Berkeley Park Dining","West Midtown Eateries","North Midtown Corridor","Blandtown Restaurants","Hills Park Spots","Atlanta","Hapeville","Tucker","Forest Park","Snellville","Dunwoody","Chamblee","Midtown","Lawrenceville","College Park"]},{"@type":"Restaurant","name":"Grecian Gyro","address":{"@type":"PostalAddress","streetAddress":"4542 Old Dixie Hwy #104","addressLocality":"Forest Park","addressRegion":"GA","postalCode":"30297","addressCountry":"US"},"telephone":"4043634000","geo":{"@type":"GeoCoordinates","latitude":33.6308732,"longitude":-84.3860008},"url":"https://www.greciangyro.com#location-46448","servesCuisine":["Greek","Gyros","Salads","Potatoes","Steak","Platter","Bowl","Sundaes","Milkshakes","Casual","Takeout","Delivery","Dine In","Inexpensive","Menu","Catering","Ice Cream/Frozen Yogurt","Pickup","Mediterranean","Wraps","Kids Menu","Desserts"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"20:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"20:30:00"}],"hasMenu":"https://www.greciangyro.com/menu","areaServed":["Berkeley Park","Blandtown","Hills Park","West Midtown","North Midtown","Howell Mill","Berkeley Heights","Midtown West","Northside Heights","Berkeley Park Dining","West Midtown Eateries","North Midtown Corridor","Blandtown Restaurants","Hills Park Spots","Atlanta","Hapeville","Tucker","Forest Park","Snellville","Dunwoody","Chamblee","Midtown","Lawrenceville","College Park"]},{"@type":"Restaurant","name":"Grecian Gyro","address":{"@type":"PostalAddress","streetAddress":"855 Virginia Ave","addressLocality":"Hapeville","addressRegion":"GA","postalCode":"30354","addressCountry":"US"},"telephone":"4047621627","geo":{"@type":"GeoCoordinates","latitude":33.6590445,"longitude":-84.417045},"url":"https://www.greciangyro.com#location-46450","servesCuisine":["Greek","Gyros","Salads","Potatoes","Steak","Platter","Bowl","Sundaes","Milkshakes","Casual","Takeout","Delivery","Dine In","Inexpensive","Menu","Catering","Ice Cream/Frozen Yogurt","Pickup","Mediterranean","Wraps","Kids Menu","Desserts"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"10:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"10:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"10:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"10:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"10:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"21:00:00"}],"hasMenu":"https://www.greciangyro.com/menu","areaServed":["Berkeley Park","Blandtown","Hills Park","West Midtown","North Midtown","Howell Mill","Berkeley Heights","Midtown West","Northside Heights","Berkeley Park Dining","West Midtown Eateries","North Midtown Corridor","Blandtown Restaurants","Hills Park Spots","Atlanta","Hapeville","Tucker","Forest Park","Snellville","Dunwoody","Chamblee","Midtown","Lawrenceville","College Park"]},{"@type":"Restaurant","name":"Grecian Gyro","address":{"@type":"PostalAddress","streetAddress":"1700 Northside Dr NW B6","addressLocality":"Atlanta","addressRegion":"GA","postalCode":"30318","addressCountry":"US"},"telephone":"4044645300","geo":{"@type":"GeoCoordinates","latitude":33.8011174,"longitude":-84.4081614},"url":"https://www.greciangyro.com#location-46451","servesCuisine":["Greek","Gyros","Salads","Potatoes","Steak","Platter","Bowl","Sundaes","Milkshakes","Casual","Takeout","Delivery","Dine In","Inexpensive","Menu","Catering","Ice Cream/Frozen Yogurt","Pickup","Mediterranean","Wraps","Kids Menu","Desserts"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"21:30:00"}],"hasMenu":"https://www.greciangyro.com/menu","areaServed":["Berkeley Park","Blandtown","Hills Park","West Midtown","North Midtown","Howell Mill","Berkeley Heights","Midtown West","Northside Heights","Berkeley Park Dining","West Midtown Eateries","North Midtown Corridor","Blandtown Restaurants","Hills Park Spots","Atlanta","Hapeville","Tucker","Forest Park","Snellville","Dunwoody","Chamblee","Midtown","Lawrenceville","College Park"]},{"@type":"Restaurant","name":"Grecian Gyro","address":{"@type":"PostalAddress","streetAddress":"2735 Main St W","addressLocality":"Snellville","addressRegion":"GA","postalCode":"30078","addressCountry":"US"},"telephone":"4702687756","geo":{"@type":"GeoCoordinates","latitude":33.8558073,"longitude":-84.0274613},"url":"https://www.greciangyro.com#location-46452","servesCuisine":["Greek","Gyros","Salads","Potatoes","Steak","Platter","Bowl","Sundaes","Milkshakes","Casual","Takeout","Delivery","Dine In","Inexpensive","Menu","Catering","Ice Cream/Frozen Yogurt","Pickup","Mediterranean","Wraps","Kids Menu","Desserts"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"21:30:00"}],"hasMenu":"https://www.greciangyro.com/menu","areaServed":["Berkeley Park","Blandtown","Hills Park","West Midtown","North Midtown","Howell Mill","Berkeley Heights","Midtown West","Northside Heights","Berkeley Park Dining","West Midtown Eateries","North Midtown Corridor","Blandtown Restaurants","Hills Park Spots","Atlanta","Hapeville","Tucker","Forest Park","Snellville","Dunwoody","Chamblee","Midtown","Lawrenceville","College Park"]},{"@type":"Restaurant","name":"Grecian Gyro","address":{"@type":"PostalAddress","streetAddress":"3989 Lawrenceville Hwy","addressLocality":"Tucker","addressRegion":"GA","postalCode":"30084","addressCountry":"US"},"telephone":"6786913988","geo":{"@type":"GeoCoordinates","latitude":33.8490921,"longitude":-84.218965},"url":"https://www.greciangyro.com#location-46453","servesCuisine":["Greek","Gyros","Salads","Potatoes","Steak","Platter","Bowl","Sundaes","Milkshakes","Casual","Takeout","Delivery","Dine In","Inexpensive","Menu","Catering","Ice Cream/Frozen Yogurt","Pickup","Mediterranean","Wraps","Kids Menu","Desserts"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"21:30:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"21:30:00"}],"hasMenu":"https://www.greciangyro.com/menu","areaServed":["Berkeley Park","Blandtown","Hills Park","West Midtown","North Midtown","Howell Mill","Berkeley Heights","Midtown West","Northside Heights","Berkeley Park Dining","West Midtown Eateries","North Midtown Corridor","Blandtown Restaurants","Hills Park Spots","Atlanta","Hapeville","Tucker","Forest Park","Snellville","Dunwoody","Chamblee","Midtown","Lawrenceville","College Park"]}]}
649  </script>
649
650</head>
651<body data-organization-id="46760" >
652  <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a>
653  <main id="main-content" role="main" data-maglev-dropzone>
654    <section class="grid grid-cols-2 gap-0 justify-center">
655      <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-UJw-se26" data-maglev-section-id="UJw-se26" data-maglev-section-type="site_notification_01">
656    <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center">
657        <div class="w-[30px] h-[30px] overflow-hidden">
658            <i class="text-white mds-food_bank" data-maglev-id="UJw-se26.icon" aria-hidden="true"></i>
659        </div>
660        <span data-maglev-id="UJw-se26.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden">Order ahead for fast pickup at all 6 locations</span>
661    </section>
662</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-Fobv6HiD" data-maglev-section-id="Fobv6HiD" data-maglev-section-type="standard_nav_01">
663  <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]">
664      <div class="flex items-center">
665          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
666            <a href="/" aria-label="Grecian Gyro home">
667              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-837-9411c914-2337-49ac-840a-6cf247a705f1.png" alt="Grecian Gyro logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
668            </a>
669          </div>
670
671          <nav role="navigation" aria-label="Main navigation" class="hidden xl:block">
672            <ul class="flex">
673
674
675                  <li>
676                    <a data-maglev-id="9tVCKspuE2c.link" class="flex bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="page" href="/"><span data-maglev-id="9tVCKspuE2c.link.text">Home</span></a>
677                  </li>
678
679                  <li>
680                    <a data-maglev-id="XDMyzshhGr0.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/menu"><span data-maglev-id="XDMyzshhGr0.link.text">Menu</span></a>
681                  </li>
682
683                  <li>
684                    <a data-maglev-id="SCpac8NEMf4.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/catering"><span data-maglev-id="SCpac8NEMf4.link.text">Catering</span></a>
685                  </li>
686
687                  <li>
688                    <a data-maglev-id="_arBrXwgDRA.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/location"><span data-maglev-id="_arBrXwgDRA.link.text">Locations</span></a>
689                  </li>
690
691                <li class="relative">
692                  <button id="more-menu-button" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3">
693                    More
694                    <svg id="more-arrow" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
695                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
696                    </svg>
697                  </button>
698                  <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300">
699                    <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow">
700                      <div class="grid grid-cols-3 gap-4">
701                            <div class="w-full mb-2">
702                              <a data-maglev-id="YtvWlV0y6VI.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/join-our-team"><span data-maglev-id="YtvWlV0y6VI.link.text">Join Our Team</span></a>
703                            </div>
704                            <div class="w-full mb-2">
705                              <a data-maglev-id="9KRdeYneehA.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/our-story"><span data-maglev-id="9KRdeYneehA.link.text">Our Story</span></a>
706                            </div>
707                            <div class="w-full mb-2">
708                              <a data-maglev-id="ZtqwZdiXVXU.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/izzys-ice-cream"><span data-maglev-id="ZtqwZdiXVXU.link.text">Izzy&#39;s Ice Cream</span></a>
709                            </div>
710                            <div class="w-full mb-2">
711                              <a data-maglev-id="cxu_mY1mAyQ.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/contact-us"><span data-maglev-id="cxu_mY1mAyQ.link.text">Contact Us</span></a>
712                            </div>
713                      </div>
714                    </div>
715                  </div>
716                </li>
717            </ul>
718          </nav>
719      </div>
720
721      <!-- Right side: Mobile toggle + Desktop buttons -->
722      <div class="flex items-center gap-2">
723          <!-- Mobile menu toggle -->
724          <div class="xl:hidden">
725              <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu">
726                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
727                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
728                  </svg>
729              </button>
730          </div>
731
732          <!-- Desktop buttons (hidden on mobile) -->
733          <div class="hidden xl:flex items-center gap-2">
734              <!-- Primary Order Now button -->
735              <a href="/stores" class="inline-flex items-center justify-center h-12 px-8 bg-[var(--brand-primary)] text-white text-base font-semibold rounded-md hover:brightness-90">Order Now</a>
736
737              <!-- Secondary button (optional, configurable) -->
738          </div>
739      </div>
740  </div>
741
742  <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto">
743      <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10">
744          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
745              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
745avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-837-9411c914-2337-49ac-840a-6cf247a705f1.png" alt="Grecian Gyro logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
746          </div>
747          <button id="menu-close" class="focus:outline-none" aria-label="Close menu">
748              <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
749                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
750              </svg>
751          </button>
752      </div>
753
754      <nav role="navigation" aria-label="Mobile navigation" class="pb-32">
755        <ul class="flex flex-col items-start px-5 space-y-6 mt-8">
756
757              <li>
758                <a data-maglev-id="9tVCKspuE2c.link" class="bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] py-2 px-4 text-sm font-semibold pl-3" aria-current="page" href="/"><span data-maglev-id="9tVCKspuE2c.link.text">Home</span></a>
759              </li>
760
761              <li>
762                <a data-maglev-id="XDMyzshhGr0.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/menu"><span data-maglev-id="XDMyzshhGr0.link.text">Menu</span></a>
763              </li>
764
765              <li>
766                <a data-maglev-id="SCpac8NEMf4.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/catering"><span data-maglev-id="SCpac8NEMf4.link.text">Catering</span></a>
767              </li>
768
769              <li>
770                <a data-maglev-id="_arBrXwgDRA.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/location"><span data-maglev-id="_arBrXwgDRA.link.text">Locations</span></a>
771              </li>
772
773              <li>
774                <a data-maglev-id="YtvWlV0y6VI.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/join-our-team"><span data-maglev-id="YtvWlV0y6VI.link.text">Join Our Team</span></a>
775              </li>
776
777              <li>
778                <a data-maglev-id="9KRdeYneehA.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/our-story"><span data-maglev-id="9KRdeYneehA.link.text">Our Story</span></a>
779              </li>
780
781              <li>
782                <a data-maglev-id="ZtqwZdiXVXU.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/izzys-ice-cream"><span data-maglev-id="ZtqwZdiXVXU.link.text">Izzy&#39;s Ice Cream</span></a>
783              </li>
784
785              <li>
786                <a data-maglev-id="cxu_mY1mAyQ.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/contact-us"><span data-maglev-id="cxu_mY1mAyQ.link.text">Contact Us</span></a>
787              </li>
788        </ul>
789      </nav>
790
791      <div class="fixed bottom-0 left-0 w-full flex items-center justify-center gap-2 py-8 px-4 bg-[var(--bg-primary)] border-[var(--border-secondary)]">
792          <!-- Primary Order Now button -->
793          <a href="/stores" class="inline-flex h-12 px-8 justify-center items-center gap-2 flex-shrink-0 rounded-[6px] bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] hover:brightness-90">Order Now</a>
794
795          <!-- Secondary button (optional, configurable) -->
796      </div>
797  </div>
798</header>
799<script>
800  const menuToggle = document.getElementById('menu-toggle');
801  const menuClose = document.getElementById('menu-close');
802  const mobileMenu = document.getElementById('mobile-menu');
803
804  menuToggle.addEventListener('click', () => {
805      mobileMenu.classList.remove('hidden');
806      mobileMenu.setAttribute('aria-hidden', 'false');
807      menuToggle.setAttribute('aria-expanded', 'true');
808  });
809
810  menuClose.addEventListener('click', () => {
811      mobileMenu.classList.add('hidden');
812      mobileMenu.setAttribute('aria-hidden', 'true');
813      menuToggle.setAttribute('aria-expanded', 'false');
814  });
815
816  document.addEventListener('DOMContentLoaded', function() {
817    // More menu dropdown functionality
818    const moreButton = document.getElementById('more-menu-button');
819    const moreDropdown = document.getElementById('more-dropdown');
820    const moreArrow = document.getElementById('more-arrow');
821
822    if (moreButton && moreDropdown && moreArrow) {
823      let isOpen = false;
824      let isHoveringButton = false;
825      let isHoveringDropdown = false;
826      let dropdownTimeout;
827
828      function showDropdown() {
829        clearTimeout(dropdownTimeout);
830        moreDropdown.classList.remove('hidden');
831        moreDropdown.style.opacity = '1';
832        moreArrow.classList.add('rotate-180');
833        isOpen = true;
834      }
835
836      function hideDropdown() {
837        moreDropdown.style.opacity = '0';
838        moreArrow.classList.remove('rotate-180');
839
840        dropdownTimeout = setTimeout(() => {
841          moreDropdown.classList.add('hidden');
842          isOpen = false;
843        }, 300);
844      }
845
846      function toggleDropdown() {
847        if (isOpen) {
848          hideDropdown();
849        } else {
850          showDropdown();
851        }
852      }
853
854      function updateDropdownVisibility() {
855        if (isHoveringButton || isHoveringDropdown) {
856          showDropdown();
857        } else {
858          hideDropdown();
859        }
860      }
861
862      moreButton.addEventListener('click', function(e) {
863        e.preventDefault();
864        toggleDropdown();
865      });
866
867      moreButton.addEventListener('mouseenter', () => {
868        isHoveringButton = true;
869        updateDropdownVisibility();
870      });
871
872      moreButton.addEventListener('mouseleave', () => {
873        isHoveringButton = false;
874        toggleDropdown();
875      });
876
877      moreDropdown.addEventListener('mouseenter', () => {
878        isHoveringDropdown = true;
879        updateDropdownVisibility();
880      });
881
882      moreDropdown.addEventListener('mouseleave', () => {
883        isHoveringDropdown = false;
884        toggleDropdown();
885      });
886
887      document.addEventListener('click', function(e) {
888        if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) {
889          hideDropdown();
890        }
891      });
892    }
893
894    // Locations dropdown functionality (desktop main nav)
895    const locationsContainers = document.querySelectorAll('.locations-dropdown-container');
896    locationsContainers.forEach(container => {
897      const button = container.querySelector('.locations-dropdown-button');
898      const dropdown = container.querySelector('.locations-dropdown');
899      const arrow = container.querySelector('.locations-arrow');
900
901      if (button && dropdown && arrow) {
902        let isOpen = false;
903        let hoverTimeout;
904
905        function showLocationsDropdown() {
906          clearTimeout(hoverTimeout);
907          dropdown.classList.remove('hidden');
908          arrow.classList.add('rotate-180');
909          isOpen = true;
910        }
911
912        function hideLocationsDropdown() {
913          hoverTimeout = setTimeout(() => {
914            dropdown.classList.add('hidden');
915            arrow.classList.remove('rotate-180');
916            isOpen = false;
917          }, 150);
918        }
919
920        button.addEventListener('click', (e) => {
921          e.preventDefault();
922          if (isOpen) {
923            hideLocationsDropdown();
924          } else {
925            showLocationsDropdown();
926          }
927        });
928
929        container.addEventListener('mouseenter', showLocationsDropdown);
930        container.addEventListener('mouseleave', hideLocationsDropdown);
931
932        document.addEventListener('click', (e) => {
933          if (isOpen && !container.contains(e.target)) {
934            dropdown.classList.add('hidden');
935            arrow.classList.remove('rotate-180');
936            isOpen = false;
937          }
938        });
939      }
940    });
941
942    // Locations dropdown in "More" menu
943    const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container');
944    locationsMoreContainers.forEach(container => {
945      const button = container.querySelector('.locations-more-button');
946      const dropdown = container.querySelector('.locations-more-dropdown');
947      const arrow = container.querySelector('.locations-more-arrow');
948
949      if (button && dropdown && arrow) {
950        let isOpen = false;
951
952        button.addEventListener('click', (e) => {
953          e.preventDefault();
954          e.stopPropagation();
955          if (isOpen) {
956            dropdown.classList.add('hidden');
957            arrow.classList.remove('rotate-180');
958            isOpen = false;
959          } else {
960            dropdown.classList.remove('hidden');
961            arrow.classList.add('rotate-180');
962            isOpen = true;
963          }
964        });
965
966        container.addEventListener('mouseenter', () => {
967          dropdown.classList.remove('hidden');
968          arrow.classList.add('rotate-180');
969          isOpen = true;
970        });
971
972        container.addEventListener('mouseleave', () => {
973          dropdown.classList.add('hidden');
974          arrow.classList.remove('rotate-180');
975          isOpen = false;
976        });
977      }
978    });
979
980    // Mobile locations toggle
981    const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle');
982    mobileLocationsToggles.forEach(toggle => {
983      const arrow = toggle.querySelector('.mobile-locations-arrow');
984      const list = toggle.parentElement.querySelector('.mobile-locations-list');
985
986      if (arrow && list) {
987        toggle.addEventListener('click', (e) => {
988          e.preventDefault();
989          list.classList.toggle('hidden');
990          arrow.classList.toggle('rotate-180');
991        });
992      }
993    });
994  });
995</script>
995
996
997<style>
998  .rotate-180 {
999    transform: rotate(180deg);
1000    transition: transform 300ms;
1001  }
1002
1003  #more-dropdown {
1004    opacity: 0;
1005    transition: opacity 300ms;
1006    position: absolute;
1007    top: 100%;
1008    left: 50%;
1009    right: 0;
1010    width: 80vw;
1011    margin-left: auto;
1012    margin-right: auto;
1013    z-index: 50;
1014    transform: translateX(calc(-50% + 10vw));
1015  }
1016
1017  .dropdown-top-shadow {
1018    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06),
1019                0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1020  }
1021
1022  .locations-dropdown {
1023    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1024  }
1025
1026  .locations-more-dropdown {
1027    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1028  }
1029</style>
1030
1031
1032<section class="w-full  xl:px-0 col-span-2" role="banner" id="section-uSfOBmS4He8" data-maglev-section-id="uSfOBmS4He8" data-maglev-section-type="hero_cta_01">
1033  <div class="vidbg-07fb18a2de619036729dcfa1 w-full  h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url();">
1034    
1035
1036    
1037    <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16">
1038      <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
1039        <h1 data-maglev-id="uSfOBmS4He8.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Best Greek restaurants in Atlanta, GA</h1>
1040      </header>
1041      <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
1042        <p data-maglev-id="uSfOBmS4He8.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]">Home of the ATL Style Gyro</p>
1043      </div>
1044      <div class="mt-2">
1045          <a data-maglev-id="uSfOBmS4He8.button" class="block md:inline-block bg-[var(--brand-primary)] text-white py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" aria-label="Order Pickup – Best Greek restaurants in Atlanta, GA" href="/stores"><span data-maglev-id="uSfOBmS4He8.button.text">Order Pickup</span></a>
1046          <a data-maglev-id="uSfOBmS4He8.button_2" class="block mt-2 md:mt-0 md:inline-block bg-white text-[var(--button-text)] py-3 md:ml-1 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" aria-label="Order Delivery – Best Greek restaurants in Atlanta, GA" href="/stores"><span data-maglev-id="uSfOBmS4He8.button_2.text">Order Delivery</span></a>
1047      </div>
1048    </article>
1049
1050      
1050<script>
1051          new vidbg('.vidbg-07fb18a2de619036729dcfa1', {
1052            mp4: "/maglev/assets/a415098c-4eeb-4699-b3a5-0e5a6e008dd3-group-pan-shot-no-text.mp4"
1053          });
1054      </script>
1054
1055
1056    <style>
1057
1058
1059
1060    </style>
1061  </div>
1062</section><section class="w-full xl:max-w-[1440px] mx-auto h-auto flex-shrink-0 relative flex flex-col items-start justify-center px-10 xl:px-20 py-10 xl:py-20 col-span-2" id="section-cwMenuIdxb85238ce" data-maglev-section-id="cwMenuIdxb85238ce" data-maglev-section-type="custom_html_01">
1063  <section class="cw cw-mir" data-hl="2" data-d1-side="left" data-d2-side="right" data-d3-side="left" style="--d1-tilt:-4.7deg;--d2-tilt:1.7deg;--d3-tilt:-5.8deg">
1064  <div class="cw-mir__inner">
1065    <p class="cw-mir__eyebrow">The menu</p>
1066    <div class="cw-mir__stack">
1067      <div class="cw-mir__rows">
1068        <div class="cw-mir__row" data-row="1"><span class="cw-mir__word">Gyros</span></div>
1069        <div class="cw-mir__row" data-row="2"><span class="cw-mir__word">Plates</span></div>
1070        <div class="cw-mir__row" data-row="3"><span class="cw-mir__word">Wraps</span></div>
1071        <div class="cw-mir__row" data-row="4"><span class="cw-mir__word">Salads</span></div>
1072        <div class="cw-mir__row" data-row="5"><span class="cw-mir__word">Baklava</span></div>
1073        
1074      </div>
1075      
1076    </div>
1077    <figure class="cw-mir__dish cw-mir__dish--1" data-dish="1">
1078      <img class="cw-mir__dishimg" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_photo-4b5eb2c0" alt="Gyro Plate" loading="lazy" decoding="async">
1079      <figcaption class="cw-mir__pill">Gyro Plate</figcaption>
1080    </figure>
1081    <figure class="cw-mir__dish cw-mir__dish--2" data-dish="2"><img class="cw-mir__dishimg" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_2-77e1571e" alt="Souvlaki Wrap" loading="lazy" decoding="async"><figcaption class="cw-mir__pill">Souvlaki Wrap</figcaption></figure>
1082    <figure class="cw-mir__dish cw-mir__dish--3" data-dish="3"><img class="cw-mir__dishimg" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_6-3c5bade8" alt="Baklava" loading="lazy" decoding="async"><figcaption class="cw-mir__pill">Baklava</figcaption></figure>
1083  </div>
1084</section>
1085
1086</section>
1087<section class="flex flex-grow flex-col  xl:flex-row items-center  xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-k5LU1XdQ62k" data-maglev-section-id="k5LU1XdQ62k" data-maglev-section-type="image_right_01">
1088  <article class="w-full xl:w-[480px] min-w-0 text-left order-2 xl:order-1">
1089      <h2 data-maglev-id="k5LU1XdQ62k.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-35e3b40f3a88">Greek Catering for Every Occasion</h2>
1090
1091      <figure class=" xl:hidden w-full mt-4">
1092        <img src="/maglev/assets/a11bee89-44ad-4732-b1c0-cd8a34d7ecc9-family-20wraps-20-28feeds-204-29.avif" alt="Greek Catering for Every Occasion" data-maglev-id="k5LU1XdQ62k.image" class="rounded-lg w-full h-auto object-cover" />
1093      </figure>
1094      
1095      <p data-maglev-id="k5LU1XdQ62k.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Bring bold, authentic Greek flavor to your next event with Grecian Gyro catering. Whether you're hosting a business lunch, film crew, holiday party, rehearsal dinner, or game day gathering, we’ve got you covered with gyro wraps, vegetarian favorites, and crowd-pleasing platters made fresh and ready to serve.</p>
1096
1097        <a data-maglev-id="k5LU1XdQ62k.button" target="_blank" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Start Your Order – Greek Catering for Every Occasion" href="https://www.ezcater.com/brand/grecian-gyro"><span data-maglev-id="k5LU1XdQ62k.button.text">Start Your Order</span></a>
1098  </article>
1099  <figure class="w-full xl:w-[500px] min-w-0 hidden  xl:block order-1 xl:order-2">
1100      <img src="/maglev/assets/a11bee89-44ad-4732-b1c0-cd8a34d7ecc9-family-20wraps-20-28feeds-204-29.avif" alt="Greek Catering for Every Occasion" data-maglev-id="k5LU1XdQ62k.image" class="rounded-lg w-full h-auto object-cover" />
1101  </figure>
1102</section>
1103
1104<section class="w-full xl:max-w-[1440px] mx-auto flex-shrink-0 relative mt-[60px] bg-[var(--brand-overlay)] py-10 xl:py-14 px-6 xl:px-20 col-span-2" aria-labelledby="top-picks-heading" id="section-5kNRBaCPlUw" data-maglev-section-id="5kNRBaCPlUw" data-maglev-section-type="top_10_picks_01">
1105  <div class="absolute top-[-12px] left-6 xl:left-20" aria-hidden="true">
1106      <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
1107          <path d="M19.9999 30L12.9999 33C11.8888 33.4722 10.8333 33.3819 9.83325 32.7292C8.83325 32.0764 8.33325 31.1528 8.33325 29.9583V8.33333C8.33325 7.41667 8.65964 6.63194 9.31242 5.97917C9.9652 5.32639 10.7499 5 11.6666 5H28.3333C29.2499 5 30.0346 5.32639 30.6874 5.97917C31.3402 6.63194 31.6666 7.41667 31.6666 8.33333V29.9583C31.6666 31.1528 31.1666 32.0764 30.1666 32.7292C29.1666 33.3819 28.111 33.4722 26.9999 33L19.9999 30Z" fill="var(--brand-primary)"/>
1108      </svg>
1109  </div>
1110  <header class="flex flex-col xl:flex-row justify-between items-start xl:items-center">
1111    <div>
1112          <h2 id="top-picks-heading" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]">
1113            Fan Favorites
1114          </h2>
1115        <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3">
1116          Our most-loved Greek dishes.
1117        </p>
1118    </div>
1119    <a href="/stores" class="mt-6 xl:mt-0 bg-[var(--brand-primary)] text-white py-3 px-8 text-base font-semibold leading-[150%] hover:brightness-90 rounded-md w-auto md:self-end whitespace-nowrap">
1120        Order Now
1121    </a>
1122  </header>
1123  <section class="mt-8 flex gap-x-4 overflow-x-auto">
1124
1125
1126      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
1127          
1128          <figure class="m-0">
1129            <img src="/maglev/assets/c1b3adfd-f3fb-4dee-92ad-14fd90be6d95-gyro-20wrap-201.avif" alt="Gyro Wrap" class="w-full h-[207px] flex-shrink-0 object-cover">
1130          </figure>
1131          <div class="p-4">
1132                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
1133                  Gyro Wrap
1134                </h3>
1135              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
1136                Grilled Pita Stuffed with thinly sliced Gyro Meat, Onions, Tomatoes, and Nick's Famous Grecian&nbsp;Sauce.
1137              </p>
1138              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
1139                  Add Item
1140              </a>
1141          </div>
1142      </article>
1143
1144
1145      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
1146          
1147          <figure class="m-0">
1148            <img src="/maglev/assets/cba35dfc-defd-43e7-b688-95399b104ef9-steak-20plate-201.avif" alt="Steak Plate" class="w-full h-[207px] flex-shrink-0 object-cover">
1149          </figure>
1150          <div class="p-4">
1151                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
1152                  Steak Plate
1153                </h3>
1154              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
1155                Marinated and Grilled Beef Tenderloin Tips. Served with Grecian Potatoes, Salad, Pita Bread and Nick’s Famous Grecian Sauce and Dressing
1156              </p>
1157              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
1158                  Add Item
1159              </a>
1160          </div>
1161      </article>
1162
1163
1164      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
1165          
1166          <figure class="m-0">
1167            <img src="/maglev/assets/0080f2f2-da3f-4914-9621-e3526d7cd57e-new-20build-20your-20own-20grecian-20bowl.avif" alt="New Build Your Own Grecian Bowl" class="w-full h-[207px] flex-shrink-0 object-cover">
1168          </figure>
1169          <div class="p-4">
1170                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
1171                  New Build Your Own Grecian Bowl
1172                </h3>
1173              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
1174                New Customized Grecian Bowls! 
1175Build your own Grecian Rice Bowl. Choose a base, 1 protein, 3 toppings and 1 sauce
1176              </p>
1177              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
1177px]">
1178                  Add Item
1179              </a>
1180          </div>
1181      </article>
1182
1183
1184      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
1185          
1186          <figure class="m-0">
1187            <img src="/maglev/assets/aa00f3b6-cc7a-4435-8f2c-d15704619e49-grecian-20salad-20w-20meat-201.avif" alt="Salad with Chicken" class="w-full h-[207px] flex-shrink-0 object-cover">
1188          </figure>
1189          <div class="p-4">
1190                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
1191                  Salad with Chicken
1192                </h3>
1193              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
1194                Entrée Portion of our Greek Salad with Lettuce, Tomatoes, Onions, Cucumbers, Kalamata Olives, Pepperoncini Peppers and Feta Cheese served with Grilled Pita Bread Slices and Grecian Dressing topped with Your Choice of Protein
1195              </p>
1196              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
1197                  Add Item
1198              </a>
1199          </div>
1200      </article>
1201
1202
1203      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
1204          
1205          <figure class="m-0">
1206            <img src="/maglev/assets/c96770f7-40fd-4c18-a688-76b7f72da8da-baklava-20nutella-20sundae.avif" alt="Baklava Nutella Sundae" class="w-full h-[207px] flex-shrink-0 object-cover">
1207          </figure>
1208          <div class="p-4">
1209                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
1210                  Baklava Nutella Sundae
1211                </h3>
1212              <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
1213                Classic Greek Pastry made with delicate, flaky Phyllo Dough filled with a Traditional Blend of Nuts and Honey
1214              </p>
1215              <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
1216                  Add Item
1217              </a>
1218          </div>
1219      </article>
1220  </section>
1221</section><style>
1222  @media (min-width: 1280px) {
1223    section[aria-labelledby="top-picks-heading"] {
1224      width: 100%;
1225      max-width: 1440px;
1226    }
1227    section[aria-labelledby="top-picks-heading"] > section > article {
1228      width: calc((100% - 64px) / 5);
1229    }
1230  }
1231</style>
1232
1233<section class="flex flex-grow flex-col  xl:flex-row items-center  xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-7tSnYxNZ0FY" data-maglev-section-id="7tSnYxNZ0FY" data-maglev-section-type="image_left_01">
1234  <figure class="w-full xl:w-[500px] min-w-0 hidden  xl:block order-1">
1235      <img src="/maglev/assets/f07ae1ac-38e8-4518-9f84-6b7d56a9ee47-falafel-20wrap-205.avif" alt="Carved Off the Spit, Every Single Day" data-maglev-id="7tSnYxNZ0FY.image" class="rounded-lg w-full h-auto object-cover" />
1236  </figure>
1237  <article class="w-full xl:w-[480px] min-w-0 text-left order-2">
1238      <h2 data-maglev-id="7tSnYxNZ0FY.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-01aa372013c0">Carved Off the Spit, Every Single Day</h2>
1239
1240      <figure class=" xl:hidden w-full mt-4">
1241        <img src="/maglev/assets/f07ae1ac-38e8-4518-9f84-6b7d56a9ee47-falafel-20wrap-205.avif" alt="Carved Off the Spit, Every Single Day" data-maglev-id="7tSnYxNZ0FY.image" class="rounded-lg w-full h-auto object-cover" />
1242      </figure>
1243      
1244      <p data-maglev-id="7tSnYxNZ0FY.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">At <strong>Grecian Gyro</strong>, we serve up bold, classic Greek flavors with a modern twist. Our menu features savory gyro wraps on warm grilled pita, tender grilled meats, vegetarian favorites like hummus, and crispy spanakopita. Whether you’re here for a quick lunch or a family meal, finish it off with our house-made baklava, sweet, flaky, and unforgettable.</p>
1245
1246        <a data-maglev-id="7tSnYxNZ0FY.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Order Now – Carved Off the Spit, Every Single Day" href="/stores"><span data-maglev-id="7tSnYxNZ0FY.button.text">Order Now</span></a>
1247  </article>
1248</section><section class="w-full xl:max-w-[1440px] mx-auto h-auto flex-shrink-0 relative flex flex-col items-start justify-center px-10 xl:px-20 py-10 xl:py-20 col-span-2" id="section-cwPracc07d66" data-maglev-section-id="cwPracc07d66" data-maglev-section-type="custom_html_01">
1249  <section class="cw cw-pr cw-pr--right cw-pr--snap cw-pr--rect">
1250  <div class="cw-pr__inner">
1251    <div class="cw-pr__list">
1252      <p class="cw-pr__eyebrow">The menu</p>
1253      <h2 class="cw-pr__head">Plates, Wraps and Everything Between</h2>
1254      <div class="cw-pr__rows">
1255        <button type="button" class="cw-pr__row is-current" data-i="0"><span class="cw-pr__name">Gyro Plate</span></button>
1256        <button type="button" class="cw-pr__row" data-i="1"><span class="cw-pr__name">Souvlaki (Pork) Wrap</span></button>
1257        <button type="button" class="cw-pr__row" data-i="2"><span class="cw-pr__name">Falafel Plate</span></button>
1258        <button type="button" class="cw-pr__row" data-i="3"><span class="cw-pr__name">Grecian Potatoes</span></button>
1259        <button type="button" class="cw-pr__row" data-i="4"><span class="cw-pr__name">Spanakopita</span></button>
1260        <button type="button" class="cw-pr__row" data-i="5"><span class="cw-pr__name">Baklava</span></button>
1261        
1262        
1263      </div>
1264    </div>
1265    <div class="cw-pr__stage" aria-hidden="true">
1266      <img class="cw-pr__img is-active" data-i="0" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_photo-4b5eb2c0" alt="" decoding="async">
1267      <img class="cw-pr__img" data-i="1" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_2-77e1571e" alt="" loading="lazy" decoding="async">
1268      <img class="cw-pr__img" data-i="2" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_3-779f113a" alt="" loading="lazy" decoding="async">
1269      <img class="cw-pr__img" data-i="3" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_4-bd3e59ba" alt="" loading="lazy" decoding="async">
1270      <img class="cw-pr__img" data-i="4" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_5-3eff1981" alt="" loading="lazy" decoding="async"><img class="cw-pr__img" data-i="5" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/dish_6-3c5bade8" alt="" loading="lazy" decoding="async">
1271    </div>
1272  </div>
1273</section>
1274
1275</section>
1276
1277<section class="w-full px-4 xl:px-0 col-span-2" id="section-f0dj0Fvb" data-maglev-section-id="f0dj0Fvb" data-maglev-section-type="center_text_01">
1278  <article class="w-full  flex-shrink-0 relative mx-auto my-10 bg-cover bg-center" style="background-image: url(/maglev/assets/b7293b0d-2bde-4866-a46
1278a-8252fa44134f-blue.avif)">
1279
1280      <div class="absolute inset-0 bg-black/40"></div>
1281
1282    <div class="relative z-10 w-full flex-shrink-0 text-center p-8 lg:p-16">
1283        <h2 data-maglev-id="f0dj0Fvb.title" class="font-semibold text-shadow text-white text-[36px] xl:text-[48px] leading-none" id="section-title-4fe5fca7677b">A Greek Dream, Born in Atlanta</h2>
1284
1285        <p data-maglev-id="f0dj0Fvb.body" class="text-white text-shadow text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4" aria-labelledby="section-title-4fe5fca7677b">In 1982, Nick Koulouris opened the first Grecian Gyro in Hapeville with just $50, a dream of sharing his Greek heritage, and a secret sauce recipe that’s still used today. And it has grown into a beloved local favorite across metro Atlanta, serving up authentic Greek flavor, one gyro at a time.</p>
1286
1287    </div>
1288  </article>
1289
1290</section><section class="w-full xl:max-w-[1440px] mx-auto h-auto flex-shrink-0 relative flex flex-col items-start justify-center px-10 xl:px-20 py-10 xl:py-20 col-span-2" id="section-cwPol3f582313" data-maglev-section-id="cwPol3f582313" data-maglev-section-type="custom_html_01">
1291  <section class="cw cw-pol cw-pol--polaroid">
1292  <h2 class="cw-pol__head">Four Decades Behind the Counter</h2>
1293  <div class="cw-pol__table">
1294    <figure class="cw-pol__print cw-pol__print--1" style="--cw-pol-rot:-6.2deg;">
1295      <img class="cw-pol__img" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/photo_1-ecc3563b" alt="A cook beside the gyro spit in the original Grecian Gyro kitchen" loading="lazy" decoding="async">
1296      <figcaption class="cw-pol__cap">Where it started</figcaption>
1297    </figure>
1298    <figure class="cw-pol__print cw-pol__print--2" style="--cw-pol-rot:2.1deg;">
1299      <img class="cw-pol__img" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/photo_2-6a44bad6" alt="Behind the counter at an early Grecian Gyro shop" loading="lazy" decoding="async">
1300      <figcaption class="cw-pol__cap">Behind the counter</figcaption>
1301    </figure>
1302    <figure class="cw-pol__print cw-pol__print--3" style="--cw-pol-rot:3.8deg;">
1303      <img class="cw-pol__img" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/photo_3-3aa4e4d9" alt="Two generations of the Grecian Gyro family at the counter" loading="lazy" decoding="async">
1304      <figcaption class="cw-pol__cap">The next generation</figcaption>
1305    </figure>
1306    <figure class="cw-pol__print cw-pol__print--4" style="--cw-pol-rot:3.3deg;"><img class="cw-pol__img" src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/photo_4-4a245aa2" alt="Three generations of the Grecian Gyro family in the store today" loading="lazy" decoding="async"><figcaption class="cw-pol__cap">Still family-run</figcaption></figure>
1307    
1308  </div>
1309</section>
1310
1311</section><section class="w-full xl:max-w-[1440px] mx-auto flex-shrink-0 bg-[var(--bg-secondary)] my-20 p-6 xl:p-10 col-span-2" id="section-mEr5jRUiY5o" data-maglev-section-id="mEr5jRUiY5o" data-maglev-section-type="review_01">
1312  <header class="text-center">
1313        <h2 id="reviews-heading" class="text-[var(--text-primary)] text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px]">
1314            What Our Regulars Say
1315        </h2>
1316      <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3">
1317        Straight from Google.
1318      </p>
1319  </header>
1320  <div class="mt-10 flex gap-x-4 overflow-x-auto" role="group" aria-labelledby="reviews-heading">
1321      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
1322        <div class="flex items-center mb-4">
1323            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjUaYcKgtEgBVFRkzkNiZ-kOuzJEFMcWzCcI4xqFnyxXUewsP5cdvQ%3Ds128-c0x00000000-cc-rp-mo" alt="Shane Casey" class="w-10 h-10 mr-4">
1324            <div>
1325                  <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Shane Casey</h3>
1326                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
1327                  <span data-star="5"></span>
1328                </div>
1329            </div>
1330        </div>
1331        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
1332            <span class="truncated-part">This review is for the 1700 Northside Drive NW (Midtown) location, specifically, as I have never been to any of the other ones here in Atlanta. We just moved to Atlanta about two months ago. I grew up eating Gyros in the midwest, and this is as good as any I&#39;ve ever had. The menu is easy to understand and has</span>
1333            <span class="ellipsis">...</span>
1334            <span id="review-extra-0" class="extra-part section-hidden"> everything Grecian you need. The staff are always super friendly and fun, and have greeted me after entering the establishment every time. I want to share some extra apprecaition for this location&#39;s manager, Andy. We chat everytime I come in, and he mentioned that he had recently bought his entire staff a Smashburger meal to celebrate them and their dedication on the job. He did this without telling his boss, and without needing any recognition. He mentioned it to me in passing, and I could tell he was proud of his team and wanted to genuinely thank and reward them. He paid for this out of his own pocket, (I&#39;m sure at least a couple hundred dollars), and while doing also supported the same owner of this location who also owns the aforementioned SmashBurger. Who does this anymore? Talk about a real leader. I&#39;d encourage everyone here in Atlanta who loves this restaurant and has a local one close to where they live to drive a little further to go see the team and Andy in Midtown. Let&#39;s reward this kind of establishment who has someone who truly wants his place of business to thrive. Amazing job, Andy! Keep up the great work!</span>
1335            <a href="#" class="toggle-read-more text-[var(--text-secondary)] text-[14px] leading-[20px]" role="button" aria-expanded="false" aria-controls="review-extra-0" aria-label="Read more of Shane Casey's review">Read More</a>
1336        </p>
1337      </article>
1338      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
1339        <div class="flex items-center mb-4">
1340            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjUSlazmrEN12dPunWgpngaxW3AO15-1ilov9yMcH2tw2LIfediq%3Ds128-c0x00000000-cc-rp-mo-ba5" alt="Sorry Ms. Jackson" class="w-10 h-10 mr-4">
1341            <div>
1342                  <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Sorry Ms. Jackson</h3>
1343                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
1344                  <span data-star="5"></span>
1345                </div>
1346            </div>
1347        </div>
1348        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
1349            <span>The Grecian potatoes + sos, is by far my favorite. So much, that I haven’t tried anything else on the menu, yet 🤭 I was introduced to that menu item by my husband, who frequents this place, and I’d go out my way to grab some for myself.</span>
1350        </p>
1351      </article>
1352      <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit">
1353        <div class="flex items-center mb-4">
1354            <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjULbRM8ygHMra8Fyj5jrdfSpY_HePMBLBsKcuxX1iNEf9zdY3_9Ow%3Ds128-c0x00000000-cc-rp-mo-ba5" alt="NoSoup4You" class="w-10 h-10 mr-4">
1355            <div>
1356                  <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">NoSoup4You</h3>
1357                <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;">
1358                  <span data-star="5"></span>
1359                </div>
1360            </div>
1361        </div>
1362        <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]">
1363            <span class="truncated-part">One of the better places in the Atlanta area for a gyros. Stopped around 1:30pm, no line, quick service, food was very good. Gyros was put together well, they didn&#39;t overdo the onions or the tzatziki, and it&#39;s quite tasty. Some places that claim to have gyros have switched to all beef, no lamb! This is still the real</span>
1364            <span class="ellipsis">...</span>
1365            <span id="review-extra-2" class="extra-part section-hidden"> stuff! Greek potatoes were good, could have been a bit warmer but good. Portions are decent and prices ok. Place was clean and folks are friendly. 👍🏻</span>
1366            <a href="#" class="toggle-read-more text-[var(--text-secondary)] text-[14px] leading-[20px]" role="button" aria-expanded="false" aria-controls="review-extra-2" aria-label="Read more of NoSoup4You's review">Read More</a>
1367        </p>
1368      </article>
1369  </div>
1370
1371  
1371<script type="module">
1372    $(document).ready(function(){
1373      $('.toggle-read-more').on('click', function(e){
1374        e.preventDefault();
1375        const $link = $(this);
1376        const $reviewText = $link.closest('.review-text');
1377        const $extraPart = $reviewText.find('.extra-part');
1378        const $ellipsis = $reviewText.find('.ellipsis');
1379        const reviewerName = $link.closest('article').find('h3').text() || 'this reviewer';
1380        const isExpanded = $link.attr('aria-expanded') === 'true';
1381
1382        if (isExpanded) {
1383          $extraPart.slideUp(300);
1384          $ellipsis.slideDown(300);
1385          $link.text('Read More');
1386          $link.attr('aria-expanded', 'false');
1387          $link.attr('aria-label', `Read more of ${reviewerName}'s review`);
1388        } else {
1389          $ellipsis.slideUp(300);
1390          $extraPart.slideDown(300);
1391          $link.text('Read Less');
1392          $link.attr('aria-expanded', 'true');
1393          $link.attr('aria-label', `Read less of ${reviewerName}'s review`);
1394        }
1395      });
1396    });
1397  </script>
1397
1398
1399  <style>
1400    .toggle-read-more {
1401      font-size: 14px;
1402      line-height: 20px;
1403      text-decoration-line: underline;
1404      text-decoration-style: solid;
1405      text-underline-offset: auto;
1406      text-underline-position: from-font;
1407    }
1408    .review-card {
1409      transition: height 0.3s ease;
1410    }
1411    .review-text {
1412      overflow: hidden;
1413      position: relative;
1414    }
1415    .section-hidden {
1416      display: none;
1417    }
1418  </style>
1419</section><section class="w-full xl:max-w-[1440px] mx-auto h-auto flex-shrink-0 relative flex flex-col items-start justify-center px-10 xl:px-20 py-10 xl:py-20 col-span-2" id="section-cwCbdf4bea98" data-maglev-section-id="cwCbdf4bea98" data-maglev-section-type="custom_html_01">
1420  <section class="cw cw-cb cw-cb--right cw-reveal">
1421  <div class="cw-cb__inner">
1422    <div class="cw-cb__media"><img src="https://res.cloudinary.com/targetable/image/upload/f_auto,q_auto,w_1600/Customers/grecian-gyro/site/izzy-78b988d9" alt="A soft-serve waffle cone held up in front of the Izzy's Ice Cream sign" decoding="async"></div>
1423    <div class="cw-cb__copy">
1424      <p class="cw-cb__eyebrow">Save room</p>
1425      <h2 class="cw-cb__head">Izzy's Handmade Ice Cream</h2>
1426      <p class="cw-cb__body">Signature scoops, frizzies, sundaes, milkshakes and floats. Find Izzy's at our Tucker, Snellville and Northside/Midtown shops.</p>
1427      <a class="cw-cb__cta" href="/izzys-ice-cream">See the Izzy's Menu</a>
1428    </div>
1429  </div>
1430</section>
1431
1432</section>
1433
1434<section class="w-full xl:max-w-[1150px] mx-auto px-4 xl:px-0 py-12 col-span-2" id="section-FZ1vQ-KO" data-maglev-section-id="FZ1vQ-KO" data-maglev-section-type="faq_block_01">
1435  <!-- Section Title -->
1436  <h2 data-maglev-id="FZ1vQ-KO.title" class="text-3xl xl:text-4xl font-bold text-[var(--text-primary)] text-center mb-8">Frequently Asked Questions</h2>
1437
1438    <!-- FAQ Items Container -->
1439    <div class="faq-container bg-[var(--background-primary)] ">
1440      <!-- Manual FAQ Blocks -->
1441          <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0">
1442            <summary class="faq-header py-4 flex justify-between items-center">
1443              <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What dishes are you best known for?</h3>
1444              <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0"
1445                   fill="none" stroke="currentColor" viewBox="0 0 24 24">
1446                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
1447              </svg>
1448            </summary>
1449            <div class="faq-answer pb-4">
1450              <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8">Our ATL-style <a href="/menu/gyros">gyros</a> are what we are known for, along with <a href="/menu/lamb-gyros">lamb gyros</a>, grilled <a href="/menu/souvlaki">souvlaki</a>, and <a href="/menu/falafel">falafel</a>. Regulars also come for our <a href="/menu/spanakopita">spanakopita</a>, fresh <a href="/menu/greek-salad">Greek salad</a>, build-your-own <a href="/menu/grecian-bowl">Grecian bowl</a>, and Izzy&#39;s handmade <a href="/menu/ice-cream">ice cream</a>.</div>
1451            </div>
1452          </details>
1453          <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0">
1454            <summary class="faq-header py-4 flex justify-between items-center">
1455              <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What type of cuisine do you serve? </h3>
1456              <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0"
1457                   fill="none" stroke="currentColor" viewBox="0 0 24 24">
1458                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
1459              </svg>
1460            </summary>
1461            <div class="faq-answer pb-4">
1462              <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8">Classic <a href="/menu/greek-food">Greek food</a> and <a href="/menu/mediterranean-food">Mediterranean food</a>, made fresh to order since 1982: grilled <a href="/menu/wrap">wraps</a>, <a href="/menu/grecian-plates">Grecian plates</a>, and fresh <a href="/menu/salads">salads</a>.</div>
1463            </div>
1464          </details>
1465          <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0">
1466            <summary class="faq-header py-4 flex justify-between items-center">
1467              <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What services do you offer?</h3>
1468              <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0"
1469                   fill="none" stroke="currentColor" viewBox="0 0 24 24">
1470                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
1471              </svg>
1472            </summary>
1473            <div class="faq-answer pb-4">
1474              <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8"><a href="/menu/dine-in">Dine-in</a>, <a href="/menu/takeout">takeout</a>, online <a href="/menu/pickup">pickup</a>, and <a href="/menu/delivery">delivery</a> at all six Atlanta locations, plus Greek <a href="/menu/catering">catering</a>
1474 for offices and events.</div>
1475            </div>
1476          </details>
1477          <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0">
1478            <summary class="faq-header py-4 flex justify-between items-center">
1479              <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What areas do you serve?</h3>
1480              <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0"
1481                   fill="none" stroke="currentColor" viewBox="0 0 24 24">
1482                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
1483              </svg>
1484            </summary>
1485            <div class="faq-answer pb-4">
1486              <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8">We have six restaurants across metro <a href="/location/atlanta">Atlanta</a>: <a href="/location/hapeville">Hapeville</a>, <a href="/location/forest-park">Forest Park</a>, <a href="/location/dunwoody">Dunwoody</a>, <a href="/location/tucker">Tucker</a>, <a href="/location/snellville">Snellville</a>, and <a href="/location/midtown">Midtown</a> on Northside Drive. We also serve nearby <a href="/location/north-midtown">North Midtown</a>, <a href="/location/west-midtown">West Midtown</a>, <a href="/location/lawrenceville">Lawrenceville</a>, and <a href="/location/college-park">College Park</a>.</div>
1487            </div>
1488          </details>
1489    </div>
1490
1491    <!-- SEO Structured Data -->
1492    
1492<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What dishes are you best known for?","acceptedAnswer":{"@type":"Answer","text":"Our ATL-style gyros are what we are known for, along with lamb gyros, grilled souvlaki, and falafel. Regulars also come for our spanakopita, fresh Greek salad, build-your-own Grecian bowl, and Izzy's handmade ice cream."}},{"@type":"Question","name":"What type of cuisine do you serve? ","acceptedAnswer":{"@type":"Answer","text":"Classic Greek food and Mediterranean food, made fresh to order since 1982: grilled wraps, Grecian plates, and fresh salads."}},{"@type":"Question","name":"What services do you offer?","acceptedAnswer":{"@type":"Answer","text":"Dine-in, takeout, online pickup, and delivery at all six Atlanta locations, plus Greek catering for offices and events."}},{"@type":"Question","name":"What areas do you serve?","acceptedAnswer":{"@type":"Answer","text":"We have six restaurants across metro Atlanta: Hapeville, Forest Park, Dunwoody, Tucker, Snellville, and Midtown on Northside Drive. We also serve nearby North Midtown, West Midtown, Lawrenceville, and College Park."}}]}</script>
1492
1493
1494</section><section class="w-full flex justify-center py-10 col-span-2" data-location_id="section-b08f77a2-b62f-4442-93a2-3551bb07bc69" aria-label="Locations information" id="section-k2u69LFSvE0" data-maglev-section-id="k2u69LFSvE0" data-maglev-section-type="dynamic_locations_01">
1495
1496  
1497
1498    
1499  <section class="w-full xl:max-w-[1440px] h-auto flex-shrink-0 bg-[var(--bg-secondary)] p-8">
1500    <header class="w-full flex flex-col items-center px-4 xl:px-0">
1501        <h2 data-maglev-id="k2u69LFSvE0.title" class="text-[var(--text-primary)] text-center text-[32px] xl:text-[48px] font-semibold leading-[normal] tracking-[-0.48px]" id="locations-heading-b08f77a2-b62f-4442-93a2-3551bb07bc69">Find Your Grecian Gyro</h2>
1502      <p data-maglev-id="k2u69LFSvE0.subtitle" class="text-[var(--text-secondary)] text-center text-[16px] font-normal leading-[24px] mt-2">Order ahead from the one closest to you.</p>
1503    </header>
1504
1505      
1506      <div data-location_wrapper_id="b08f77a2-b62f-4442-93a2-3551bb07bc69-0" class="mt-10 mx-auto w-full max-w-[1057px]  flex flex-col xl:flex-row justify-center">
1507        <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between">
1508          <header>
1509              <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
1510                Grecian Gyro 
1511              </h3>
1512            
1513            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
1514
1515                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
1516                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-0" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
1517                    Grecian Gyro  - Dunwoody 4468 Chamblee Dunwoody Rd
1518                  </a>
1519                </div>
1520
1521                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1522                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-1" class="text-[14px]  leading-[140%]" aria-current="false">
1523                    Grecian Gyro - Forest Park 4542 Old Dixie Hwy #104
1524                  </a>
1525                </div>
1526
1527                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1528                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-2" class="text-[14px]  leading-[140%]" aria-current="false">
1529                    Grecian Gyro - Hapeville 855 Virginia Ave
1530                  </a>
1531                </div>
1532
1533                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1534                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-3" class="text-[14px]  leading-[140%]" aria-current="false">
1535                    Grecian Gyro - Atlanta 1700 Northside Dr NW B6
1536                  </a>
1537                </div>
1538
1539                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1540                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-4" class="text-[14px]  leading-[140%]" aria-current="false">
1541                    Grecian Gyro - Snellville 2735 Main St W
1542                  </a>
1543                </div>
1544
1545                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1546                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-5" class="text-[14px]  leading-[140%]" aria-current="false">
1547                    Grecian Gyro - Tucker 3989 Lawrenceville Hwy
1548                  </a>
1549                </div>
1550            </nav>
1551          </header>
1552
1553          <address class="mt-6 flex items-center space-x-3 not-italic">
1554            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1555              <path
1556                d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.
15566666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z"
1557                fill="#666666"></path>
1558            </svg>
1559            <a href="https://www.google.com/maps/search/?api=1&amp;query=4468%20Chamblee%20Dunwoody%20Rd%2C%20Dunwoody%2C%20GA%2C%2030338%2C%20US" target="_blank"
1560              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1561              4468 Chamblee Dunwoody Rd, Dunwoody, GA, 30338, US
1562            </a>
1563          </address>
1564
1565            <div class="mt-6 flex items-center space-x-3">
1566              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1567                <path
1568                  d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z"
1569                  fill="#666666"></path>
1570              </svg>
1571              <a href="tel:7706805424" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1572                770-680-5424
1573              </a>
1574            </div>
1575
1576          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
1577            <div class="flex flex-wrap space-x-3">
1578              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1579                <path
1580                  d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z"
1581                  fill="#666666"></path>
1582              </svg>
1583              <div>
1584                <section class="text-[var(--text-primary)] mt-0 
1584space-y-2">
1585    <div class="sr-only" aria-hidden="false">Business Hours</div>
1586        <b>Sunday:</b>
1587          <div class="inline">
1588            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1589          </div>
1590        <br />
1591        <b>Monday:</b>
1592          <div class="inline">
1593            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1594          </div>
1595        <br />
1596        <b>Tuesday:</b>
1597          <div class="inline">
1598            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1599          </div>
1600        <br />
1601        <b>Wednesday:</b>
1602          <div class="inline">
1603            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1604          </div>
1605        <br />
1606        <b>Thursday:</b>
1607          <div class="inline">
1608            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1609          </div>
1610        <br />
1611        <b>Friday:</b>
1612          <div class="inline">
1613            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1614          </div>
1615        <br />
1616        <b>Saturday:</b>
1617          <div class="inline">
1618            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1619          </div>
1620        <br />
1621</section>
1622
1623              </div>
1624            </div>
1625
1626            <div class="flex flex-col justify-end items-center xl:items-end">
1627              <a href="/stores"
1628                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]">
1629                Start an order
1630              </a>
1631            </div>
1632          </div>
1633        </article>
1634
1635          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
1636            <a href="https://www.google.com/maps/search/?api=1&amp;query=4468%20Chamblee%20Dunwoody%20Rd%2C%20Dunwoody%2C%20GA%2C%2030338%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Grecian Gyro  - 4468 Chamblee Dunwoody Rd, Dunwoody, GA, 30338, US in Google Maps" class="block w-full h-full">
1637  <img src="/maps/4468%20Chamblee%20Dunwoody%20Rd%2C%20Dunwoody%2C%20GA%2C%2030338%2C%20US/359/418.png" alt="Map of Grecian Gyro  - 4468 Chamblee Dunwoody Rd, Dunwoody, GA, 30338, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover">
1638</a>
1639
1640          </figure>
1641      </div>
1642      
1643      <div data-location_wrapper_id="b08f77a2-b62f-4442-93a2-3551bb07bc69-1" class="mt-10 mx-auto w-full max-w-[1057px] hidden flex flex-col xl:flex-row justify-center">
1644        <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between">
1645          <header>
1646              <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
1647                Grecian Gyro
1648              </h3>
1649            
1650            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
1651
1652                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1653                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-0" class="text-[14px]  leading-[140%]" aria-current="false">
1654                    Grecian Gyro  - Dunwoody 4468 Chamblee Dunwoody Rd
1655                  </a>
1656                </div>
1657
1658                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
1659                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-1" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
1660                    Grecian Gyro - Forest Park 4542 Old Dixie Hwy #104
1661                  </a>
1662                </div>
1663
1664                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:w
1664hitespace-nowrap">
1665                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-2" class="text-[14px]  leading-[140%]" aria-current="false">
1666                    Grecian Gyro - Hapeville 855 Virginia Ave
1667                  </a>
1668                </div>
1669
1670                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1671                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-3" class="text-[14px]  leading-[140%]" aria-current="false">
1672                    Grecian Gyro - Atlanta 1700 Northside Dr NW B6
1673                  </a>
1674                </div>
1675
1676                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1677                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-4" class="text-[14px]  leading-[140%]" aria-current="false">
1678                    Grecian Gyro - Snellville 2735 Main St W
1679                  </a>
1680                </div>
1681
1682                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1683                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-5" class="text-[14px]  leading-[140%]" aria-current="false">
1684                    Grecian Gyro - Tucker 3989 Lawrenceville Hwy
1685                  </a>
1686                </div>
1687            </nav>
1688          </header>
1689
1690          <address class="mt-6 flex items-center space-x-3 not-italic">
1691            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1692              <path
1693                d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.6666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z"
1694                fill="#666666"></path>
1695            </svg>
1696            <a href="https://www.google.com/maps/search/?api=1&amp;query=4542%20Old%20Dixie%20Hwy%20%23104%2C%20Forest%20Park%2C%20GA%2C%2030297%2C%20US" target="_blank"
1697              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1698              4542 Old Dixie Hwy #104, Forest Park, GA, 30297, US
1699            </a>
1700          </address>
1701
1702            <div class="mt-6 flex items-center space-x-3">
1703              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1704                <path
1705                  d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 
170512.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z"
1706                  fill="#666666"></path>
1707              </svg>
1708              <a href="tel:4043634000" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1709                404-363-4000
1710              </a>
1711            </div>
1712
1713          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
1714            <div class="flex flex-wrap space-x-3">
1715              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1716                <path
1717                  d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z"
1718                  fill="#666666"></path>
1719              </svg>
1720              <div>
1721                <section class="text-[var(--text-primary)] mt-0 space-y-2">
1722    <div class="sr-only" aria-hidden="false">Business Hours</div>
1723        <b>Sunday:</b>
1724          <div class="inline">
1725            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="20:30" datetime="20:30" class="inline">8:30 PM</time>
1726          </div>
1727        <br />
1728        <b>Monday:</b>
1729          <div class="inline">
1730            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1731          </div>
1732        <br />
1733        <b>Tuesday:</b>
1734          <div class="inline">
1735            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1736          </div>
1737        <br />
1738        <b>Wednesday:</b>
1739          <div class="inline">
1740            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1741          </div>
1742        <br />
1743        <b>Thursday:</b>
1744          <div class="inline">
1745            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1746          </div>
1747        <br />
1748        <b>Friday:</b>
1749          <div class="inline">
1750            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1751          </div>
1752        <br />
1753        <b>Saturday:</b>
1754          <div class="inline">
1755            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="20:30" datetime="20:30" class="inline">8:30 PM</time>
1756          </div>
1757        <br />
1758</section>
1759
1760              </div>
1761            </div>
1762
1763            <div class="flex flex-col justify-end items-center xl:items-end">
1764              <a href="/stores"
1765                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]">
1766                Start an order
1767              </a>
1768            </div>
1769          </div>
1770        </article>
1771
1772          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
1773            <a href="https://www.google.com/maps/search/?api=1&amp;query=4542%20Old%20Dixie%20Hwy%20%23104%2C%20Forest%20Park%2C%20GA%2C%2030297%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Grecian Gyro - 4542 Old Dixie Hwy #104, Forest Park, GA, 30297, US in Google Maps" class="block w-full h-full">
1774  <img src="/maps/4542%20Old%20Dixie%20Hwy%20%23104%2C%20Forest%20Park%2C%20GA%2C%2030297%2C%20US/359/418.png" alt="Map of Grecian Gyro - 4542 Old Dixie Hwy #104, Forest Park, GA, 30297, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover">
1775</a>
1776
1777          </figure>
1778      </div>
1779      
1780      <div data-location_wrapper_id="b08f77a2-b62f-4442-93a2-3551bb07bc69-2" class="mt-10 mx-auto w-full max-w-[1057px] hidden flex flex-col xl:flex-row justify-center">
1781        <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between">
1782          <header>
1783              <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
1784                Grecian Gyro
1785              </h3>
1786            
1787            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
1788
1789                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:w
1789hitespace-nowrap">
1790                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-0" class="text-[14px]  leading-[140%]" aria-current="false">
1791                    Grecian Gyro  - Dunwoody 4468 Chamblee Dunwoody Rd
1792                  </a>
1793                </div>
1794
1795                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1796                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-1" class="text-[14px]  leading-[140%]" aria-current="false">
1797                    Grecian Gyro - Forest Park 4542 Old Dixie Hwy #104
1798                  </a>
1799                </div>
1800
1801                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
1802                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-2" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
1803                    Grecian Gyro - Hapeville 855 Virginia Ave
1804                  </a>
1805                </div>
1806
1807                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1808                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-3" class="text-[14px]  leading-[140%]" aria-current="false">
1809                    Grecian Gyro - Atlanta 1700 Northside Dr NW B6
1810                  </a>
1811                </div>
1812
1813                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1814                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-4" class="text-[14px]  leading-[140%]" aria-current="false">
1815                    Grecian Gyro - Snellville 2735 Main St W
1816                  </a>
1817                </div>
1818
1819                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1820                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-5" class="text-[14px]  leading-[140%]" aria-current="false">
1821                    Grecian Gyro - Tucker 3989 Lawrenceville Hwy
1822                  </a>
1823                </div>
1824            </nav>
1825          </header>
1826
1827          <address class="mt-6 flex items-center space-x-3 not-italic">
1828            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1829              <path
1830                d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.6666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z"
1831                fill="#666666"></path>
1832            </svg>
1833            <a href="https://www.google.com/maps/search/?api=1&amp;query=855%20Virginia%20Ave%2C%20Hapeville%2C%20GA%2C%2030354%2C%20US" target="_blank"
1834              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1835              855 Virginia Ave, Hapeville, GA, 30354, US
1836            </a>
1837          </address>
1838
1839            <div class="mt-6 flex items-center space-x-3">
1840              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1841                <path
1842                  d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z"
1843                  fill="#666666"></path>
1844              </svg>
1845              <a href="tel:4047621627" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1846                404-762-1627
1847              </a>
1848            </div>
1849
1850          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
1851            <div class="flex flex-wrap space-x-3">
1852              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1853                <path
1854                  d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z"
1855                  fill="#666666"></path>
1856              </svg>
1857              <div>
1858                <section class="text-[var(--text-primary)] mt-0 space-y-2">
1859    <div class="sr-only" aria-hidden="false">Business Hours</div>
1860        <b>Sunday:</b>
1861          <div class="inline">
1862            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
1863          </div>
1864        <br />
1865        <b>Monday:</b>
1866          <div class="inline">
1867            <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1868          </div>
1869        <br />
1870        <b>Tuesday:</b>
1871          <div class="inline">
1872            <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1873          </div>
1874        <br />
1875        <b>Wednesday:</b>
1876          <div class="inline">
1877            <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1878          </div>
1879        <br />
1880        <b>Thursday:</b>
1881          <div class="inline">
1882            <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1883          </div>
1884        <br />
1885        <b>Friday:</b>
1886          <div class="inline">
1887            <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
1888          </div>
1889        <br />
1890        <b>Saturday:</b>
1891          <div class="inline">
1892            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
1893          </div>
1894        <br />
1895</section>
1896
1897              </div>
1898            </div>
1899
1900            <div class="flex flex-col justify-end items-center xl:items-end">
1901              <a href="/stores"
1902                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]">
1903                Start an order
1904              </a>
1905            </div>
1906          </div>
1907        </article>
1908
1909          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
1910            <a href="https://www.google.com/maps/search/?api=1&amp;query=855%20Virginia%20Ave%2C%20Hapeville%2C%20GA%2C%2030354%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Grecian Gyro - 855 Virginia Ave, Hapeville, GA, 30354, US in Google Maps" class="block w-full h-full">
1911  <img src="/maps/855%20Virginia%20Ave%2C%20Hapeville%2C%20GA%2C%2030354%2C%20US/359/418.png" alt="Map of Grecian Gyro - 855 Virginia Ave, Hapeville, GA, 30354, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover">
1912</a>
1913
1914          </figure>
1915      </div>
1916      
1917      <div data-location_wrapper_id="b08f77a2-b62f-4442-93a2-3551bb07bc69-3" class="mt-10 mx-auto w-full max-w-[1057px] hidden flex flex-col xl:flex-row justify-center">
1918        <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between">
1919          <header>
1920              <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
1921                Grecian Gyro
1922              </h3>
1923            
1924            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
1925
1926                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:w
1926hitespace-nowrap">
1927                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-0" class="text-[14px]  leading-[140%]" aria-current="false">
1928                    Grecian Gyro  - Dunwoody 4468 Chamblee Dunwoody Rd
1929                  </a>
1930                </div>
1931
1932                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1933                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-1" class="text-[14px]  leading-[140%]" aria-current="false">
1934                    Grecian Gyro - Forest Park 4542 Old Dixie Hwy #104
1935                  </a>
1936                </div>
1937
1938                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1939                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-2" class="text-[14px]  leading-[140%]" aria-current="false">
1940                    Grecian Gyro - Hapeville 855 Virginia Ave
1941                  </a>
1942                </div>
1943
1944                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
1945                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-3" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
1946                    Grecian Gyro - Atlanta 1700 Northside Dr NW B6
1947                  </a>
1948                </div>
1949
1950                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1951                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-4" class="text-[14px]  leading-[140%]" aria-current="false">
1952                    Grecian Gyro - Snellville 2735 Main St W
1953                  </a>
1954                </div>
1955
1956                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
1957                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-5" class="text-[14px]  leading-[140%]" aria-current="false">
1958                    Grecian Gyro - Tucker 3989 Lawrenceville Hwy
1959                  </a>
1960                </div>
1961            </nav>
1962          </header>
1963
1964          <address class="mt-6 flex items-center space-x-3 not-italic">
1965            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1966              <path
1967                d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.6666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z"
1968                fill="#666666"></path>
1969            </svg>
1970            <a href="https://www.google.com/maps/search/?api=1&amp;query=1700%20Northside%20Dr%20NW%20B6%2C%20Atlanta%2C%20GA%2C%2030318%2C%20US" target="_blank"
1971              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1972              1700 Northside Dr NW B6, Atlanta, GA, 30318, US
1973            </a>
1974          </address>
1975
1976            <div class="mt-6 flex items-center space-x-3">
1977              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1978                <path
1979                  d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z"
1980                  fill="#666666"></path>
1981              </svg>
1982              <a href="tel:4044645300" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
1983                404-464-5300
1984              </a>
1985            </div>
1986
1987          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
1988            <div class="flex flex-wrap space-x-3">
1989              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
1990                <path
1991                  d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z"
1992                  fill="#666666"></path>
1993              </svg>
1994              <div>
1995                <section class="text-[var(--text-primary)] mt-0 space-y-2">
1996    <div class="sr-only" aria-hidden="false">Business Hours</div>
1997        <b>Sunday:</b>
1998          <div class="inline">
1999            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2000          </div>
2001        <br />
2002        <b>Monday:</b>
2003          <div class="inline">
2004            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2005          </div>
2006        <br />
2007        <b>Tuesday:</b>
2008          <div class="inline">
2009            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2010          </div>
2011        <br />
2012        <b>Wednesday:</b>
2013          <div class="inline">
2014            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2015          </div>
2016        <br />
2017        <b>Thursday:</b>
2018          <div class="inline">
2019            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2020          </div>
2021        <br />
2022        <b>Friday:</b>
2023          <div class="inline">
2024            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2025          </div>
2026        <br />
2027        <b>Saturday:</b>
2028          <div class="inline">
2029            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2030          </div>
2031        <br />
2032</section>
2033
2034              </div>
2035            </div>
2036
2037            <div class="flex flex-col justify-end items-center xl:items-end">
2038              <a href="/stores"
2039                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]">
2040                Start an order
2041              </a>
2042            </div>
2043          </div>
2044        </article>
2045
2046          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
2047            <a href="https://www.google.com/maps/search/?api=1&amp;query=1700%20Northside%20Dr%20NW%20B6%2C%20Atlanta%2C%20GA%2C%2030318%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Grecian Gyro - 1700 Northside Dr NW B6, Atlanta, GA, 30318, US in Google Maps" class="block w-full h-full">
2048  <img src="/maps/1700%20Northside%20Dr%20NW%20B6%2C%20Atlanta%2C%20GA%2C%2030318%2C%20US/359/418.png" alt="Map of Grecian Gyro - 1700 Northside Dr NW B6, Atlanta, GA, 30318, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover">
2049</a>
2050
2051          </figure>
2052      </div>
2053      
2054      <div data-location_wrapper_id="b08f77a2-b62f-4442-93a2-3551bb07bc69-4" class="mt-10 mx-auto w-full max-w-[1057px] hidden flex flex-col xl:flex-row justify-center">
2055        <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between">
2056          <header>
2057              <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
2058                Grecian Gyro
2059              </h3>
2060            
2061            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
2062
2063                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:w
2063hitespace-nowrap">
2064                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-0" class="text-[14px]  leading-[140%]" aria-current="false">
2065                    Grecian Gyro  - Dunwoody 4468 Chamblee Dunwoody Rd
2066                  </a>
2067                </div>
2068
2069                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2070                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-1" class="text-[14px]  leading-[140%]" aria-current="false">
2071                    Grecian Gyro - Forest Park 4542 Old Dixie Hwy #104
2072                  </a>
2073                </div>
2074
2075                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2076                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-2" class="text-[14px]  leading-[140%]" aria-current="false">
2077                    Grecian Gyro - Hapeville 855 Virginia Ave
2078                  </a>
2079                </div>
2080
2081                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2082                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-3" class="text-[14px]  leading-[140%]" aria-current="false">
2083                    Grecian Gyro - Atlanta 1700 Northside Dr NW B6
2084                  </a>
2085                </div>
2086
2087                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
2088                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-4" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
2089                    Grecian Gyro - Snellville 2735 Main St W
2090                  </a>
2091                </div>
2092
2093                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2094                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-5" class="text-[14px]  leading-[140%]" aria-current="false">
2095                    Grecian Gyro - Tucker 3989 Lawrenceville Hwy
2096                  </a>
2097                </div>
2098            </nav>
2099          </header>
2100
2101          <address class="mt-6 flex items-center space-x-3 not-italic">
2102            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
2103              <path
2104                d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.6666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z"
2105                fill="#666666"></path>
2106            </svg>
2107            <a href="https://www.google.com/maps/search/?api=1&amp;query=2735%20Main%20St%20W%2C%20Snellville%2C%20GA%2C%2030078%2C%20US" target="_blank"
2108              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
2109              2735 Main St W, Snellville, GA, 30078, US
2110            </a>
2111          </address>
2112
2113            <div class="mt-6 flex items-center space-x-3">
2114              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
2115                <path
2116                  d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z"
2117                  fill="#666666"></path>
2118              </svg>
2119              <a href="tel:4702687756" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
2120                470-268-7756
2121              </a>
2122            </div>
2123
2124          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
2125            <div class="flex flex-wrap space-x-3">
2126              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
2127                <path
2128                  d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z"
2129                  fill="#666666"></path>
2130              </svg>
2131              <div>
2132                <section class="text-[var(--text-primary)] mt-0 space-y-2">
2133    <div class="sr-only" aria-hidden="false">Business Hours</div>
2134        <b>Sunday:</b>
2135          <div class="inline">
2136            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2137          </div>
2138        <br />
2139        <b>Monday:</b>
2140          <div class="inline">
2141            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2142          </div>
2143        <br />
2144        <b>Tuesday:</b>
2145          <div class="inline">
2146            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2147          </div>
2148        <br />
2149        <b>Wednesday:</b>
2150          <div class="inline">
2151            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2152          </div>
2153        <br />
2154        <b>Thursday:</b>
2155          <div class="inline">
2156            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2157          </div>
2158        <br />
2159        <b>Friday:</b>
2160          <div class="inline">
2161            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2162          </div>
2163        <br />
2164        <b>Saturday:</b>
2165          <div class="inline">
2166            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2167          </div>
2168        <br />
2169</section>
2170
2171              </div>
2172            </div>
2173
2174            <div class="flex flex-col justify-end items-center xl:items-end">
2175              <a href="/stores"
2176                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]">
2177                Start an order
2178              </a>
2179            </div>
2180          </div>
2181        </article>
2182
2183          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
2184            <a href="https://www.google.com/maps/search/?api=1&amp;
2184query=2735%20Main%20St%20W%2C%20Snellville%2C%20GA%2C%2030078%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Grecian Gyro - 2735 Main St W, Snellville, GA, 30078, US in Google Maps" class="block w-full h-full">
2185  <img src="/maps/2735%20Main%20St%20W%2C%20Snellville%2C%20GA%2C%2030078%2C%20US/359/418.png" alt="Map of Grecian Gyro - 2735 Main St W, Snellville, GA, 30078, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover">
2186</a>
2187
2188          </figure>
2189      </div>
2190      
2191      <div data-location_wrapper_id="b08f77a2-b62f-4442-93a2-3551bb07bc69-5" class="mt-10 mx-auto w-full max-w-[1057px] hidden flex flex-col xl:flex-row justify-center">
2192        <article class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between">
2193          <header>
2194              <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
2195                Grecian Gyro
2196              </h3>
2197            
2198            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
2199
2200                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2201                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-0" class="text-[14px]  leading-[140%]" aria-current="false">
2202                    Grecian Gyro  - Dunwoody 4468 Chamblee Dunwoody Rd
2203                  </a>
2204                </div>
2205
2206                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2207                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-1" class="text-[14px]  leading-[140%]" aria-current="false">
2208                    Grecian Gyro - Forest Park 4542 Old Dixie Hwy #104
2209                  </a>
2210                </div>
2211
2212                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2213                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-2" class="text-[14px]  leading-[140%]" aria-current="false">
2214                    Grecian Gyro - Hapeville 855 Virginia Ave
2215                  </a>
2216                </div>
2217
2218                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2219                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-3" class="text-[14px]  leading-[140%]" aria-current="false">
2220                    Grecian Gyro - Atlanta 1700 Northside Dr NW B6
2221                  </a>
2222                </div>
2223
2224                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--bg-primary)] text-[var(--text-primary)] md:whitespace-nowrap">
2225                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-4" class="text-[14px]  leading-[140%]" aria-current="false">
2226                    Grecian Gyro - Snellville 2735 Main St W
2227                  </a>
2228                </div>
2229
2230                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
2231                  <a href="#" data-switch_location="b08f77a2-b62f-4442-93a2-3551bb07bc69-5" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
2232                    Grecian Gyro - Tucker 3989 Lawrenceville Hwy
2233                  </a>
2234                </div>
2235            </nav>
2236          </header>
2237
2238          <address class="mt-6 flex items-center space-x-3 not-italic">
2239            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
2240              <path
2241                d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.
22416666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z"
2242                fill="#666666"></path>
2243            </svg>
2244            <a href="https://www.google.com/maps/search/?api=1&amp;query=3989%20Lawrenceville%20Hwy%2C%20Tucker%2C%20GA%2C%2030084%2C%20US" target="_blank"
2245              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
2246              3989 Lawrenceville Hwy, Tucker, GA, 30084, US
2247            </a>
2248          </address>
2249
2250            <div class="mt-6 flex items-center space-x-3">
2251              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
2252                <path
2253                  d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z"
2254                  fill="#666666"></path>
2255              </svg>
2256              <a href="tel:6786913988" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
2257                678-691-3988
2258              </a>
2259            </div>
2260
2261          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
2262            <div class="flex flex-wrap space-x-3">
2263              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
2264                <path
2265                  d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z"
2266                  fill="#666666"></path>
2267              </svg>
2268              <div>
2269                <section class="text-[var(--text-primary)] mt-0 
2269space-y-2">
2270    <div class="sr-only" aria-hidden="false">Business Hours</div>
2271        <b>Sunday:</b>
2272          <div class="inline">
2273            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2274          </div>
2275        <br />
2276        <b>Monday:</b>
2277          <div class="inline">
2278            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2279          </div>
2280        <br />
2281        <b>Tuesday:</b>
2282          <div class="inline">
2283            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2284          </div>
2285        <br />
2286        <b>Wednesday:</b>
2287          <div class="inline">
2288            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2289          </div>
2290        <br />
2291        <b>Thursday:</b>
2292          <div class="inline">
2293            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2294          </div>
2295        <br />
2296        <b>Friday:</b>
2297          <div class="inline">
2298            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2299          </div>
2300        <br />
2301        <b>Saturday:</b>
2302          <div class="inline">
2303            <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:30" datetime="21:30" class="inline">9:30 PM</time>
2304          </div>
2305        <br />
2306</section>
2307
2308              </div>
2309            </div>
2310
2311            <div class="flex flex-col justify-end items-center xl:items-end">
2312              <a href="/stores"
2313                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%]">
2314                Start an order
2315              </a>
2316            </div>
2317          </div>
2318        </article>
2319
2320          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
2321            <a href="https://www.google.com/maps/search/?api=1&amp;query=3989%20Lawrenceville%20Hwy%2C%20Tucker%2C%20GA%2C%2030084%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Grecian Gyro - 3989 Lawrenceville Hwy, Tucker, GA, 30084, US in Google Maps" class="block w-full h-full">
2322  <img src="/maps/3989%20Lawrenceville%20Hwy%2C%20Tucker%2C%20GA%2C%2030084%2C%20US/359/418.png" alt="Map of Grecian Gyro - 3989 Lawrenceville Hwy, Tucker, GA, 30084, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover">
2323</a>
2324
2325          </figure>
2326      </div>
2327  </section>
2328
2329  
2329<script type="module">
2330    $(document).on('click', '[data-location_id=section-b08f77a2-b62f-4442-93a2-3551bb07bc69] [data-switch_location]', function(e) {
2331      e.preventDefault();
2332      const idx = $(this).data('switch_location');
2333      $('[data-location_id=section-b08f77a2-b62f-4442-93a2-3551bb07bc69] [data-location_wrapper_id]').addClass('hidden');
2334      $('[data-location_id=section-b08f77a2-b62f-4442-93a2-3551bb07bc69] [data-location_wrapper_id=' + idx + ']').removeClass('hidden');
2335    });
2336  </script>
2336
2337
2338</section><footer class="w-full mx-auto bg-[var(--bg-primary)] py-8 col-span-2" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" id="section-zLaolY6F" data-maglev-section-id="zLaolY6F" data-maglev-section-type="standard_footer_01">
2339  <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6">
2340
2341      <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4">
2342          <nav class="col-span-1 flex flex-wrap justify-center xl:justify-start order-2 xl:order-1 xl:pl-0" aria-label="Footer navigation">
2343              <a data-maglev-id="Rw1mkSVU9f0.link" class="mx-3 xl:mx-0 xl:mr-6 mb-2 text-[var(--link-text)] hover:text-[var(--link-hover)] text-sm" href="/text-terms-and-services#section-09XIA49d"><span data-maglev-id="Rw1mkSVU9f0.link.text">Grecian Gyro SMS Terms and Privacy</span></a>
2344          </nav>
2345
2346          <nav class="col-span-1 flex justify-center space-x-6 xl:space-x-8 order-1 xl:order-2" aria-label="Social media links">
2347              <a data-maglev-id="XzMhLk2UYcw.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-facebook-f" href="https://www.facebook.com/GrecianGyro/">
2348                <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="XzMhLk2UYcw.icon"></i>
2349</a>              <a data-maglev-id="6vqmv1TpfX4.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-instagram" href="https://www.instagram.com/greciangyro/">
2350                <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="6vqmv1TpfX4.icon"></i>
2351</a>          </nav>
2352
2353        <div class="col-span-1 hidden xl:block order-3"></div>
2354      </div>
2355
2356    <div class="w-full flex flex-col xl:flex-row justify-between items-center text-[var(--text-secondary)] text-sm font-normal leading-[142.857%] space-y-3 xl:space-y-0 mt-2 xl:mt-6">
2357      <nav class="flex flex-wrap justify-center xl:justify-start flex-grow space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links">
2358        <a href="https://koala-configurations.s3.amazonaws.com/public/assets/Chowly-Terms-and-Conditions-b3cca027-acb6-42db-9d1f-11080e29b1e1.pdf" target="_blank" rel="noopener" class="mb-2">Terms of Use</a>
2359        <a href="https://koala-configurations.s3.us-east-1.amazonaws.com/public/assets/Chowly-Privacy-Policy-202f4118-faeb-4593-8574-57dc447ae203.pdf" target="_blank" rel="noopener" class="mb-2">Privacy Policy</a>
2360      </nav>
2361        
2362      <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization">
2363        <span>Grecian Gyro</span>™ <span itemprop="copyrightYear">2026</span> All Rights Reserved
2364      </p>
2365      <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p>
2366    </div>
2367  </div>
2368</footer>
2369    </section>
2370  </main>
2371  <!-- ===== Grecian Gyro — scroll reveal (body_scripts) ===== -->
2372<script>
2373(function(){
2374  // Signal that this reveal script mounted, so a host's belt-and-suspenders "force-reveal if JS
2375  // didn't load" fallback can NO-OP when scroll-reveal is actually running (otherwise that fallback
2376  // reveals every section on a timer, defeating the on-scroll animation). Set before the
2377  // reduced-motion return so it's true whenever body_scripts executed at all.
2378  window.cwRevealMounted = true;
2379  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
2380  // tag content sections for reveal — skip notification, nav, hero, footer (by id/role, NOT ordinal)
2381  var SKIP = {'section-UJw-se26':1,'section-Fobv6HiD':1,'section-uSfOBmS4He8':1,'section-zLaolY6F':1};
2382  function tag(){
2383    document.querySelectorAll('[id^="section-"]').forEach(function(el){
2384      if (!SKIP[el.id]) el.classList.add('cw-reveal');
2385    });
2386  }
2387  function reveal(){
2388    var vh = window.innerHeight || document.documentElement.clientHeight;
2389    document.querySelectorAll('.cw-reveal').forEach(function(el){
2390      if (el.classList.contains('cw-in')) return;
2391      // scroll-position check (NOT IntersectionObserver — survives fast-scroll / jump-links / restored scroll)
2392      if (el.getBoundingClientRect().top < vh * 0.88) el.classList.add('cw-in');
2393    });
2394  }
2395  function armReveal(){
2396    window.addEventListener('scroll', reveal, {passive:true});
2397    window.addEventListener('resize', reveal, {passive:true});
2398    // Defer the first reveal one paint so the opacity:0 state renders before .cw-in is added — a
2399    // section at the fold then animates in instead of snapping visible.
2400    if (window.requestAnimationFrame)
2401      requestAnimationFrame(function(){ requestAnimationFrame(reveal); });
2402    else reveal();
2403  }
2404  // Tag sections hidden SYNCHRONOUSLY now, before first paint. This inline script sits at the end of
2405  // <body>, so every content section above it is already parsed — hiding them here means a near-fold
2406  // section can't flash visible-then-hidden (tagging at DOMContentLoaded can paint once first, then
2407  // hide → a blink). No-JS never runs this and reduced-motion returned above, so content is only ever
2408  // hidden with JS + motion on; .cw-in (added post-paint) animates it in. Re-tag at DCL is a
2409  // belt-and-suspenders no-op catch for any section parsed after this script.
2410  tag();
2411  if (document.readyState === 'loading')
2412    document.addEventListener('DOMContentLoaded', function(){ tag(); armReveal(); });
2413  else armReveal();
2414})();
2415</script>
vendor: 1 bytes, line 2415
2415
2416<script>
2417/* shared motion utility (#177) — the ONE IntersectionObserver helper every library element
2418   rides: cwOnView(selector, class[, once=true]). Reduced-motion contract: callers gate their
2419   ANIMATION in CSS via prefers-reduced-motion; the class-add itself always runs so the
2420   finished state is the no-motion state (content never hidden without JS or motion). */
2421(function(){
2422  window.cwOnView = window.cwOnView || function (sel, cls, once) {
2423    var els = document.querySelectorAll(sel);
2424    if (!els.length) return;
2425    if (!('IntersectionObserver' in window)) {
2426      els.forEach(function (el) { el.classList.add(cls); });
2427      return;
2428    }
2429    var io = new IntersectionObserver(function (entries) {
2430      entries.forEach(function (e) {
2431        if (e.isIntersecting) {
2432          e.target.classList.add(cls);
2433          if (once !== false) io.unobserve(e.target);
2434        }
2435      });
2436    }, {threshold: 0.15});
2437    els.forEach(function (el) { io.observe(el); });
2438  };
2439})();
2440</script>
vendor: 1 bytes, line 2440
2440
2441<script>
2442/* shared editor-preview re-mount utility (#536) — the ONE MutationObserver every DOM-injecting
2443   element rides: cwRemount(mountFn). The Maglev editor's live preview re-renders a section's DOM
2444   AFTER body scripts run, so any JS-injected children are wiped (the published static site never
2445   does this). cwRemount runs mountFn once now, then re-runs it whenever a burst of body mutations
2446   settles. Per-node idempotency stays the CALLER's job — its own mount function must no-op on a
2447   node it already mounted (e.g. a `host.dataset.cwXx` guard); a guard key shared across components
2448   would let two of them clobber each other's mounted-state tracking. One observer serves every
2449   caller, so the second DOM-injecting element costs nothing beyond its callback. */
2450(function(){
2451  if (window.cwRemount) return;
2452  var mounts = [], timer = null, watching = false;
2453  function remountAll() {
2454    timer = null;   // cleared BEFORE the callbacks, so a throwing caller can't wedge the debounce
2455    mounts.forEach(function (fn) {
2456      // one caller must never starve its siblings: surface the error asynchronously (it still
2457      // reaches the console with its stack) and carry on down the list
2458      try { fn(); } catch (err) { setTimeout(function () { throw err; }, 0); }
2459    });
2460  }
2461  window.cwRemount = function (mountFn) {
2462    mountFn();          // mount now — on the published static site this is the only pass needed
2463    mounts.push(mountFn);
2464    if (watching || !window.MutationObserver) return;
2465    watching = true;
2466    new MutationObserver(function () {
2467      if (timer) return;        // debounce the burst — one re-mount pass per 120ms of churn
2468      timer = setTimeout(remountAll, 120);
2469    }).observe(document.body, {childList: true, subtree: true});
2470  };
2471})();
2472</script>
2472
2473<!-- ===== menu index reveal (arm + on-view rise / peek / pop) ===== -->
2474<script>
2475(function(){
2476  function init(){
2477    var root = document.querySelector('#section-cwMenuIdxb85238ce .cw-mir');
2478    if (!root) return;
2479    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
2480    if (reduce || !window.cwOnView) return;   // unarmed = word-stack + dishes already sit settled
2481    root.classList.add('cw-mir--armed');
2482    window.cwOnView('#section-cwMenuIdxb85238ce .cw-mir', 'cw-mir--in');
2483  }
2484  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
2485  else init();
2486})();
2487</script>
2487
2488
2489<!-- ===== plate reveal — cwPracc07d66 ===== -->
2490<script>
2491(function(){
2492  function init(){
2493    var root = document.querySelector('#section-cwPracc07d66 .cw-pr');
2494    if (!root) return;
2495    var rows = root.querySelectorAll('.cw-pr__row');
2496    var imgs = root.querySelectorAll('.cw-pr__img');
2497    if (!rows.length || !imgs.length) return;
2498    function show(i){
2499      /* defensive (review #192): a row without a paired image must NOT blank the stage —
2500         keep the current plate when no image carries this data-i */
2501      var hit = false;
2502      imgs.forEach(function(im){ if (im.getAttribute('data-i') === i) hit = true; });
2503      if (!hit) return;
2504      imgs.forEach(function(im){ im.classList.toggle('is-active', im.getAttribute('data-i') === i); });
2505      rows.forEach(function(r){ r.classList.toggle('is-current', r.getAttribute('data-i') === i); });
2506    }
2507    rows.forEach(function(row){
2508      var i = row.getAttribute('data-i');
2509      row.addEventListener('pointerenter', function(){ show(i); });   /* hover glide */
2510      row.addEventListener('focus', function(){ show(i); });          /* keyboard walk */
2511      row.addEventListener('click', function(){ show(i); });          /* touch tap */
2512    });
2513    if (window.cwOnView) window.cwOnView('#section-cwPracc07d66 .cw-pr', 'cw-pr--live');
2514  }
2515  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
2516  else init();
2517})();
2518</script>
2518
2519
2520<!-- ===== polaroid table-toss (cwPol3f582313) — prints settle in once on first view ===== -->
2521<script>
2522(function(){
2523  function go(){ window.cwOnView && window.cwOnView('#section-cwPol3f582313 .cw-pol', 'cw-pol--in'); }
2524  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', go);
2525  else go();
2526})();
2527</script>
2527
2528
2529<!-- ===== corner mascot (peek) ===== -->
2530<script>
2531(function(){
2532  function init(){
2533    if (document.querySelector('.cw-peek')) return;
2534    var a = document.createElement('a');
2535    a.className = 'cw-peek';
2536    a.href = '/stores';
2537    a.setAttribute('aria-label', 'Order online from Grecian Gyro');
2538    a.innerHTML = '<span class="cw-peek__tip">Order Online</span>';
2539    document.body.appendChild(a);
2540    function onScroll(){
2541      var vh = window.innerHeight || document.documentElement.clientHeight;
2542      if (window.scrollY > vh * 0.75) a.classList.add('cw-peek--in');
2543      else a.classList.remove('cw-peek--in');
2544    }
2545    window.addEventListener('scroll', onScroll, {passive:true});
2546    onScroll();
2547  }
2548  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
2549  else init();
2550})();
2551</script>
2551
2552
2553
2554</body>
2555</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.