1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Greek restaurant & 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 & baklava. Classic Greek restaurant in Atlanta with ordering near me." /> 9 <meta property="og:title" content="Greek restaurant & gyros in Atlanta near me" /> 10 <meta property="og:description" content="Family-owned since 1982, serving ATL-style gyros, souvlaki, falafel, Greek salads & 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&family=Roboto Slab:wght@400;700&display=swap" 81 rel="preload" as="style"> 82 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&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 & gyros in Atlanta near me"> 132<meta name="twitter:description" content="Family-owned since 1982, serving ATL-style gyros, souvlaki, falafel, Greek salads & 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'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'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 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'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'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'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'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'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't overdo the onions or the tzatziki, and it'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'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&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&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&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&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&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&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&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&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&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&
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&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&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.