

<!-- 
//................................................................................................................
//.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 name="robots" content="index, follow">
  <title>Завърши поръчка | King Kong Burger</title>
      <meta name="Author" content="Update.BG">

  <!-- Resource hints -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="dns-prefetch" href="//unpkg.com">
  <link rel="preconnect" href="https://unpkg.com" crossorigin>
  <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
  <link rel="dns-prefetch" href="//cdn.cookie-script.com">
  <link rel="preconnect" href="https://cdn.cookie-script.com" crossorigin>

  <!-- CSS: make non-critical styles non-blocking -->
  <!-- If you get FOUC, keep Bootstrap as a normal <link rel="stylesheet"> and only swap style1.min.css -->
  <link rel="stylesheet" href="https://www.kingkongburger.bg/assets/css/bootstrap.min.css?v=1">

<link rel="stylesheet" href="https://www.kingkongburger.bg/assets/css/style1.min.css?v=1">
  <!-- Optional CSS (load later via JS; see small loader below) -->
  <!-- jQuery UI / Owl / Swipebox / Swiper will be injected conditionally -->


  <!-- Google Font (swap) -->
  <link rel="preload" as="style"
        href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap"
        onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap"></noscript>

  <!-- Icons / PWA -->
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
  <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">

  <!-- LCP image preload: use the real files (AVIF preferred if you have it) -->
  <link rel="preload" as="image"
        href="/assets/slides/sda3.webp"
        imagesrcset="/assets/slides/sda3.webp 380w, /assets/slides/sda3.webp 760w"
        imagesizes="(max-width:768px) 90vw, 380px">

  <!-- Tiny globals -->
  <script>
    window.base_url = "https://www.kingkongburger.bg/";
    window.plugin_path = "https://www.kingkongburger.bg/assets/plugins/";
    window.noresult = "Няма резултати";
  </script>

  <!-- JSON-LD -->
  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"Organization","name":"King Kong Burger","alternateName":"Кинг Конг Бургер","url":"https://www.kingkongburger.bg/","logo":"https://new.kingkongburger.bg/assets/images/new/logo.png"}
  </script>

		<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1270799377424390');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1270799377424390&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->		<!-- 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>#loading-container{position:fixed;inset:0;background:rgba(255,255,255,.9);z-index:9999;display:flex;justify-content:center;align-items:center}</style>
</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" width="56" height="56" 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" width="56" height="56" 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" width="56" height="56" alt="TikTok"></a>
							<span class="updatebg">
					<a  href="https://www.update.bg/услуги/изработка-на-уеб-сайт" style="font-size: 11px !important; "
						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><a  style="font-size: 11px !important; margin-left:10px;" href="https://www.kingkongburger.bg/page/eurofunds"> <img class="bi me-2"
							src="https://new.kingkongburger.bg/assets/img/logo/eufunds.png" style="width: 160px !important;"  alt="EU Funds"></a>
				</span>
					<!-- <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="/category/обедно">
							        <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="/category/промоции">
							            <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/category/sandwiches" title="Сандвичи">
									<img class="bi me-2" alt="Сандвичи" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches.webp">
					<img class="bi me-2" alt="Сандвичи" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/meatplatters" title="Meat Platters">
										<img class="bi me-2" alt="Meat Platters" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/meat.webp">
						<img class="bi me-2" alt="Meat Platters"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/meat-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/burgers" title="Бургери">
																<img class="bi me-2" alt="Бургери" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers.webp">
												<img class="bi me-2" alt="Бургери" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/crunch" title="Крънч">
															<img class="bi me-2" alt="Крънч" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch.webp">
											<img class="bi me-2" alt="Крънч" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/tortilas" title="Тортили">
														<img class="bi me-2" alt="Тортили" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas.webp">
										<img class="bi me-2" alt="Тортили" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/salads" title="Салати">
													<img class="bi me-2" alt="Салати" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads.webp">
									<img class="bi me-2" alt="Салати" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads-hover.webp">
							</a>
			
		</div>
		
	
						<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/category/saltpancakes" title="Солени палачинки">
															<img class="bi me-2" alt="Солени палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan.webp">
									<img class="bi me-2" alt="Солени палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan-hover.webp">
						</a>
				</div>

									<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/category/sweetpancakes" title="Сладки палачинки">
														<img class="bi me-2" alt="Сладки палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan.webp">
								<img class="bi me-2" alt="Сладки палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan-hover.webp">
						</a>
				</div>

					
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/drinks" title="Напитки">
												<img class="bi me-2" alt="Напитки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks.webp">
								<img class="bi me-2" alt="Напитки" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks-hover.webp">
							</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/page/Доставка">
									        <p class="primary">Доставка</p>
									        <p class="secondary">Доставка</p>
									    </a>
								    </div>
								</li>
								<!-- <li class="menu-item ">
								<a title="За нас" href="https://www.kingkongburger.bg/page/За-нас">За нас</a>
							</li> -->
								<!-- <li class="menu-item ">
								<a href="https://www.kingkongburger.bg/contacts" title="contacts">Кариери</a>
							</li> -->
								<li class="menu-item dropdown-item-li ">
								    <div class="heading-container mt-0">
									    <a href="https://www.kingkongburger.bg/contacts" title="contacts">
									        <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/page/Общи-условия" 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/page/политика-за-поверителност" 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/page/Доставка">Доставка</a>
								</li>
								<!-- <li class="menu-item ">
								<a title="За нас" href="https://www.kingkongburger.bg/page/За-нас">За нас</a>
							</li> -->
								<!-- <li class="menu-item ">
								<a href="https://www.kingkongburger.bg/contacts" title="Контакти">Кариери</a>
							</li> -->
								<li style="padding: 10px;" class="menu-item ">
									<a href="https://www.kingkongburger.bg/contacts" title="contacts">Контакти</a>
								</li>
								<li style="padding: 10px;" class="menu-item ">
									<a href="https://www.kingkongburger.bg/page/Общи-условия" 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="/category/обедно">Обедно</a></li>
							<li><a class="dropdown-item " href="/category/промоции">Промо</a></li>
							<li><a href="https://www.kingkongburger.bg/checkout">
										<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/category/sandwiches" title="Сандвичи">
									<img class="bi me-2" alt="Сандвичи" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches.webp">
					<img class="bi me-2" alt="Сандвичи" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sandwiches-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/meatplatters" title="Meat Platters">
										<img class="bi me-2" alt="Meat Platters" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/meat.webp">
						<img class="bi me-2" alt="Meat Platters"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/meat-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/burgers" title="Бургери">
																<img class="bi me-2" alt="Бургери" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers.webp">
												<img class="bi me-2" alt="Бургери" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/burgers-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/crunch" title="Крънч">
															<img class="bi me-2" alt="Крънч" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch.webp">
											<img class="bi me-2" alt="Крънч" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/crunch-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/tortilas" title="Тортили">
														<img class="bi me-2" alt="Тортили" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas.webp">
										<img class="bi me-2" alt="Тортили" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/tortilas-hover.webp">
							</a>
			
		</div>
		
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/salads" title="Салати">
													<img class="bi me-2" alt="Салати" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads.webp">
									<img class="bi me-2" alt="Салати" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/salads-hover.webp">
							</a>
			
		</div>
		
	
						<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/category/saltpancakes" title="Солени палачинки">
															<img class="bi me-2" alt="Солени палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan.webp">
									<img class="bi me-2" alt="Солени палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/pan-hover.webp">
						</a>
				</div>

									<div class="swiper-slide menu-item  ">
					<a href="https://www.kingkongburger.bg/category/sweetpancakes" title="Сладки палачинки">
														<img class="bi me-2" alt="Сладки палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan.webp">
								<img class="bi me-2" alt="Сладки палачинки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/sweetpan-hover.webp">
						</a>
				</div>

					
					<div class="swiper-slide menu-item  ">
		
			<a href="https://www.kingkongburger.bg/category/drinks" title="Напитки">
												<img class="bi me-2" alt="Напитки"  style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks.webp">
								<img class="bi me-2" alt="Напитки" style="height: 100%" src="https://new.kingkongburger.bg/assets/images/new/drinks-hover.webp">
							</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/checkout">
							<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">
									<span>€</span>0 
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</header>
		<div class="loading">
	<div class="preloader"></div>
</div>
<div class="breadcrumbs">

	<a class="breadcrumb-item" href="https://www.kingkongburger.bg/">Начало</a>
	<span>/</span>
	<span class="breadcrumb-current">Поръчка</span>
</div>

<form id="ordersave">
	<div class="vincent_container container vincent_typography">
		<div class="row gutters">

			<!--<div class="col col-12 minimumAlertYes" style="text-align: center;">-->
			<!--	<h4 style="color: #fbc551 !important;">Минимална сума за поръчка 20 лв. Моля, добавете още продукти.-->
			<!--	</h4>-->
			<!--</div>-->

			<div class="alert alert-warning minimum-alert minimumAlertYes" role="alert">
				<p style="color: #fff !important;">Минимална сума за поръчка 10 € Моля, добавете още продукти.
				</p>
				<a class="close-alert-popup"  href="javascript://"><img style="filter: brightness(0) invert(1);"
						src="https://www.kingkongburger.bg/assets/images/close-alert.png" alt="close"></a>
			</div>

			<div class="col col-12 vincent_content">
				<!-- NEW START -->
				<div class="row cart-products-row justify-content-around">
					<div class="col col-xl-6 col-md-12 col-sm-12 cart-products-col step1 anim-delay">
						<h3 class="heading-el text-center drinks-heading">
							<img src="https://www.kingkongburger.bg/assets/images/heading-el.png" alt="image">
							Добави <span>напитка по избор<span>
						</h3>
						<div class="scrollable anim-delay" style="height: calc(100svh - 311px);">
																<div class="vincent_menu1_block_item products_marg anim-delay">
										<div class="row vincent_product_wrapper"
											style="margin: 0px;padding-left: 0px; background: unset;border: 0px;">
											<div class="col col-6">
												<img class="cart-product-img"
													src="https://www.kingkongburger.bg/assets/images/products/coca-cola-original-taste-500-ml-image_6584c3c962f3e_1280x1280.png"
													alt="Кока кола 500мл">
											</div>
											<div class="col col-6"><a href="#" data-product_id="59"
													data-price="1.90"
													data-title="Кока кола 500мл" class="book1">

													<h5 class="vincent_prod_list_title" style="height: auto !important;">
														Кока кола 500мл													</h5>
													
													<!--<div class="vincent_prod_list_text"></div>-->
													<!-- <div class="vincent_prod_list_price">1.90<span> лв.</span></div> -->
												</a>
													                                                         	
                                                         	<p style="text-align: center;">Ресторанта е затворен!</p>
                                                         																									</div>


										</div>
									</div>
									<hr>
																	<div class="vincent_menu1_block_item products_marg anim-delay">
										<div class="row vincent_product_wrapper"
											style="margin: 0px;padding-left: 0px; background: unset;border: 0px;">
											<div class="col col-6">
												<img class="cart-product-img"
													src="https://www.kingkongburger.bg/assets/images/products/bankq.png"
													alt="Минерала вода Банкя 500мл">
											</div>
											<div class="col col-6"><a href="#" data-product_id="61"
													data-price="1.30"
													data-title="Минерала вода Банкя 500мл" class="book1">

													<h5 class="vincent_prod_list_title" style="height: auto !important;">
														Минерала вода Банкя 500мл													</h5>
													
													<!--<div class="vincent_prod_list_text"></div>-->
													<!-- <div class="vincent_prod_list_price">1.30<span> лв.</span></div> -->
												</a>
													                                                         	
                                                         	<p style="text-align: center;">Ресторанта е затворен!</p>
                                                         																									</div>


										</div>
									</div>
									<hr>
														</div>
					</div>
					<div class="col col-xl-5 col-md-12 col-sm-12 cart-summary step1 anim-delay">
						<h3 class="heading-el text-center anim-delay">
							<img src="https://www.kingkongburger.bg/assets/images/heading-el.png" alt="image">
							Обща <span>сума в кошницата<span>
						</h3>
						<div class="cart-products-price-wrapper totals_center d-flex align-items-center justify-content-between anim-delay"
							style="margin-bottom: 20px;">
							<span class="cart-products-price-title">Обща сума на избраните продукти</span>
							<div class="cart-products-price-wrapper">
								<span class="js-oprice-eur">&nbsp;&nbsp;0.00</span>
<span>€</span> <!--(<span class="js-oprice-bgn">0.00</span> лв.)-->
							</div>
						</div>
						<div class="cart-products-price-wrapper totals_center d-flex align-items-center justify-content-between anim-delay"
							style="margin-bottom: 25px;">
							<span class="cart-products-price-title">Доставка</span>
							<div class="cart-products-price">
								+ <span class="js-dprice-eur">0.00</span> € <!--(<span class="js-dprice-bgn">0.00</span> лв.)-->
							</div>
						</div>
						<hr>
						<input type="hidden" name="cprice" value="0.00" id="csum" />
						<input type="hidden" name="cdiscount" value="0.00" id="cdsc" />
						<div class="cart-products-price-wrapper d-flex align-items-center justify-content-end anim-delay"
							style="gap: 20px; margin-bottom: 50px;">
							<span class="cart-products-price-title" style="font-size: 20px;">Обща сума</span>
							<div class="cart-products-price">
								<span class="js-fprice-eur">&nbsp;&nbsp;0.00</span>
€ <!--(<span class="js-fprice-bgn">0.00</span> лв.)-->
							</div>
						</div>
						
						   	                                                         	                                                         	
                                                         	<p style="text-align: center;">Ресторанта е затворен!</p>
                                                         															
																			
					</div>
					<!-- NO PROFILE START -->
					<div class="col col-xl-6 col-md-12 col-sm-12 cart-products-col step2 anim-delay-checkout" style="display: none">
						<h3 class="heading-el text-center anim-delay-checkout">
							<img src="https://www.kingkongburger.bg/assets/images/heading-el.png" alt="image">
							Завърши <span>поръчката<span>
						</h3>
						<div class="scrollable selected-products anim-delay-checkout" style="height: calc(100svh - 311px);">
														<div class="cart-products-price-wrapper totals_center d-flex align-items-center justify-content-between anim-delay-checkout"
								style="margin-bottom: 20px;">
								<span class="cart-products-price-title">Обща сума на избраните продукти</span>
								<div class="cart-products-price-wrapper">
									<span class="js-oprice-eur">&nbsp;&nbsp;0.00</span>
<span>€</span> <!--(<span class="js-oprice-bgn">0.00</span> лв.)-->
								</div>
							</div>
							<div class="cart-products-price-wrapper totals_center d-flex align-items-center justify-content-between anim-delay-checkout"
								style="margin-bottom: 25px;">
								<span class="cart-products-price-title">Доставка</span>
								<div class="cart-products-price">
									+ <span class="js-dprice-eur">0.00</span> € <!--(<span class="js-dprice-bgn">0.00</span> лв.)-->
								</div>
							</div>
							<hr>

							<div class="cart-products-price-wrapper d-flex align-items-center justify-content-end anim-delay-checkout"
								style="gap: 20px; margin-bottom: 50px;">
								<span class="cart-products-price-title" style="font-size: 20px;">Обща сума</span>
								<div class="cart-products-price">
									<span class="js-fprice-eur">&nbsp;&nbsp;0.00</span>
€ <!--(<span class="js-fprice-bgn">0.00</span> лв.)-->
								</div>
							</div>
						</div>
					</div>


					<div class="col col-xl-5 col-md-12 col-sm-12 cart-no-profile step2 anim-delay-checkout" style="display: none">
						<h3 class="heading-el text-center" style="margin-bottom: 25px;">
							<img src="https://www.kingkongburger.bg/assets/images/heading-el.png" alt="image">
							Поръчка <span>без профил<span>
						</h3>
						<!-- <p
							style="font-family:'Montserrat'; font-size:16px; font-weight:500; text-align: center; margin-bottom: 15px;">
							или <a class="cart-no-profile-link" href="javascript://">влез в профила си</a></p> -->
						<!-- <h3 class="cart-no-profile-title">Данни за доставка</h3> -->
						<label class="cart-no-profile-label anim-delay-checkout">
							<input type="text" placeholder="Име и Фамилия" name="name" style="width: 100%"
								class="required delivery_boxes" required />
							<span class="error-msg">Моля, въведете име</span>
						</label>
						<label class="cart-no-profile-label anim-delay-checkout">
							<input type="text" placeholder="Имейл" value="-" name="email"
								style="width: 100%; display: none;" class="required delivery_boxes" required />
						</label>
						<label class="cart-no-profile-label anim-delay-checkout">
							<input type="number" placeholder="Въведи телефонен номер" style="width: 100%" id="client_phone"
								name="phone" class="required delivery_boxes" required />
							<span class="error-msg">Моля, въведете телефон</span>
						</label>


						<label class="cart-no-profile-label custom-select anim-delay-checkout">
							<select name="address" id="address" class="required delivery_boxes" style="width: 100%;"
								required="required">
								<option value=""> Избери квартал в гр. Бургас</option>
								<option value="Славейков">Славейков</option>
								<option value="Изгрев">Изгрев</option>
								<option value="Център">Център</option>
								<option value="Възраждане">Възраждане</option>
								<option value="Братя Миладинови">Братя Миладинови
								</option>
								<option value="Лазур">Лазур</option>
								<option value="Зорница">Зорница</option>
								<option value="Промишлена зона">Промишлена зона</option>
							</select>
							<div style="position: absolute; height: 48px; top:0; right:0; pointer-events: none;">
								<img src="https://www.kingkongburger.bg/assets/images/arrow-down.png" alt="arrow">
							</div>
							<span class="error-msg">Моля, изберете квартал</span>
						</label>
						<label class="cart-no-profile-label anim-delay-checkout">
							<input type="text" placeholder="Адрес" name="address_spec" style="width: 100%"
								class="required delivery_boxes" required />
							<span class="error-msg">Моля, въведете адрес</span>
						</label>
						<label class="cart-no-profile-label anim-delay-checkout">
							<textarea class="minimumAlert cart-product-comment" id="checkout-mess"
								placeholder="Моля, добавете коментар за доставка" name="description"></textarea>
						</label>
						<h3 class="cart-no-profile-title anim-delay-checkout" class="minimumAlert">Начин на плащане</h3>

						<p class="minimumAlert" style="margin: 0;">
						<div class="minimumAlert anim-delay-checkout" style="margin-bottom: 25px;">
							<label class="label_radio cart-payment-label">
								<input type="radio" name="payment" value="card" />
								<span class="custom-radio" style="margin: 0;"></span>
								<p> Плащане с карта</p>
							</label>
							<label class="label_radio cart-payment-label">
								<input type="radio" name="payment" value="cod" checked />
								<span class="custom-radio" style="margin: 0;"></span>
								<p> Наложен платеж</p>
							</label>
						</div>
						</p>
						<label class="cart-label-terms d-flex align-items-center anim-delay-checkout">
							<input type="checkbox" class="required" required>
							<span>Съгласен съм с <a href="/страница/Общи-условия" target="_blank">Общите условия</a> и  <a href="/страница/политика-за-поверителност" target="_blank">Политиката за поверителност</a> на сайта. </span>
							<span class="error-msg">Трябва да се съгласите с общите условия</span>
						</label>
						<input type="hidden" name="city" value="гр. Бургас" class="required" required />
						<div class="vincent_cart_totals button-finalize remove_table minimumAlert anim-delay-checkout"
							style="width: 207px; margin: 0 auto;">
							<a class="vincent_button vincent_button_background finish_btn"
								style="width: 100%; border-radius: 24px; margin: 0;" href="#" id="submitorder">Завърши
								поръчката</a>
								
						</div>
					</div>


								<!-- NO PROFILE END -->
			</div>
			<!-- NEW END -->

			<!-- OLD START-->

			<!-- OLD END -->
		</div>
	</div>
	</div>

	<!-- Единствени стойности за сумите, които се изпращат към order/save -->
	<input type="hidden" name="orderprice"
		value="0.00" id="osum" />
	<input type="hidden" name="delivery"
		value="0.00" id="dsum" />
	<input type="hidden" name="total"
		value="0.00" id="total" />
</form>

<div id="popup1" style="display:none" title="Popup Title">
	<div class="vincent_logo_cont">
		<a href="https://kingkongburger.bg/" class="vincent_image_logo"> </a>

	</div>
	<br>
	<p style='font-family: Open Sans;
font-size: 30px;
font-weight: 400;
line-height: 41px;
letter-spacing: 0em;
text-align: center;
color: #fff;
'>Моля потвърдете своя телефонен номер</p>
	<h3 id="popup_phone"></h3>
	<p><button class="btnphone">ПОТВЪРДИ</button></p>
</div>
<style>
	.btnphone {
		background-color: #FEBD40;
		font-family: Open Sans;
		font-size: 18px;
		font-weight: 600;
		line-height: 25px;
		letter-spacing: 0em;
		text-align: left;
		color: #000;
	}

	.btnphone:hover {
		background-color: #ffcc5e;

	}

	.ui-dialog-buttonpane {
		display: none;
	}

	.ui-widget.ui-widget-content {
		position: fixed;
		height: auto;
		width: 50% !important;
		top: 20%;
		left: 25%;
		background-color: #161A1C;
		text-align: center;
		padding: 40px;
		border: 2px solid #FEBD40;
	}

	.ui-dialog-titlebar {
		background-color: unset;
		border: unset;
	}

	.ui-dialog-title {
		visibility: hidden;
	}

	.ui-button {
		background: unset !important;
		border: 1px solid silver !important;
		border-radius: 50px;
		color: #fff;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		display: none;
		position: absolute;
		right: -0.7em;
		top: -11%;
		width: 40px;
		margin: -10px 0 0 0;
		padding: 1px;
		height: 20px;
		color: white !important;
	}
</style>
<style>
	/* Style the select */
	.custom-select {
		position: relative;
	}

	/* Hide the default arrow */
	.custom-select select {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-color: transparent;
		cursor: pointer;
	}

	/* Style the arrow */
	.custom-select::after {
		content: '\25BC';
		/* Unicode character for down arrow */
		position: absolute;
		top: 50%;
		right: 57px;
		transform: translateY(-50%);
		pointer-events: none;
	}

	/* Hover effect */
	.custom-select:hover select {
		border-color: #888;
	}
</style>
<script>

document.addEventListener('DOMContentLoaded', function () {
	function hasParam(name) {
		// Create a URL object from the current location
		const url = new URL(window.location.href);

		// Check if the parameter exists
		return url.searchParams.has(name);
	}

	if (hasParam('r')) {
	    $('.step1').hide();
	    setTimeout(function(){$('#goToCheckout').click();},500);
	    
	}
	$(document).ready(function () {
		// Initialize the dialog


		const currentUrl = window.location.origin;
		$('.btnphone').on('click', function () {
			$("#popup1").dialog("close");

		});

		$('#goToCheckout').on('click', function () {
			$('.step1').hide();
			$('.step2').show();
		});


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

		});


		var initialValue = ''; // Track the initial value

		$('#client_phone').on('focus', function () {
			// Store the initial value when input is focused
			initialValue = $(this).val();
		});

		// $('#client_phone').on('blur', function () {
		// 	var currentValue = $(this).val();

		// 	// Check if the value has changed
		// 	if (currentValue !== initialValue) {
		// 		var phone = $("#client_phone").val();
		// 		$("#popup_phone").html(phone);
		// 		$("#popup1").dialog("open");
		// 	}
		// });


	});
	
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
	$(".close-alert-popup").on("click", function () {
		$(".minimum-alert").hide();
	})

	const EUR_TO_BGN = 1.95583;
	let cartUpdateRequests = 0;

	function toNumber(value) {
		const parsed = parseFloat(value);
		return Number.isFinite(parsed) ? parsed : 0;
	}

	function formatMoney(value) {
		return toNumber(value).toFixed(2);
	}

	function getSelectedDistrict() {
		if ($('#district').length) {
			return $('#district').val() || '';
		}

		const $guestDistrict = $('select[name="address"]');
		return $guestDistrict.length ? ($guestDistrict.val() || '') : '';
	}

	function getDeliveryPriceForRequest() {
		const $selectedEcont = $('.econt:checked').first();
		if (!$selectedEcont.length) {
			return '';
		}

		const inputName = 'deliveryprice[' + $selectedEcont.attr('id') + ']';
		const $deliveryInput = $('input[name^="' + inputName + '"]').first();
		return $deliveryInput.length ? $deliveryInput.val() : '';
	}

	function setCartUpdating(isUpdating) {
		if (isUpdating) {
			cartUpdateRequests++;
		} else {
			cartUpdateRequests = Math.max(0, cartUpdateRequests - 1);
		}

		const blocked = cartUpdateRequests > 0;
		$('#submitorder')
			.toggleClass('is-cart-updating', blocked)
			.attr('aria-disabled', blocked ? 'true' : 'false');

		$('.cart-product-qty, .vincent_product-remove').css(
			'pointer-events',
			blocked ? 'none' : ''
		);
	}

	function updateMinimumOrderState(productsTotal) {
		if (toNumber(productsTotal) >= 10) {
			$('.minimumAlert').show();
			$('.minimumAlertYes').hide();
		} else {
			$('.minimumAlert').hide();
			$('.minimumAlertYes').show();
		}
	}

	function renderTotals(productsTotal, deliveryPrice, discountPercent) {
		productsTotal = toNumber(productsTotal);
		deliveryPrice = toNumber(deliveryPrice);
		discountPercent = toNumber(discountPercent);

		const discountValue = productsTotal * (discountPercent / 100);
		const finalTotal = productsTotal - discountValue + deliveryPrice;

		$('#cprice').html(formatMoney(discountValue));
		$('#csum').val(formatMoney(discountValue));
		$('#osum').val(formatMoney(productsTotal));
		$('#dsum').val(formatMoney(deliveryPrice));
		$('#total').val(formatMoney(finalTotal));

		$('.js-oprice-eur').html('&nbsp;&nbsp;' + formatMoney(productsTotal));
		$('.js-oprice-bgn').text(formatMoney(productsTotal * EUR_TO_BGN));
		$('.js-dprice-eur').text(formatMoney(deliveryPrice));
		$('.js-dprice-bgn').text(formatMoney(deliveryPrice * EUR_TO_BGN));
		$('.js-fprice-eur').html('&nbsp;&nbsp;' + formatMoney(finalTotal));
		$('.js-fprice-bgn').text(formatMoney(finalTotal * EUR_TO_BGN));

		if ($('#delivery_cond').length) {
			$('#delivery_cond').html(
				deliveryPrice > 0
					? '+ 0 €'
					: '+ 0.00 €'
			);
		}

		updateMinimumOrderState(productsTotal);
		return finalTotal;
	}

	function applyCartResponse(data) {
		const productsTotal = toNumber(data.ftotal);
		let deliveryPrice = toNumber(data.dprice);
		const district = getSelectedDistrict();

		if (district !== 'Промишлена зона') {
			deliveryPrice = 0;
		}

		renderTotals(productsTotal, deliveryPrice, $('#cdsc').val());

		const productsCount = parseInt(
			data.products !== undefined ? data.products : data.num,
			10
		) || 0;
		const languageSuffix = productsCount === 1 ? ' продукт' : ' продукта';

		$('.vincent_total_items').html(productsCount + languageSuffix);
		$('.vincent_total_price').html(
			formatMoney(data.subtotal !== undefined ? data.subtotal : productsTotal) + ' €'
		);

		if (data.quantity !== undefined) {
			$('.vincent_cart_item_counter').html(data.quantity);
		}
	}

	function updateCartQuantity($input, previousQuantity) {
		const cartId = parseInt($input.data('cart-id'), 10);
		const unitPrice = toNumber($input.data('price'));
		let quantity = parseInt($input.val(), 10);

		if (!Number.isInteger(quantity) || quantity < 1) {
			quantity = 1;
			$input.val(quantity);
		}

		if (!Number.isInteger(cartId) || cartId <= 0) {
			console.error('Липсва валиден cart id за продукта.');
			return;
		}

		const $quantityWrapper = $input.closest('.cart-product-qty');
		if ($quantityWrapper.data('updating')) {
			return;
		}

		const lineTotal = unitPrice * quantity;
		$('#totalprice-' + cartId).text(formatMoney(lineTotal));
		$('#subtotal-' + cartId).val(formatMoney(lineTotal));

		$quantityWrapper.data('updating', true).css('opacity', '0.6');
		setCartUpdating(true);

		$.ajax({
			type: 'post',
			url: 'https://www.kingkongburger.bg/order/updatecart',
			data: {
				cartid: cartId,
				qty: quantity,
				total: formatMoney(lineTotal),
				delivery: getDeliveryPriceForRequest()
			},
			dataType: 'json',
			success: function (data) {
				applyCartResponse(data);
			},
			error: function (xhr) {
				console.error('Грешка при обновяване на количката:', xhr);

				const oldQuantity = Math.max(1, parseInt(previousQuantity, 10) || 1);
				const oldLineTotal = unitPrice * oldQuantity;
				$input.val(oldQuantity);
				$('#totalprice-' + cartId).text(formatMoney(oldLineTotal));
				$('#subtotal-' + cartId).val(formatMoney(oldLineTotal));

				alert('Количката не беше обновена. Моля, опитайте отново.');
			},
			complete: function () {
				$quantityWrapper.data('updating', false).css('opacity', '1');
				setCartUpdating(false);
			}
		});
	}

	const initialProductsTotal = toNumber($('#osum').val());
	let initialDeliveryPrice = toNumber($('#dsum').val());
	if (getSelectedDistrict() !== 'Промишлена зона') {
		initialDeliveryPrice = 0;
	}
	renderTotals(initialProductsTotal, initialDeliveryPrice, $('#cdsc').val());

	$(document).on('click', '.cart-product-minus, .cart-product-plus', function (e) {
		e.preventDefault();

		const $button = $(this);
		const $wrapper = $button.closest('.cart-product-qty');
		if ($wrapper.data('updating')) {
			return;
		}

		const $input = $wrapper.find('.vincent_quantity').first();
		const previousQuantity = Math.max(1, parseInt($input.val(), 10) || 1);
		let newQuantity = previousQuantity;

		if ($button.hasClass('cart-product-plus')) {
			newQuantity++;
		} else {
			newQuantity = Math.max(1, previousQuantity - 1);
		}

		if (newQuantity === previousQuantity) {
			return;
		}

		$input.val(newQuantity);
		updateCartQuantity($input, previousQuantity);
	});

	$(document).on('change', '#district, select[name="address"], .address-radio', function () {
		const $firstQuantity = $('.vincent_quantity').first();
		if ($firstQuantity.length && !$firstQuantity.closest('.cart-product-qty').data('updating')) {
			updateCartQuantity($firstQuantity, $firstQuantity.val());
		}
	});

	$('#promoShow').on('click', function (e) {
		e.preventDefault();
		$('#promoShow').addClass('hide');
		$('#promo_code').removeClass('hide');
		$('#promo_apply').removeClass('hide');
	});

	$('#promo_apply').on('click', function (e) {
		e.preventDefault();
		$.ajax({
			type: 'post',
			url: 'https://www.kingkongburger.bg/order/getcupon',
			data: { cupon: $('#promo_code').val() },
			dataType: 'json',
			success: function (data) {
				$('#cdsc').val(toNumber(data.discount));
				renderTotals($('#osum').val(), $('#dsum').val(), data.discount);
			}
		});
	});
	$('a[id^="remove-"]').on('click', function (e) {
		e.preventDefault();

		const $removeButton = $(this);
		const cartId = parseInt($removeButton.attr('id').replace('remove-', ''), 10);
		if (!Number.isInteger(cartId) || cartId <= 0) {
			return;
		}

		$.ajax({
			type: 'post',
			url: 'https://www.kingkongburger.bg/order/removecart',
			data: {
				cartid: cartId,
				delivery: getDeliveryPriceForRequest()
			},
			dataType: 'json',
			success: function (data) {
				const $row = $removeButton.closest('.row');
				$row.next('hr').remove();
				$row.remove();

				applyCartResponse(data);

				if ((parseInt(data.num, 10) || 0) === 0) {
					$('.remove_table').hide();
				}
			},
			error: function (xhr) {
				console.error('Грешка при премахване от количката:', xhr);
				alert('Продуктът не беше премахнат. Моля, опитайте отново.');
			}
		});
	});

	
	function normalizeAddr(s) {
  return (s || '')
    .toLowerCase()
    .replace(/[.,\-]+/g, ' ')                  // punctuation -> space
    .replace(/\b(ул|улица)\b\.?/g, ' ')        // remove "ул." / "улица"
    .replace(/\s+/g, ' ')
    .trim();
}

// word-boundary regex (Cyrillic-safe-ish)
function makeWordRegex(phrase) {
  const esc = phrase.trim().replace(/\s+/g, '\\s+').replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  return new RegExp('(^|[^а-яА-Яa-z0-9])' + esc + '([^а-яА-Яa-z0-9]|$)', 'i');
}

const FORBIDDEN_STREETS = [
  'александър невски','ангел кънчев','ангеларий','белисица','богомил','бузлуджа',
  'веслец','враня','горазд','дрангов','качаник','китка','лебед','ловна','марин дринов',
  'пеликан','сокол','чайка','бистрица','борислав','велека','волга','вълчо пушков',
  'гоце делчев','петър берон','илинденска','индже войвода','крайна','кракра','мадара',
  'московска','мургаш','опълченска','осогово','преображенец','резвая','страцин','тамара',
  'тертер','хан омуртаг','телериг','хилендар','цар иван владислав'
].map(makeWordRegex);

// kvartal Pobeda (accepts "кв." or "квартал")
const RE_FORBIDDEN_DISTRICT = /\b(кв|квартал)\b\s+победа\b/i;

// function isForbiddenAddress(raw) {
//   const n = normalizeAddr(raw);
//   if (RE_FORBIDDEN_DISTRICT.test(n)) return true;
//   return FORBIDDEN_STREETS.some(rx => rx.test(n));
// }

	
function translitLatinToCyr(s) {
  let n = (s || '').toLowerCase();

  // common multi-letter combos
  n = n
    .replace(/sht/g, 'щ')
    .replace(/sh/g,  'ш')
    .replace(/zh/g,  'ж')
    .replace(/ts/g,  'ц')
    .replace(/ch/g,  'ч')
    .replace(/yu/g,  'ю')
    .replace(/ya/g,  'я')
    .replace(/yo/g,  'йо');

  // single letters
  const map = {
    a:'а', b:'б', v:'в', g:'г', d:'д', e:'е', z:'з', i:'и', y:'й',
    k:'к', l:'л', m:'м', n:'н', o:'о', p:'п', r:'р', s:'с', t:'т',
    u:'у', f:'ф', h:'х', j:'й', w:'в', q:'я', c:'к', x:'кс',a:'ъ'
  };

  n = n.replace(/[a-z]/g, ch => map[ch] || ch);
  return n;
}
function isForbiddenAddress(raw) {
  const n = normalizeAddr(raw);

  // Check Cyrillic as-is
  if (RE_FORBIDDEN_DISTRICT.test(n)) return true;
  if (FORBIDDEN_STREETS.some(rx => rx.test(n))) return true;

  // If user typed in Latin, transliterate and check again
  if (/[A-Za-z]/.test(n)) {
    const t = normalizeAddr(translitLatinToCyr(n));
    if (RE_FORBIDDEN_DISTRICT.test(t)) return true;
    if (FORBIDDEN_STREETS.some(rx => rx.test(t))) return true;
  }

  return false;
}	
	var len = 0;
	$('#submitorder').on('click', function (e) {
		len = 0;

		e.preventDefault();

		if (cartUpdateRequests > 0) {
			alert('Количката все още се обновява. Моля, опитайте отново.');
			return;
		}

		var total = $('#total').val();

		if (parseFloat(total) < 10) {
			alert("Минимална сума при поръчка 10€!");
			return;
		}
		
		const addr = $('input[name="address_spec"]').val() || '';
  if (isForbiddenAddress(addr)) {
    alert('Съжаляваме, този адрес не се обслужва. Моля, изберете друг адрес или доставка до офис.');
    return;
  }

		$('.required').each(function () {
			if ($(this).is(':checkbox')) {
				// Validate checkboxes
				if (!$(this).is(':checked')) {
					len++; // Increment len if checkbox is not checked
					$(this).next(".error-msg").css('display', 'block'); // Show error message
					$(this).css({
						'outline': '2px solid #A4090B' // Highlight checkbox
					});
				} else {
					$(this).next(".error-msg").css('display', 'none'); // Hide error message
					$(this).css({
						'outline': 'none'
					});
				}
			} else {
				// Validate other input fields
				if ($(this).val() === '') {
					len++; // Increment len if input is empty
					$(this).css({
						'border': '1px solid #A4090B' // Highlight input
					});
					$(this).next(".error-msg").css('display', 'block'); // Show error message
				} else {
					$(this).css({
						'border': '1px solid #ccc' // Reset input border
					});
					$(this).next(".error-msg").css('display', 'none'); // Hide error message
				}
			}
		});
		console.log(len);
	
		if (len == 0) {
			
			var form = document.getElementById('ordersave');
		 var formData = new FormData(form); // Create FormData object from form

    $.ajax({
        type: "post",
        url: "https://www.kingkongburger.bg/order/save",
        data: formData,
        processData: false,  // Prevent jQuery from converting data into a query string
        contentType: false,  // Prevent jQuery from setting contentType (needed for FormData)
        dataType: "json",
        beforeSend: function () {
            $('.loading').show();
            $('.preloader').show();
        },
        success: function (data) {
            $('.loading').hide();
            $('.preloader').hide();
            //window.location.href = 'https://www.kingkongburger.bg/благодарим-ви';
            if(data.form_data==""){
		window.location.href = 'https://www.kingkongburger.bg/благодарим-ви';
		}
		else {
	  var formborica = $('<form method="post" class="js:hidden">').attr('action', 'https://3dsgate.borica.bg/cgi-bin/cgi_link');
//https://3dsgate-dev.borica.bg/cgi-bin/cgi_link
                                $.each(data.form_data, function (name, value) {
                                    var input = $('<input type="hidden">')
                                        .attr('name', name)
                                        .attr('value', value);
                                    formborica.append(input);
                                });

                                $('body').append(formborica);
                                formborica.submit();		
		}
        },
        error: function (err) {
            console.log(err);
            $('.loading').hide();
            $('.preloader').hide();
        }
    });
		
		}
	});


});
</script>
<script>
	function clearParamsAndReload() {
		// Get the current URL
		history.replaceState(null, null, window.location.pathname);

		const url = new URL(window.location.href);

		// Clear all parameters
		url.search = ''; // This removes the entire query string

		// Add the new parameter
		url.searchParams.set('r', '1');

		// Reload the page with the updated URL
		window.location.href = url.toString();
	}
document.addEventListener('DOMContentLoaded', function () {
	/*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;

	// Select all elements with the class 'clickable'
	const elements = document.querySelectorAll('.book1');

	// Add a click event listener to each element
	elements.forEach(element => {
		element.addEventListener('click', function () {
			const dataValue = this.getAttribute('data-product_id');
			const prodTitle = this.getAttribute('data-title');
			const prodPrice = this.getAttribute('data-price');

			$.ajax({
				type: "post",
				url: "https://www.kingkongburger.bg/order/addcartdrinks",
				data: "productid=" + dataValue + "&price=" + prodPrice + "&title=" + prodTitle,
				dataType: "json",
				success: function (data) {
					var lang_fix = ' продукта';
					if (data.num == 1) {
						lang_fix = ' продукт';
					}
					$('.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');
					$("body").append(`<div class="added-success alert alert-success" role="alert">
					   
					 <p> Успешно добавихте ${prodTitle} във Вашата количка.</p>
					</div>`);

					setTimeout(function () {

						clearParamsAndReload();
					}, 1000)


					var imgtodrag = $('#view0').find("img").eq(0);
					if (imgtodrag) {
						var imgclone = imgtodrag.clone()
							.offset({
								top: imgtodrag.offset().top,
								left: imgtodrag.offset().left
							})
							.css({
								'opacity': '0.5',
								'position': 'absolute',
								'height': '150px',
								'width': '150px',
								'z-index': '100'
							})
							.appendTo($('body'))
							.animate({
								'top': cart.offset().top + 10,
								'left': cart.offset().left + 10,
								'width': 75,
								'height': 75
							}, 1000, 'easeInOutExpo');
						setTimeout(function () {
							cart.effect("shake", {
								times: 2
							}, 200);
						}, 1500);
						imgclone.animate({
							'width': 0,
							'height': 0
						}, function () {
							$(this).detach()
						});
					}
					$('html, body').animate({
						scrollTop: 10
					}, 1500);

				},
				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://www.kingkongburger.bg/assets/js/jquery-3.7.1.min.js"></script>
<!-- jQuery UI (single, modern) -->

<script src="https://www.kingkongburger.bg/assets/js/jquery-ui.min.js"></script>
<script src="https://www.kingkongburger.bg/assets/js/bootstrap.bundle.min.js"></script>


<script src="https://www.kingkongburger.bg/assets/js/jquery.cookie.min.js"></script>
<!-- jQuery plugins (require jQuery) -->
<script src="https://www.kingkongburger.bg/assets/js/owl.carousel.min.js"></script>
<!--<script src="https://www.kingkongburger.bg/assets/js/jquery.swipebox.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/kube.js"></script>-->

<!-- Animation libs -->
<script src="https://www.kingkongburger.bg/assets/js/gsap.min.js"></script>
<script src="https://www.kingkongburger.bg/assets/js/ScrollTrigger.min.js"></script>
<script src="https://www.kingkongburger.bg/assets/js/anime.min.js"></script>
<script src="https://www.kingkongburger.bg/assets/js/lottie.min.js"></script>

<!-- Swiper -->
<!--<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>-->
<link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/swiper@8.4.7/swiper-bundle.min.css"
/>

<script src="https://cdn.jsdelivr.net/npm/swiper@8.4.7/swiper-bundle.min.js"></script>
<!-- Your site JS (uses $, gsap, lottie, Swiper) -->
<script src="https://www.kingkongburger.bg/assets/js/index.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,
  slidesPerView: 3,
  mousewheel: true,
  navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
  scrollbar: { el: '.swiper-scrollbar', draggable: true },

  preloadImages: false,           // don't preload all <img> tags
  watchSlidesProgress: true,      // helps lazy + navigation

  lazy: {
    enabled: true,
    loadPrevNext: true,           // prefetch neighbors to avoid flicker
    loadPrevNextAmount: 2
  },

  on: {
    init() {
      this.slides.forEach(s => s.classList.add('animate-slide'));

      // If your first visible slide should be eager (e.g., it's above the fold),
      // make sure its images are not lazy:
      const first = this.slides[this.activeIndex];
      if (first) {
        first.querySelectorAll('img.swiper-lazy').forEach(img => {
          // promote to eager if needed
          if (img.dataset.src) { img.src = img.dataset.src; delete img.dataset.src; }
          if (img.dataset.srcset) { img.srcset = img.dataset.srcset; delete img.dataset.srcset; }
          img.classList.remove('swiper-lazy');
          img.setAttribute('loading','eager');           // optional
          img.setAttribute('fetchpriority','low');      // only if this is the LCP image
        });
      }
    }
  }
});

				// 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,
  slidesPerView: 3,
  mousewheel: true,
  navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
  scrollbar: { el: '.swiper-scrollbar', draggable: true },

  // ✅ real lazy loading (don’t fetch all imgs up front)
  preloadImages: false,
  watchSlidesProgress: true,
  lazy: {
    enabled: true,
    loadPrevNext: true,
    loadPrevNextAmount: 2
  },

  on: {
    init() {
      // set initial animation class (vanilla)
      this.slides.forEach(s => s.classList.remove('animate-slide'));
      const active = this.slides[this.activeIndex];
      if (active) active.classList.add('animate-slide');

      // If the first visible slide must be eager (above the fold), uncomment:
      // active?.querySelectorAll('img.swiper-lazy').forEach(img => {
      //   if (img.dataset.src) { img.src = img.dataset.src; delete img.dataset.src; }
      //   if (img.dataset.srcset) { img.srcset = img.dataset.srcset; delete img.dataset.srcset; }
      //   img.classList.remove('swiper-lazy');
      //   img.setAttribute('loading','eager');
      //   // Only if this is the page’s LCP:
      //   // img.setAttribute('fetchpriority','high');
      // });
    },
    slideChangeTransitionStart() {
      // replace jQuery with vanilla
      this.slides.forEach(s => s.classList.remove('animate-slide'));
      const active = this.slides[this.activeIndex];
      if (active) active.classList.add('animate-slide');
    }
  }
});

			</script>
			
			
<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>
document.addEventListener('DOMContentLoaded', () => {
  const menu = document.querySelector('#swiperMenu');
  if (!menu) return;
  const imgs = menu.querySelectorAll('.swiper-slide img');
  imgs.forEach(img => {
    const slide = img.closest('.swiper-slide');
    const visible = slide && (slide.classList.contains('swiper-slide-active') ||
                              slide.classList.contains('swiper-slide-next') ||
                              slide.classList.contains('swiper-slide-prev'));
    if (!visible) {
      img.loading = 'lazy';
      img.decoding = 'async';
      img.setAttribute('fetchpriority', 'low');
    }
  });
  
  
});
</script>

<script>
(function () {
  // Mark your hero/LCP image(s) with class="lcp" (and fetchpriority="high")
  const EXCLUDE = 'img.lcp, img[fetchpriority="low"], img.no-lazy, .no-lazy img';

  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('img:not(' + EXCLUDE + ')').forEach(function (img) {
     // if (!img.hasAttribute('loading')) img.setAttribute('loading', 'lazy');
      //img.setAttribute('decoding', 'async');
      //if (!img.hasAttribute('fetchpriority')) img.setAttribute('fetchpriority', 'high');
    });
  });
})();
</script>

<script>
document.addEventListener('DOMContentLoaded', function(){
  document.querySelectorAll('img:not([width]):not([height])').forEach(function(img){
    img.addEventListener('load', function(){
      if (!img.hasAttribute('width') && img.naturalWidth)  img.width  = img.naturalWidth;
      if (!img.hasAttribute('height') && img.naturalHeight) img.height = img.naturalHeight;
    }, {once:true});
  });
  
  
});
</script>

<link rel="preconnect" href="https://cdn.cookie-script.com" crossorigin>

<script>
  // fire after onload, then during idle
  window.addEventListener('load', () => {
    (setTimeout)(() => {
      const s = document.createElement('script');
      s.src = 'https://cdn.cookie-script.com/s/680da98c929e4047a9f1b341fde870a6.js';
      s.defer = true;                 // don’t block parsing
      document.body.appendChild(s);
    }, 800);
  });
</script>
</body>


</html>