

<!-- 
//................................................................................................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..............................elllllll.....llllllll................................
//.HHHHHHHH...........HHHHHHHHH..........eeeeeeeeee..........elllllll.....llllllll...........ooooooooooo..........
//.HHHHHHHH...........HHHHHHHHH........eeeeeeeeeeeeee........elllllll.....llllllll.........ooooooooooooooo........
//.HHHHHHHH...........HHHHHHHHH.......eeeeeeeeeeeeeeee.......elllllll.....llllllll.......oooooooooooooooooo.......
//.HHHHHHHH...........HHHHHHHHH......eeeeeeeeeeeeeeeeee......elllllll.....llllllll......oooooooooooooooooooo......
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH.....Heeeeeeeeeeeeeeeeeee.....elllllll.....llllllll......ooooooooooooooooooooo.....
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH....HHeeeeeeeeeeeeeeeeeeee....elllllll.....llllllll.....looooooooooooooooooooo.....
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH....HHeeeeeeeeeeeeeeeeeeee....elllllll.....llllllll.....loooooooooooooooooooooo....
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeeee....eeeeeeeee....elllllll.....llllllll....lloooooooo....ooooooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeee......eeeeeeeee...elllllll.....llllllll....llooooooo.......ooooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeee........eeeeeeee...elllllll.....llllllll....lloooooo........ooooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...llloooooo.........oooooooo...
//.HHHHHHHHHHHHHHHHHHHHHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........ooooooooo..
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll...lllooooo..........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeee...................elllllll.....llllllll...llloooooo.........oooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeee...................elllllll.....llllllll...llloooooo........ooooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeee......eeeeeeeee...elllllll.....llllllll....llooooooo.......ooooooooo...
//.HHHHHHHH...........HHHHHHHHH...HHHeeeeeee.....eeeeeeeee...elllllll.....llllllll....lloooooooo.....oooooooooo...
//.HHHHHHHH...........HHHHHHHHH....HHeeeeeeeeeeeeeeeeeeeee...elllllll.....llllllll....lloooooooooooooooooooooo....
//.HHHHHHHH...........HHHHHHHHH....HHeeeeeeeeeeeeeeeeeeee....elllllll.....llllllll.....looooooooooooooooooooo.....
//.HHHHHHHH...........HHHHHHHHH.....Heeeeeeeeeeeeeeeeeee.....elllllll.....llllllll......ooooooooooooooooooooo.....
//.HHHHHHHH...........HHHHHHHHH.....Heeeeeeeeeeeeeeeeeee.....elllllll.....llllllll......oooooooooooooooooooo......
//.HHHHHHHH...........HHHHHHHHH.......eeeeeeeeeeeeeeeee......elllllll.....llllllll.......oooooooooooooooooo.......
//.HHHHHHHH...........HHHHHHHHH........eeeeeeeeeeeeee........elllllll.....llllllll........oooooooooooooooo........
//.......................................eeeeeeeeee.........................................oooooooooooo..........
//................................................................................................................ 

Programming is your passion? Ping us when you’re ready for some digital banter at office@update.bg.

-->

<!DOCTYPE html>
<html lang="bg">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta content="index, follow" name="robots" />
	<title>Стела Артоа кен 500 мл | Начало - King Kong Burger</title>
	<meta name="description" content="Стела Артоа кен 500 мл от KingKong Burger. Доставка до твоя дом или офис." />
		<meta name="keyword" content="Стела Артоа кен 500 мл" />
		<meta property="og:title" content="Стела Артоа кен 500 мл | Начало - King Kong Burger" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://www.kingkongburger.bg/assets/images/products/stela-artoa.jpg" />

		<link rel="canonical" href="https://www.kingkongburger.bg/продукт/Стела_Артоа_кен_500_мл" />
		<meta name="Author" content="Update.BG" />
	<link rel="stylesheet" href="https://www.kingkongburger.bg/assets/css/font-awesome.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.3/jquery-ui.min.js"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.3/themes/base/jquery-ui.css">
	<link rel="stylesheet" href="https://www.kingkongburger.bg/assets/css/owl.carousel.min.css">
	<link rel="stylesheet" href="https://www.kingkongburger.bg/assets/css/swipebox.css">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://www.kingkongburger.bg/assets/css/style1.css">
	<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
	<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
	<meta name="apple-mobile-web-app-title" content="King Kong Burger" />
	<link rel="manifest" href="/site.webmanifest" />
	<script type="text/javascript">
		var base_url = "https://www.kingkongburger.bg/"
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
	
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.9.6/lottie.min.js"></script>
	<script type="text/javascript">
		var plugin_path = 'https://www.kingkongburger.bg/assets/plugins/';
	</script>
	<script>
		var noresult = "Няма резултати";
	</script>
				<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z29D3J22WW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Z29D3J22WW');
</script>
	
<style>
        /* Fullscreen loader */
        #loading-container {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.9);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    </style>
	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
	
</head>

<body >
 <div id="loading-container">
    <div id="lottie-loader"></div>
</div>
	<input type='hidden' id="city" value="" />
	<!-- Right Vertical Swiper -->
	<div class="full-height" id="full-height1" style="height: 100%;">
		<header class="">
			<div class="row ">
				<div id="socials">
					<a href="https://www.facebook.com/kingkongburgerbg/" target="_blank" class="facebook"><img class="bi me-2"
							src="https://new.kingkongburger.bg/assets/images/new/facebook.png" alt="Facebook"></a>
					<a href="https://www.instagram.com/king.kong.burger/" target="_blank" class="instagram"><img class="bi me-2"
							src="https://new.kingkongburger.bg/assets/images/new/instagram.png" alt="Instagram"></a>
					<a href="https://www.tiktok.com/@king_kong_sandwiches" class="tiktok" target="_blank"><img class="bi me-2"
							src="https://new.kingkongburger.bg/assets/images/new/tiktok.png" alt="TikTok"></a>
					<a class="updatebg" href="https://www.update.bg/услуги/изработка-на-уеб-сайт"
						target="_blank">уебсайт от <img id="footer-logo-img" class="img-center" width="100" height="100"
							src="https://www.update.bg//img/logo/update-black.svg" alt="Update.bg" title="Update.bg"
							style="width:90px; color: black"></a>
					<!-- <div  class="breadcrumbs vertical-text">
				<a href="#" >Начало</a> | <a href="#" >Начало1</a>
				</div> -->

				</div>

				<div class="col col-3 vincent_header_left">
					<div class="dropdown">
						<a href="/"
							class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none dropdown-toggle"
							id="dropdownNavLink" aria-expanded="false">
							<img class="bi me-2" style="width: 160px; margin: 20px;z-index:10000"
								src="https://new.kingkongburger.bg/assets/images/new/logo.png" alt="Logo">
							<use xlink:href="#bootstrap"></use></img>
						</a>
						<ul id="logo-drop-down" class="dropdown-menu text-small shadow show"
							aria-labelledby="dropdownNavLink" style="">
							<li><br></li>
							<li class="dropdown-item-li">
							    <div class="heading-container">
							        <a class="dropdown-item" href="#" id="menuToggle" aria-current="page">
							            <p class="primary">Меню</p>
							            <p class="secondary">Меню</p>
							        </a>
							    </div>
						    </li>
							<li class="dropdown-item-li" style="display: none">
							    <div class="heading-container">
							    <a class="dropdown-item " href="/категория/обедно">
							        <p class="primary">Обедно</p>
							        <p class="secondary">Обедно</p>
						        </a>
						        </div>
						    </li>
							<li class="dropdown-item-li">
							    <div class="heading-container">
							        <a class="dropdown-item " href="/категория/промоции">
							            <p class="primary">
							                Промо
							            </p>
							            <p class="secondary">Промо</p>
						            </a>
							    </div>
						    </li>
							<li><br></li>
							<li
								style="border: 1px solid #fff; padding: 5px; border-radius: 10px;margin: 8px;text-align: center">
								10:00<br>до<br>20:30ч.<br><br></li>
							<li style="text-align: center;margin-top: -40px;margin-left: 8px;"><img class="bi me-2"
									style="width: 56px; "
									src="https://new.kingkongburger.bg/assets/images/new/header-clock.png" alt="Clock"></li>
							<li></li>
						</ul>


						<div id="swiperMenu" class="swiper-container col col-9 scrollable" >
							<div class="swiper-button-prev"></div>
							<div class="swiper-wrapper" >
										
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/сандвичи" title="Сандвичи">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches.png">
					<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/Бургери" title="Бургери">
																<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers.png">
												<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/крънч" title="Крънч">
															<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch.png">
											<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/тортили" title="Тортили">
														<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas.png">
										<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/салати" title="Салати">
													<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads.png">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads-hover.png">
							</a>
			
		</div>
		
	
						<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/категория/солени_палачинки" title="Солени палачинки">
															<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan.png">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan-hover.png">
						</a>
				</div>

									<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/категория/сладки_палачинки" title="Сладки палачинки">
														<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan.png">
								<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan-hover.png">
						</a>
				</div>

					
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/напитки" title="Напитки">
												<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks.png">
								<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks-hover.png">
							</a>
			
		</div>
		
	
							</div>
							<div class="swiper-button-next"></div>
							<!-- Swiper Pagination -->
							<div class="swiper-pagination"></div>
						</div>

					</div>
				</div>


				<div class="col col-7 mobile-header-menu" >
					<div class="vincent_def_header">
						<nav class="vincent_menu_cont">
							<ul id="menu-main-menu" class="vincent_menu d-flex align-items-center justify-content-end">

																<li class="menu-item dropdown-item-li ">
								    <div class="heading-container mt-0">
									    <a title="Начало" href="https://www.kingkongburger.bg/страница/Доставка">
									        <p class="primary">Доставка</p>
									        <p class="secondary">Доставка</p>
									    </a>
								    </div>
								</li>
								<!-- <li class="menu-item ">
								<a title="За нас" href="https://www.kingkongburger.bg/страница/За-нас">За нас</a>
							</li> -->
								<!-- <li class="menu-item ">
								<a href="https://www.kingkongburger.bg/контакти" title="Контакти">Кариери</a>
							</li> -->
								<li class="menu-item dropdown-item-li ">
								    <div class="heading-container mt-0">
									    <a href="https://www.kingkongburger.bg/контакти" title="Контакти">
									        <p class="primary">Контакти</p>
									        <p class="secondary">Контакти</p>
									    </a>
								    </div>
								</li>
								<li class="menu-item dropdown-item-li ">
								    <div class="heading-container mt-0">
    									<a href="https://www.kingkongburger.bg/страница/Общи-условия" title="Общи условия">
    									    <p class="primary">Общи условия</p>
    									    <p class="secondary">Общи условия</p>
    									</a>
								    </div>
								</li>
									

								<!-- <li class="menu-item"><a href="#" id="open-search"> <i style="font-size: 20px;"
										class="fas fa-search"></i> </a></li> -->
							</ul>
							
						</nav>
					</div>
				
					<div class="mobile_header " style="">
						<table>
							<tr>
							    <td>
							
						<div class="dropdown">
    <a href="#" 
       class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none dropdown-toggle" 
       id="dropdownNavLink" 
       data-bs-toggle="dropdown" 
       aria-expanded="false">
        <img class="bi me-2" style="z-index:10000" 
             src="https://new.kingkongburger.bg/assets/images/new/mobilemenu.svg" alt="Mobile menu icon">
    </a>
    <ul class="dropdown-menu" id="menu-main-menu" aria-labelledby="dropdownNavLink">
       									<li style="padding: 10px;" class="menu-item ">
									<a title="Начало" href="https://www.kingkongburger.bg/страница/Доставка">Доставка</a>
								</li>
								<!-- <li class="menu-item ">
								<a title="За нас" href="https://www.kingkongburger.bg/страница/За-нас">За нас</a>
							</li> -->
								<!-- <li class="menu-item ">
								<a href="https://www.kingkongburger.bg/контакти" title="Контакти">Кариери</a>
							</li> -->
								<li style="padding: 10px;" class="menu-item ">
									<a href="https://www.kingkongburger.bg/контакти" title="Контакти">Контакти</a>
								</li>
								<li style="padding: 10px;" class="menu-item ">
									<a href="https://www.kingkongburger.bg/страница/Общи-условия" title="Общи условия">Общи
										условия</a>
								</li>
									
    </ul>
</div>
									</td>
									<td>
									<a href="/"
							class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none dropdown-toggle"
							id="dropdownNavLink" aria-expanded="false">
							<img class="bi me-2" style="width: 100px; z-index:10000"
								src="https://new.kingkongburger.bg/assets/images/new/logo.png" alt="Logo">
							<use xlink:href="#bootstrap"></use></img>
						</a>
									</td>
									<td>
									<a href="https://www.kingkongburger.bg/login"
							class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none dropdown-toggle"
							id="dropdownNavLink" aria-expanded="false">
							<img class="bi me-2" style=" z-index:10000"
								src="https://new.kingkongburger.bg/assets/images/new/mobileprofile.svg" alt="Profile">
							<use xlink:href="#bootstrap"></use></img>
						</a>
									</td>
							</tr>
						</table>

						<ul id="logo-drop-down" class="dropdown-menu text-small shadow show mobile-footer"
							aria-labelledby="dropdownNavLink" style="">
							
							<li><a class="dropdown-item" href="#" id="menuToggleMobile" aria-current="page">Меню</a></li>
							<li style="display: none;"><a class="dropdown-item " href="/категория/обедно">Обедно</a></li>
							<li><a class="dropdown-item " href="/категория/промоции">Промо</a></li>
							<li><a href="https://www.kingkongburger.bg/поръчка">
										<div style="margin-right: 0px !important;letter-spacing: 0px; padding-right: 10px;"
											class="vincent_shopping_cart cart-wrapper">
																						<div class="vincent_total_price1">
											<img class="bi" style="vertical-align: top; width: 25px; margin: 0px; z-index:10000"
								src="https://new.kingkongburger.bg/assets/images/new/mobcart.svg" alt="Mobile cart">
											</div>

											<div class="vincent_cart_item_counter">
												0											</div>
										</div>
									</a></li>
							
							
							<li></li>
						</ul>
						<div id="swiperMenuMobile" class="swiper-container ">
							<div class="swiper-button-prev"></div>
							<div class="swiper-wrapper">
										
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/сандвичи" title="Сандвичи">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches.png">
					<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/Бургери" title="Бургери">
																<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers.png">
												<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/крънч" title="Крънч">
															<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch.png">
											<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/тортили" title="Тортили">
														<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas.png">
										<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/салати" title="Салати">
													<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads.png">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads-hover.png">
							</a>
			
		</div>
		
	
						<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/категория/солени_палачинки" title="Солени палачинки">
															<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan.png">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan-hover.png">
						</a>
				</div>

									<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/категория/сладки_палачинки" title="Сладки палачинки">
														<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan.png">
								<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan-hover.png">
						</a>
				</div>

					
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/напитки" title="Напитки">
												<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks.png">
								<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks-hover.png">
							</a>
			
		</div>
		
	
							</div>
							<div class="swiper-button-next"></div>
							<!-- Swiper Pagination -->
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				
				
				<div class="col col-1 vincent_header_right ">
					<div class="vincent_inner vincent_inner_login">
						<a href="https://www.kingkongburger.bg/login">
							<div class="vincent_login cart-wrapper" style="text-align:center;">
								<img src="https://new.kingkongburger.bg/assets/images/new/login.svg" alt="Login" />
								<div class="vincent_total_price1">
								Вход	
								
								</div>
							</div>
						</a>

					</div>
										</div>
										<div class="col col-1 vincent_header_right ">
					<div class="vincent_inner">

						<a href="https://www.kingkongburger.bg/поръчка">
							<div class="vincent_shopping_cart cart-wrapper">
								

								<!-- <div class="vincent_total_items">
								0 продукта							</div> -->
								<div class="vincent_cart_item_counter">
									0								</div>
								<img src="https://new.kingkongburger.bg/assets/images/new/basket.png" alt="Basket" />
								<div class="vincent_total_price">
									0 <span>лв.</span>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</header>
		<div class="breadcrumbs">
	<script>$('#swiperMenu').addClass('active');
</script>
	<style>
		#menuToggle {
			pointer-events: none;
		}
	</style>
	<a class="breadcrumb-item" href="https://www.kingkongburger.bg/">Начало</a>
	<span>/</span>
	<span class="breadcrumb-current">Стела Артоа кен 500 мл</span>
</div>
<form action="#" method="post" id="order" >
	
	<div class="container">
		<div class="row gutters vincent_content">

			<div class="col col-3 scrollable scrollable-3">
				<!-- <div id="swiperMenuCateogry" class="swiper-container-category">
					<div class="swiper-button-prev"></div>
					<div class="swiper-wrapper">
								
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/сандвичи" title="Сандвичи">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches.png">
					<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/Бургери" title="Бургери">
																<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers.png">
												<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/крънч" title="Крънч">
															<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch.png">
											<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/тортили" title="Тортили">
														<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas.png">
										<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas-hover.png">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/салати" title="Салати">
													<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads.png">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads-hover.png">
							</a>
			
		</div>
		
	
						<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/категория/солени_палачинки" title="Солени палачинки">
															<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan.png">
									<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan-hover.png">
						</a>
				</div>

									<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/категория/сладки_палачинки" title="Сладки палачинки">
														<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan.png">
								<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan-hover.png">
						</a>
				</div>

					
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/категория/напитки" title="Напитки">
												<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks.png">
								<img class="bi me-2" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks-hover.png">
							</a>
			
		</div>
		
						</div>
					<div class="swiper-button-next"></div>
					<div class="swiper-pagination"></div>
				</div> -->


			</div>
			<div class="col col-9 scrollable-9 ">
				<div class="row vincent_product_wrapper scrollable">
					<div class="col-sm-6 col-md-6  col col-xl-5 single-product-img">
						<div class="vincent_single_product_gall">
							<a class="scaling-image" href="#" class="swipebox">

								<div class="vincent_single_product_img  anim-delay frame" id="view0">
									<img src="https://www.kingkongburger.bg/assets/images/products/stela-artoa.jpg"
										alt="Стела Артоа кен 500 мл" style="float: none; margin: 0 auto; text-align: center; width: 300px; height: auto; aspect-ratio: 1 / 1;
	object-fit: cover;">
								</div>
							</a>
							<!--  -->
						</div>
					</div>
					<div class="col col-xl-7 col-md-6 col-sm-6">
						<div class="vincent_single_product_cont">
							<h1 class="vincent_single_product_title   anim-delay">Стела Артоа кен 500 мл</h1>
														<div class="vincent_single_product_price  anim-delay">
								<span class="product-price">
									4.80								</span>
								<span> лв.</span>
								<input type="hidden" name="price" data-initial="4.80" value="4.80">
							</div>
							<div class=" anim-delay">
														</div>
							<!--https://www.takeaway.com/bg/king-kong-burgerburgeri-king-kong-->
							<div class="vincent_single_product_number anim-delay">
								

										<div class="cart-product-qty d-flex align-items-center">
											<a class="cart-product-minus" href="javascript://">
												<img src="https://www.kingkongburger.bg/assets/images/minus.svg" alt="minus">
											</a>
											<input class="vincent_form_input_size vincent_quantity" type="text" name="qty"
												maxlength="2" value="1" id="qty" />
											<!-- <input id="qty-
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: v</p>
<p>Filename: products/index.php</p>
<p>Line Number: 308</p>


	<p>Backtrace:</p>
	
		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/views/products/index.php<br />
			Line: 308<br />
			Function: _error_handler			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 355<br />
			Function: include			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 294<br />
			Function: _ci_load			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 754<br />
			Function: view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 715<br />
			Function: _load_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 251<br />
			Function: _find_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/controllers/Product.php<br />
			Line: 128<br />
			Function: build			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
</div>" type="text" value="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: v</p>
<p>Filename: products/index.php</p>
<p>Line Number: 308</p>


	<p>Backtrace:</p>
	
		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/views/products/index.php<br />
			Line: 308<br />
			Function: _error_handler			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 355<br />
			Function: include			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 294<br />
			Function: _ci_load			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 754<br />
			Function: view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 715<br />
			Function: _load_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 251<br />
			Function: _find_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/controllers/Product.php<br />
			Line: 128<br />
			Function: build			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
</div>"
														name="qty[]" class="vincent_quantity" readonly maxlength="2"
														onchange="validateQty(
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: v</p>
<p>Filename: products/index.php</p>
<p>Line Number: 310</p>


	<p>Backtrace:</p>
	
		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/views/products/index.php<br />
			Line: 310<br />
			Function: _error_handler			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 355<br />
			Function: include			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 294<br />
			Function: _ci_load			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 754<br />
			Function: view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 715<br />
			Function: _load_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 251<br />
			Function: _find_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/controllers/Product.php<br />
			Line: 128<br />
			Function: build			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
</div>, this.value, 
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: v</p>
<p>Filename: products/index.php</p>
<p>Line Number: 310</p>


	<p>Backtrace:</p>
	
		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/views/products/index.php<br />
			Line: 310<br />
			Function: _error_handler			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 355<br />
			Function: include			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/third_party/MX/Loader.php<br />
			Line: 294<br />
			Function: _ci_load			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 754<br />
			Function: view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 715<br />
			Function: _load_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/libraries/Template.php<br />
			Line: 251<br />
			Function: _find_view			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/application/controllers/Product.php<br />
			Line: 128<br />
			Function: build			</p>

		
			<p style="margin-left:10px">
			File: /home/mgmsozop/new.kingkongburger.bg/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
</div>)" /> -->
											<a class="cart-product-plus" href="javascript://">
												<img src="https://www.kingkongburger.bg/assets/images/plus.svg" alt="plus">
											</a>
										</div>


																	<!--<a href="https://www.takeaway.com/bg/menu/king-kong-burgerking-kong-burger" target="_blank" class="vincent_button vincent_button_background">Поръчай</a>-->
																	

											<!-- <a class="vincent_button close_modal" href="#" style="float:left">Отказ</a> -->
											<a href="#" id="book"
												class="vincent_button vincent_button_background close_modal ">Добави</a>

																		
							</div>
							<input type="hidden" name="id" value="77">
							<input type="hidden" name="gid" value="77">
							<input type="hidden" name="productname" value="Стела Артоа кен 500 мл">
															<input type="hidden" value="53_g104" name="size">
													</div>
					</div>
								</div>

		</div>
	</div>
	</div>
</form>
<script>

	$(document).on("click", '.cart-product-minus', function () {
		const input = $(this).parent().find("input");
		let inputVal = parseInt(input.val(), 10) || 0;

		if (inputVal > 0) {
			inputVal -= 1;
		}

		input.val(inputVal);

		input.trigger("change");
	})

	function calculateTotal() {
		let quantity = parseInt($(".vincent_quantity").val()) || 1;
		let base_price = parseFloat($("input[data-initial]").data("initial"));

		let addonsPrice = 0;

		$(".addon:checked").each(function () {
			addonsPrice += parseFloat($(this).data('price'));
		})

		let saucePrice = 0;
		$('.sauce:checked').each(function (index) {
			if ((index + 1) % 4 === 0) {
				saucePrice += parseFloat($(this).data('price'));
				const additionalHTML = '<span style="background-color: #86C60A; padding: 4px; border-radius: 16px;">+ 0.59 лв.</span>';

				// Get the previous span
				const prevSpan = $(this).prev('span');

				// Check if the span already contains the HTML, if not, append it
				if (!prevSpan.html().includes(additionalHTML)) {
					prevSpan.html(prevSpan.html() + additionalHTML);
				}

			}
			if ((index + 1) % 5 === 0) {
				saucePrice += parseFloat($(this).data('price'));
				const additionalHTML = '<span style="background-color: #86C60A; padding: 4px; border-radius: 16px;">+ 0.59 лв.</span>';

				// Get the previous span
				const prevSpan = $(this).prev('span');

				// Check if the span already contains the HTML, if not, append it
				if (!prevSpan.html().includes(additionalHTML)) {
					prevSpan.html(prevSpan.html() + additionalHTML);
				}

			}

			if ((index + 1) % 6 === 0) {
				saucePrice += parseFloat($(this).data('price'));
				const additionalHTML = '<span style="background-color: #86C60A; padding: 4px; border-radius: 16px;">+ 0.59 лв.</span>';

				// Get the previous span
				const prevSpan = $(this).prev('span');

				// Check if the span already contains the HTML, if not, append it
				if (!prevSpan.html().includes(additionalHTML)) {
					prevSpan.html(prevSpan.html() + additionalHTML);
				}

			}
			if ((index + 1) % 7 === 0) {
				saucePrice += parseFloat($(this).data('price'));
				const additionalHTML = '<span style="background-color: #86C60A; padding: 4px; border-radius: 16px;">+ 0.59 лв.</span>';

				// Get the previous span
				const prevSpan = $(this).prev('span');

				// Check if the span already contains the HTML, if not, append it
				if (!prevSpan.html().includes(additionalHTML)) {
					prevSpan.html(prevSpan.html() + additionalHTML);
				}

			}
		});

		let totalPrice = (base_price + addonsPrice + saucePrice) * quantity;

		$(".product-price").text(totalPrice.toFixed(2));
	}

	$(".vincent_quantity").on("change", function () {
		calculateTotal();
	})

	$(".addon, .sauce").on("change", function () {
		calculateTotal();
	})

	calculateTotal();

	$(document).on("click", '.cart-product-plus', function () {
		const input = $(this).parent().find("input");
		let inputVal = parseInt(input.val(), 10) || 0;

		inputVal += 1;
		input.val(inputVal);

		input.trigger("change");
	})
	/*function validateQty() {
		if (isNaN($("#qty").val()) || !$("#qty").val() || $("#qty").val() == '0') {
			$("#qty").val("1");
		}
	}*/
	$("#modifications").click(function () {
		$("#editModifications").css("display", "block");
	});
	$(window).click(function (e) {
		if (e.target == $("#editModifications")[0]) {
			$("#editModifications").fadeOut();
		}
	});
	$(".close_modal").click(function () {
		$("#editModifications").fadeOut();
	});
	var status;
	var len = 0;
	$('#qty').on('change focusout', function () {
		if (isNaN($("#qty").val()) || !$("#qty").val() || $("#qty").val() == '0') {
			$("#qty").val("1");
		}
		var qty = $(this).val();
		var price = $('#price').val();
		var total = price * qty;
		$.ajax({
			type: "post",
			url: "https://www.kingkongburger.bg/product/hasqty/" + 77,
			dataType: "json",
			success: function (data) {
				if (data['qty'] < qty) {
				}
			}
		});
		$('#total').val(total);
		$('#totalprice').html(total);
	});
	$('#book').on('click', function (e) {
		e.preventDefault();
		var qty = $('#qty').val();
			var prodTitle = this.getAttribute('data-title');
			var prodPrice = this.getAttribute('data-price');
			console.log(prodTitle);
			if(prodTitle == null){
			    prodTitle = $(".vincent_single_product_title").text();
			}
		
		$.ajax({
			type: "post",
			url: "https://www.kingkongburger.bg/product/hasqty/" + 77,
			data: "size=" + $('input[name=size]').val(),
			dataType: "json",
			success: function (data) {
				if (data['qty'] < qty) {
					var status = 0;
				} else {
					var status = 1;
					$.ajax({
						type: "post",
						url: "https://www.kingkongburger.bg/order/addcart",
						data: $('#order').serialize(),
						dataType: "json",
						success: function (data) {
							var lang_fix = ' продукта';
							if (data.num == 1) {
								lang_fix = ' продукт';
							}
								$("form").before(`<div class="added-success alert alert-success" role="alert">
					   
					 <p> Успешно добавихте ${prodTitle} във Вашата количка.</p>
					</div>`);

					setTimeout(function() {
    $(".added-success").fadeOut(500, function() {
        $(this).remove(); // Remove the element after fading out
    });
}, 3000);
							$('.vincent_total_items').html(data.num + lang_fix);
							$('.vincent_total_price').html(data.total_sum + ' лв.');
							$('.vincent_cart_item_counter').html(data.quantity);
							var cart = $('.cart-wrapper');
							if ($(window).width() > 768) {
							var imgtodrag = $('#view0').find("img").eq(0);
							if (imgtodrag) {
								var imgclone = imgtodrag.clone()
									.offset({
										top: imgtodrag.offset().top + 150,
										left: imgtodrag.offset().left + 600
									})
									.css({
										'opacity': '0.5',
										'position': 'absolute',
										'height': '150px',
										'width': '150px',
										'z-index': '100'
									})
									.appendTo($('body'))
									.animate({
										'top': 0, // Move to the top of the page
										'right': 0, // Move to the right of the page
										'width': 75,
										'height': 75
									}, 1000, 'easeInOutExpo');

								setTimeout(function () {
									imgclone.animate({
										'width': 0,
										'height': 0
									}, function () {
										$(this).detach();
									});
								}, 1000); // Remove the clone once the animation is done
							}
							}
							$('html, body').animate({
								scrollTop: 10
							}, 1500);
						},
						error: function (err) {
							console.log(err);
						}
					});
				}
			},
			error: function (err) {
				console.log(err);
			}
		});
	});
</script>		<div>

			<!-- <div class="container-fluid" id="footer">
		<div class="container">
			<footer>
				<div class="row">
					<div class="col-6 col-md-4 mb-3">
						<h5 style="font-family: Montserrat;
font-size: 36px;
font-weight: 500;
line-height: 43.88px;
text-align: left;
text-underline-position: from-font;
color: #fff;
text-decoration-skip-ink: none;">0878 76 56 46</h5>

					</div>

					<div class="col-6 col-md-4 mb-3" style="border-left: 1px solid white;">

						<ul class="nav flex-column">
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Алергии</a>
							</li>
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Доставка</a>
							</li>
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Общи
									условия</a></li>
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Европейски
									програми</a></li>
						</ul>
					</div>

					<div class="col-6 col-md-4 mb-3" style="border-left: 1px solid white;">

						<ul class="nav flex-column">
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Facebook</a>
							</li>
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Instagram</a>
							</li>
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Tik Tok</a>
							</li>
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Карта на
									сайта</a></li>
							<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">2024 ©
									kingkongburger.bg</a></li>
						</ul>
					</div>


				</div>

				<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4">
					<p><img src="https://new.kingkongburger.bg/assets/images/new/rights.png"/></p>

				</div>
			</footer>
		</div>
	</div> -->

			<div id="popup" style="display:none; 
	
	margin-top: 34%;
	width: auto;
	min-height: 0px;
	max-height: none;
	height: auto;
	color: #fff;" title="Popup Title">


				<p style="font-family: Montserrat;
font-size: 32px;
font-weight: 600;
line-height: 28px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
">Моля, изберете локация</p>
				<p class="justify-content-around"><button value="sofia" class="btnd"><img style="margin-right: 10px;"
							src="https://new.kingkongburger.bg/assets/images/new/loc-icon.png">гр. София</button>
					<button value="burgas" class="btnd"><img style="margin-right: 10px;"
							src="https://new.kingkongburger.bg/assets/images/new/loc-icon.png">гр. Бургас</button>
				</p>

			</div>

			<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
				integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
				crossorigin="anonymous"></script>

			<!-- Scripts
================================================== -->
			<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

			<script src="https://www.kingkongburger.bg/assets/js/kube.js"></script>
			<script src="https://www.kingkongburger.bg/assets/js/owl.carousel.min.js"></script>
			<script src="https://www.kingkongburger.bg/assets/js/jquery.data-parallax.min.js"></script>
			<script src="https://www.kingkongburger.bg/assets/js/jquery.swipebox.js"></script>
			<script src="https://www.kingkongburger.bg/assets/js/index.js"></script>
			<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
			<script>
				$(document).ready(function () {
					var promoactive = 0					// Initialize the dialog
					const currentUrl = window.location.origin;
					$('.btnd').on('click', function () {
						var value = $(this).val(); // Get the value from your input field
						if (value == "burgas") {
							$.ajax({
								type: "POST",
								url: currentUrl + "/page/store_restaurant",
								headers: {
									'Access-Control-Allow-Origin': '*'
								},
								data: {
									value: value
								},
								dataType: "json",
								success: function (response) {
									if (response.success) {
										// Handle success, maybe show a message
										console.log(response);
										$('input#city').val(value);
										location.reload();
									} else {
										// Handle failure if needed
										alert('Failed to store value in session.');
									}
								},
								error: function (xhr, status, error) {
									// Handle error

									console.error(xhr.responseText);
								}

							});
						}
						else {
							window.location.href = "https://www.takeaway.com/bg/menu/king-kong-burgerking-kong-burger";
						}
					});

					$("#popup").dialog({
						autoOpen: false, // Don't open the dialog when initialized
						modal: true, // Make it a modal dialog
						/*buttons: {
							"Close": function () {
								$(this).dialog("close");
							}
						}*/
						close: function () {
							$("#full-height1").removeClass('blured');
						}
					});

					$("#search1").dialog({
						autoOpen: false, // Don't open the dialog when initialized
						modal: true, // Make it a modal dialog
						buttons: {
							"Close": function () {
								$(this).dialog("close");
							}
						}
					});

					$("#promo").dialog({
						autoOpen: false, // Don't open the dialog when initialized
						modal: true, // Make it a modal dialog
						dialogClass: "promo",
						open: function () {
							$.cookie('promo', 1, { path: '/', expires: 1 });
						},
						buttons: {
							"Close": function () {
								$(this).dialog("close");
							}
						}
					});
					if ($('input#city').val() == '') {
						//$("#full-height1").addClass('blured');
						//$("#popup").dialog("open");
					}

					// Open the dialog when the button is clicked
					$("#open-popup").click(function () {
						//$("#full-height1").addClass('blured');
						//$("#popup").dialog("open");
					});

					$("#open-search").click(function () {
						$("#search1").dialog("open");
						$('#search1').dialog('widget').attr('id', 'searchdialog');
					});

									});
			</script>
			
			<script>
				const swiper = new Swiper('.swiper-container', {
    direction: 'vertical',
    loop: false,
    scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
    },
    mousewheel: true,
    slidesPerView: 3,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev'
    },
    
    on: {
        init: function(){
            this.slides.forEach(slide => {
                slide.classList.add("animate-slide");
            });
        }
    }
});

				// Toggle Swiper Menu Visibility
				const menuToggle = document.getElementById('menuToggle');
				const swiperMenu = document.getElementById('swiperMenu');
				const swiperMenuMobile = document.getElementById('swiperMenuMobile'); 
				const heroToggle = document.getElementById('heroToggle');

				const menuToggleMobile = document.getElementById('menuToggleMobile');
				
				menuToggle.addEventListener('click', function (e) {
					e.preventDefault();
					swiperMenu.classList.toggle('active');
					swiperMenu.querySelectorAll(".swiper-slide").forEach((slide) => {
					    slide.classList.add("animate-slide");
					})
			
				});
                
				menuToggleMobile.addEventListener('click', function (e) {
					e.preventDefault();
					swiperMenuMobile.classList.toggle('active');
					
					swiperMenuMobile.querySelectorAll(".swiper-slide").forEach((slide) => {
					    slide.classList.add("animate-slide");
					})
				
				});

				$(".dropdown-item").on("click", function () {
					if ($(this).hasClass("active")) {
						$(this).removeClass("active");
					} else {
						$(".dropdown-item").removeClass("active");
						$(this).addClass("active");
					}
				})
                if(heroToggle){
                    heroToggle.addEventListener('click', function (e) {
					e.preventDefault();
					swiperMenu.classList.toggle('active');
						swiperMenuMobile.classList.toggle('active');
					
					swiperMenuMobile.querySelectorAll(".swiper-slide").forEach((slide) => {
					    slide.classList.add("animate-slide");
					})
						
				});

                }

			
					const swiper1 = new Swiper('.swiper-container-category', {
    direction: 'vertical',
    loop: false,
    scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
    },
    mousewheel: true,
    slidesPerView: 3,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev'
    },
    on: {
        slideChangeTransitionStart: function () {
            $(".swiper-slide").removeClass("animate-slide");
            $(".swiper-slide-active").addClass("animate-slide");
        }
    }
});

			</script>

</body>


<script>
  

jQuery(document).ready(function($){
    

    gsap.registerPlugin(ScrollTrigger);
    const cards = document.querySelectorAll(".anim-item");
    let triggers = [];
    
    function createNewBatch() {
      const visibleCards = document.querySelectorAll(".anim-item:not(.hidden)");
    
      if (triggers.length) {
        console.log("triggers");
        triggers.forEach((st) => st.revert());
      }
    
      gsap.set(".anim-item", {
        y: 30,
        opacity: 0
      });
      
    
      // Batch-animation for cards
      triggers = ScrollTrigger.batch(visibleCards, {
        onEnter: (batch) =>
          gsap.to(batch, {
            ease: "power2.out",
            stagger: 0.08,
            duration: 0.5,
            y: 0,
            opacity: 1
          }),
        start: "top 90%",
        end: "bottom 10%",
      });
      
    // ScrollTrigger.batch(".anim-item", {
    //   scroller: ".col.col-9.scrollable",
    //   start: "top 90%",
    //   end: "bottom 10%",
    //   onEnter: (batch) =>
    //     gsap.to(batch, {
    //       opacity: 1,
    //       y: 0,
    //       stagger: 0.2,
    //       ease: "power2.out"
    //     }),
    // });
    }
    
    
    createNewBatch();
    
     gsap.to(".anim-delay", {
        opacity: 1,
        y: 0,
        duration: 0.5,
        ease: "power2.out",
        stagger: 0.08
    });
    
    var textWrapper = document.querySelector('.ml2');
    
    if(textWrapper) {
        
        textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");
    
        anime.timeline({loop: false})
          .add({
            targets: '.ml2 .letter',
            scale: [4,1],
            opacity: [0,1],
            translateZ: 0,
            easing: "easeOutExpo",
            duration: 950,
            delay: (el, i) => 70*i
          })
      
    }
    
    $(".finish_btn").on('click', function(){
         gsap.to(".anim-delay-checkout", {
            opacity: 1,
            y: 0,
            duration: 0.5,
            ease: "power2.out",
            stagger: 0.08
        });
    })


const linkArr = document.querySelectorAll(".dropdown-item-li");

linkArr.forEach((item) => {
  const primary = item.querySelector(".primary");
  const secondary = item.querySelector(".secondary");
  const container = item.querySelector(".heading-container");
  

  if (!primary || !secondary || !container) {
    console.warn("Missing elements in:", item);
    return;
  }

  const tl = gsap.timeline({
    defaults: { duration: 0.5 }
  });

  tl.to([primary, secondary], { 
      yPercent: -100 
  });

  tl.paused(true);

  container.addEventListener("mouseenter", () => tl.play());
  container.addEventListener("mouseleave", () => tl.reverse());
});
})

</script>
<script>
    var animation = lottie.loadAnimation({
        container: document.getElementById('lottie-loader'), // The container div
        renderer: 'svg', // Can be 'canvas' or 'html'
        loop: true, // Keep looping
        autoplay: true, // Auto play on load
        path: 'https://www.kingkongburger.bg/assets/loader.json' // Load your Lottie JSON
    });

    // Hide loader when page is fully loaded
    window.onload = function () {
       setTimeout(function(){        document.getElementById('loading-container').style.display = 'none';
},700);
    };
</script>
<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/680da98c929e4047a9f1b341fde870a6.js"></script>
</html>