<!-- 
//................................................................................................................
//.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.

-->

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Cartel Caffe | Cartel Caffe</title>
  <meta name="description" content="Cartel Caffe">
  <meta name="keywords" content="Cartel Caffe">
  <meta name="robots"  content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta property="og:title" content="Cartel Caffe" />
      <meta property="og:url" content="https://www.cartelcaffe.com/en" />
      <meta property="og:image" content="https://www.cartelcaffe.com/img/ogimg/cartelcoffee-logo.jpg" />
      <meta property="og:type" content="website" />
      <meta property="og:description" content="Cartel Caffe" />
      <meta property="og:locale" content="en-GB" />
    	
	<link rel="alternate" hreflang="bg" href="https://www.cartelcaffe.com/bg" />
<link rel="alternate" hreflang="en" href="https://www.cartelcaffe.com/en" />
<link rel="alternate" hreflang="ro" href="https://www.cartelcaffe.com/ro" />
<link rel="alternate" hreflang="el" href="https://www.cartelcaffe.com/el" />
<link rel="alternate" hreflang="hr" href="https://www.cartelcaffe.com/hr" />
<link rel="alternate" hreflang="x-default" href="https://www.cartelcaffe.com/" />
  <link rel="canonical" href="https://www.cartelcaffe.com/en" />
  <link rel="apple-touch-icon" sizes="180x180" href="https://www.cartelcaffe.com/assets/favs/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="https://www.cartelcaffe.com/assets/favs/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="https://www.cartelcaffe.com/assets/favs/favicon-16x16.png">
  <link rel="shortcut icon" href="https://www.cartelcaffe.com/assets/favs/favicon.ico">
  <link rel="manifest" href="https://www.cartelcaffe.com/assets/favs/site.webmanifest">
  <!--<link rel="mask-icon" href="https://www.cartelcaffe.com/assets/favs/safari-pinned-tab.svg" color="#5bbad5">-->
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">
  <!-- CSS only -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <link rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap" />
  <!----><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/css/flag-icons.min.css" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

  <!---->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css" />
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@2.7.2/css/lightgallery.min.css">
  <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">-->
  <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.5.2/dist/select2-bootstrap4.min.css">
  <link href="https://www.cartelcaffe.com/css/custom.css?ver=1791840111" rel="stylesheet" />

  <!-- 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', '26052568607744678');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=26052568607744678&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code --><!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5YNMNLB1V3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-5YNMNLB1V3');
  gtag('config', 'AW-18148064961');
</script>    <script>
    const base_url = 'https://www.cartelcaffe.com/';
	const hasurisegments = '0';
    const jlang = 'en';
    var protectinfo = 0;
	var exrateeur2ron = 5.337;
	var freeshippingmsg = 15.00;
	var freeshippingmsgrobuc = 79.00;
	var ips = '216.73.216.60';
  </script>
<script type="text/javascript">     (function(c,l,a,r,i,t,y){         c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};         t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;         y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);     })(window, document, "clarity", "script", "yjmvsetzwr"); </script>
</head>

<body>
    <header class="fixed-top">
          <div class="top-header-global-msg">
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-8">Free shipping over €50.</div>
            <div class="col-md-4 d-none d-sm-flex">
                            Need help?&nbsp;&nbsp;            </div>
          </div>
        </div>
      </div>
        <nav class="navbar navbar-expand-lg bgdark">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
          aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button> <div class="container-fluid">
        <a class="navbar-brand" href="https://www.cartelcaffe.com/en" title="Cartel Caffe"><img
            src="https://www.cartelcaffe.com/img/logo/cartelcoffee-logo-white.svg" title="Cartel Caffe"
            alt="Cartel Caffe" class="img-fluid" width="243" height="68" /></a>
 
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
                            <li class="nav-item "><a href="https://www.cartelcaffe.com/en/promotions" class="nav-link " title="PROMOTIONS">PROMOTIONS</a></li>
                                <li class="nav-item dropdown d-none d-md-flex"><a href="#" class="nav-link  dropdown-toggle" role="button"
                    data-bs-toggle="dropdown" aria-expanded="false" title="COFFEE">COFFEE</a>

                  <ul class="dropdown-menu">
                                          <li><a class="dropdown-item link" href="https://www.cartelcaffe.com/en/category/kafe-kapsuli" title="Capsules">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/Cartel Classico - The Golden Balance_2.png" alt="Capsules" title="Capsules" /></div>
                                                  <span class="d-flex align-items-center">
                            <span class="mask">
                              <div class="link-container">
                                <span class="link-title1 title">Capsules</span>
                                <span class="link-title2 title">Capsules</span>
                              </div>
                            </span>
                            <div class="link-icon">
                              <span class="material-symbols-outlined icon">
                                trending_flat
                              </span>
                              <span class="material-symbols-outlined icon">
                                trending_flat
                              </span>
                            </div>
                          </span>
                        
                      </a></li>
                                          <li><a class="dropdown-item link" href="https://www.cartelcaffe.com/en/category/kafe-na-zarna" title="Coffee Beans">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/menucoffeebeans.png" alt="Coffee Beans" title="Coffee Beans" /></div>
                                                  <span class="d-flex align-items-center">
                            <span class="d-flex align-items-center">
                              <span class="mask">
                                <div class="link-container">
                                  <span class="link-title1 title">Coffee Beans</span>
                                  <span class="link-title2 title">Coffee Beans</span>
                                </div>
                              </span>
                              <div class="link-icon">
                                <span class="material-symbols-outlined icon">
                                  trending_flat
                                </span>
                                <span class="material-symbols-outlined icon">
                                  trending_flat
                                </span>
                              </div>
                            </span>
                          </span>
                        
                      </a></li>
                                          <li><a class="dropdown-item link" href="https://www.cartelcaffe.com/en/receipts" title="Recipes">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/assets/images/icons/coffee reciepe.png" alt="Recipes" title="Recipes" /></div>
                                                  <span class="d-flex align-items-center">
                            <span class="mask">
                              <div class="link-container">
                                <span class="link-title1 title">Recipes</span>
                                <span class="link-title2 title">Recipes</span>
                              </div>
                            </span>
                            <div class="link-icon">
                              <span class="material-symbols-outlined icon">
                                trending_flat
                              </span>
                              <span class="material-symbols-outlined icon">
                                trending_flat
                              </span>
                            </div>
                          </span>
                        
                      </a></li>
                                      </ul>
                </li>
                <li class="nav-item d-flex d-md-none flex-column align-items-start"><a href="#" class="nav-link hassubmenu"
                    role="button" data-bs-toggle="collapse" data-bs-target="#submenu" aria-expanded="false" title="COFFEE">COFFEE</a>
                  <div id="submenu" class="collapse submenu">
                    <ul class="sub-menu">
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/en/category/kafe-kapsuli">
                         Capsules                        </a></li>
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/en/category/kafe-na-zarna">
                         Coffee Beans                        </a></li>
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/en/receipts">
                         Recipes                        </a></li>
                                          </ul>
                  </div>
                </li>
                                <li class="nav-item dropdown d-none d-md-flex"><a class="nav-link  dropdown-toggle" href="#" role="button"
                    data-bs-toggle="dropdown" aria-expanded="false" title="COFFEE MACHINES">COFFEE MACHINES</a>

                  <ul class="dropdown-menu">
                                          <li><a class="dropdown-item link" href="https://www.cartelcaffe.com/en/category/kafemashini-za-kapsuli" title="Capsule Machines">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/viber_image_2026-04-28_15-10-27-154.jpg" alt="Capsule Machines" title="Capsule Machines" /></div>
                        <span class="d-flex align-items-center">
                          <span class="mask">
                            <div class="link-container">
                              <span class="link-title1 title">Capsule Machines</span>
                              <span class="link-title2 title">Capsule Machines</span>
                            </div>
                          </span>
                          <div class="link-icon">
                            <span class="material-symbols-outlined icon">
                              trending_flat
                            </span>
                            <span class="material-symbols-outlined icon">
                              trending_flat
                            </span>
                          </div>
                        </span>
                      </a></li>
                                          <li><a class="dropdown-item link" href="https://www.cartelcaffe.com/en/category/kafemashini-za-kafe-na-zarna" title="Bean-to-Cup Machines">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/beans-machines-coffee.png" alt="Bean-to-Cup Machines" title="Bean-to-Cup Machines" /></div>
                        <span class="d-flex align-items-center">
                          <span class="mask">
                            <div class="link-container">
                              <span class="link-title1 title">Bean-to-Cup Machines</span>
                              <span class="link-title2 title">Bean-to-Cup Machines</span>
                            </div>
                          </span>
                          <div class="link-icon">
                            <span class="material-symbols-outlined icon">
                              trending_flat
                            </span>
                            <span class="material-symbols-outlined icon">
                              trending_flat
                            </span>
                          </div>
                        </span>
                      </a></li>
                                      </ul>
                </li>

                <li class="nav-item d-flex d-md-none flex-column align-items-start"><a class="nav-link hassubmenu" href="#"
                    role="button" data-bs-toggle="collapse" data-bs-target="#submenu2" aria-expanded="false">COFFEE MACHINES</a>
                  <div class="submenu collapse" id="submenu2">
                    <ul class="">
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/en/category/kafemashini-za-kapsuli" title="Capsule Machines">
                       Capsule Machines							  
                        </a></li>
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/en/category/kafemashini-za-kafe-na-zarna" title="Bean-to-Cup Machines">
                       Bean-to-Cup Machines							  
                        </a></li>
                                          </ul>
                  </div>
                </li>
                                <li class="nav-item "><a href="https://www.cartelcaffe.com/en/category/aksesoari-za-kafe" class="nav-link " title="ACCESSORIES">ACCESSORIES</a></li>
                                <li class="nav-item "><a href="https://www.cartelcaffe.com/en/bussiness" class="nav-link " title="B2B SOLUTIONS">B2B SOLUTIONS</a></li>
                                <li class="nav-item "><a href="https://www.cartelcaffe.com/en/contacts" class="nav-link " title="CONTACTS">CONTACTS</a></li>
                          </ul>

          <div class="hnavright">
			<a href="https://www.cartelcaffe.com/en/search" title="Search" class="me-2 d-sm-flex align-items-center"><span class="material-symbols-outlined">
                search
              </span> Search</a>
            <div class="dropdown">
              <a href="#" class="me-2 d-flex align-items-center dropdown-toggle" data-bs-toggle="dropdown"
                aria-expanded="false"><span class="material-symbols-outlined">
                  language
                </span> EN</a>
              <ul class="dropdown-menu langmenu">
                <li><a href="https://www.cartelcaffe.com/lang/bg" class="dropdown-item mlanglink" data-lang="bg" title="БГ">БГ</a></li>
				                <li><a href="https://www.cartelcaffe.com/lang/ro" class="dropdown-item mlanglink" data-lang="ro" title="RO">RO</a></li>
                <li><a href="https://www.cartelcaffe.com/lang/el" class="dropdown-item mlanglink" data-lang="el" title="ΕΛ">ΕΛ</a></li>
				              </ul>
            </div>
            <a href="#" data-bs-toggle="modal" data-bs-target="#cartmodal"
              class="cartbtn position-relative">
              <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-cream">
                <span class="js-cart-count">0</span>
                <span class="visually-hidden">unread messages</span>
              </span>
              <span class="material-symbols-outlined">
                shopping_bag
              </span> <span class="js-cart-total">0.00 &euro;</span></a>
          </div>
        </div>
        <div class="hnavmobileright">
		  <a href="https://www.cartelcaffe.com/en/search" class="me-2 d-none align-items-center"><span class="material-symbols-outlined">
              search
            </span></a>
          <div class="dropdown">
            <a href="#" class="me-2 d-flex align-items-center dropdown-toggle" data-bs-toggle="dropdown"
              aria-expanded="false"> EN</a>
            <ul class="dropdown-menu langmenu">
              <li> <a href="https://www.cartelcaffe.com/lang/bg" class="dropdown-item mlanglink" data-lang="bg" title="БГ">БГ</a></li>
			  	              <li><a href="https://www.cartelcaffe.com/lang/ro" class="dropdown-item mlanglink" data-lang="ro" title="RO">RO</a></li>
              <li><a href="https://www.cartelcaffe.com/lang/el" class="dropdown-item mlanglink" data-lang="el" title="ΕΛ">ΕΛ</a></li>
			  	            </ul>
          </div>
          <a href="#" data-bs-toggle="modal" data-bs-target="#cartmodal"
            class="d-flex align-items-center position-relative">
            <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-cream cartnum">
              <span class="js-cart-count">0</span>
            </span>
            <span class="material-symbols-outlined">
              shopping_bag
            </span></a>
        </div>
      </div>
    </nav>
  </header>
  <main>
    <section class="homeslider">
	<!-- Slider main container -->
	<div class="swiper1 homeswiper">
		<!-- Additional required wrapper
  <div class="swiper-wrapper"> -->
		<!-- Slides -->
					<div class="slide">
				<div class="sliderbox">
											<h3 class="sectiontitle">Free shipping</h3>
																<p class="slidesubtitle">over 50 euros</p>
										<p><small>A moment created for you.</small></p>
					<a href="https://www.cartelcaffe.com/en/category/kafe-kapsuli" class="btn btn-coffeeprimary mt-24" title="Free shipping">
						<span class="flicker-btn__text">View all</span>
						<span class="flicker-btn__icon"></span>
						<span class="flicker-btn__filler"></span>
					</a>
				</div>
				<div class="slideimg">
					<img src="https://www.cartelcaffe.com/img/slides/1-may-slider.png" alt="Free shipping" title="Free shipping" />
				</div>
			</div>
					<div class="slide">
				<div class="sliderbox">
											<h3 class="sectiontitle">Coffee capsules with</h3>
																<p class="slidesubtitle">а balanced taste and rich aroma</p>
										<p><small>A moment created for you.</small></p>
					<a href="https://www.cartelcaffe.com/en/product/cartel-bezkofeinovo-kafe-kapsuli-decaf" class="btn btn-coffeeprimary mt-24" title="Coffee capsules with">
						<span class="flicker-btn__text">View all</span>
						<span class="flicker-btn__icon"></span>
						<span class="flicker-btn__filler"></span>
					</a>
				</div>
				<div class="slideimg">
					<img src="https://www.cartelcaffe.com/img/slides/2-may-slider.png" alt="Coffee capsules with" title="Coffee capsules with" />
				</div>
			</div>
					<div class="slide">
				<div class="sliderbox">
											<h3 class="sectiontitle">Raise the standard </h3>
																<p class="slidesubtitle">in the workplace</p>
										<p><small>A moment created for you.</small></p>
					<a href="https://www.cartelcaffe.com/en/bussiness" class="btn btn-coffeeprimary mt-24" title="Raise the standard ">
						<span class="flicker-btn__text">Learn more</span>
						<span class="flicker-btn__icon"></span>
						<span class="flicker-btn__filler"></span>
					</a>
				</div>
				<div class="slideimg">
					<img src="https://www.cartelcaffe.com/img/slides/ChatGPT Image May 18, 2026, 12_38_47 PM.png" alt="Raise the standard " title="Raise the standard " />
				</div>
			</div>
		

	</div>


</section>

<section class="homeproducts mt-96 mb-96">
			<div class="container">
				<div class="row mb-48">
					<div class="col-md-12 text-center mb-24">
						<h2 class="sectiontitle">Products</h2>
					</div>
					<div class="col-md-12">
						<ul class="nav nav-pills d-flex justify-content-center">
						
													<li class="nav-item"><a href="#" class="nav-link active" data-homecat="cat_1" title="Capsule">
									<div class=" navtab">
										<span class="btn-two__span"></span><span class="btn-two__span-text">Capsule</span>
									</div>
								</a></li>
										
						</ul>
					</div>
				</div>

				<div class="row">
					<div class="col-md-3 d-none d-sm-flex">
						<div class="homeproductsinfobox fade-up">
							<h4 class="mb-3 sectiontitle">Selected offers</h4>
							<p class="mb-3">The coffee you love — at a price you like.</p>

							<a href="https://www.cartelcaffe.com/en/promotions" class="link homeproducts-viewall" title="Selected offers">
								<span class="mask">
									<div class="link-container">
										<span class="link-title1 title">View all</span>
										<span class="link-title2 title">View all</span>
									</div>
								</span>
								<div class="link-icon">
									<span class="material-symbols-outlined icon">trending_flat</span>
									<span class="material-symbols-outlined icon">trending_flat</span>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-9 productsection ps-lg-0">
						<div class="swiper homeproductswiper h-100">
							<div class="swiper-wrapper">
								<!-- Slides injected by JS from the hidden stores below -->
							</div>
							<div class="swiper-pagination"></div>
						</div>

						
						<div class="d-none homeproducts-slide-store" data-homecat="cat_1">
															<div class="swiper-slide">
									<div class="card fade-up" data-productid="80" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">6|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/bezkofeinovo-kafe-kapsuli-cartel-decaf-savmestimi-s-nespresso-original" title="Cartel Decaf capsules"><img src="https://www.cartelcaffe.com/img/products/DSC_8273.jpg" alt="Cartel Decaf capsules" title="Cartel Decaf capsules" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/bezkofeinovo-kafe-kapsuli-cartel-decaf-savmestimi-s-nespresso-original" title="Cartel Decaf capsules">Cartel Decaf capsules</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_80" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
																				<div class="selectqty position-absolute z-2" id="hp_caps_80">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="79" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">6|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-caramel-savmestimi-s-nespresso-original" title="CARTEL My Barista Crème Caramel"><img src="https://www.cartelcaffe.com/img/products/DSC_8396.jpg" alt="CARTEL My Barista Crème Caramel" title="CARTEL My Barista Crème Caramel" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-caramel-savmestimi-s-nespresso-original" title="CARTEL My Barista Crème Caramel">CARTEL My Barista Crème Caramel</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_79" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/caramel.svg" alt="Crème Caramel" title="Crème Caramel">Crème Caramel</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_79">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="78" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																																																<div class="cardcapsicon">6|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-biscotto-savmestimi-s-nespresso-original" title="CARTEL My Barista Biscotto"><img src="https://www.cartelcaffe.com/img/products/biscotto-new3.png" alt="CARTEL My Barista Biscotto" title="CARTEL My Barista Biscotto" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-biscotto-savmestimi-s-nespresso-original" title="CARTEL My Barista Biscotto">CARTEL My Barista Biscotto</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_78" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/biscuits.svg" alt="Sweet biscuit and spiced notes" title="Sweet biscuit and spiced notes">Sweet biscuit and spiced notes</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_78">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="77" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																								<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-short.svg" alt="Short coffee cup" title="Short coffee cup"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">7|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-amaretto-savmestimi-s-nespresso-original" title="CARTEL My Barista Amaretto"><img src="https://www.cartelcaffe.com/img/products/DSC_8368.jpg" alt="CARTEL My Barista Amaretto" title="CARTEL My Barista Amaretto" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-amaretto-savmestimi-s-nespresso-original" title="CARTEL My Barista Amaretto">CARTEL My Barista Amaretto</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_77" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Amaretto" title="Amaretto">Amaretto</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_77">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="76" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																								<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-short.svg" alt="Short coffee cup" title="Short coffee cup"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">8|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-irish-cream-savmestimi-s-nespresso-original" title="CARTEL My Barista Irish Cream"><img src="https://www.cartelcaffe.com/img/products/DSC_8306.jpg" alt="CARTEL My Barista Irish Cream" title="CARTEL My Barista Irish Cream" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-irish-cream-savmestimi-s-nespresso-original" title="CARTEL My Barista Irish Cream">CARTEL My Barista Irish Cream</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_76" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Irish cream" title="Irish cream">Irish cream</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="vanilla-chocolate" title="vanilla-chocolate">vanilla-chocolate</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_76">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="75" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																								<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-short.svg" alt="Short coffee cup" title="Short coffee cup"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">4|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-lychee-bloom-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Lychee Bloom - Capsules"><img src="https://www.cartelcaffe.com/img/products/DSC_8298.jpg" alt="CARTEL My Barista Lychee Bloom - Capsules" title="CARTEL My Barista Lychee Bloom - Capsules" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-lychee-bloom-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Lychee Bloom - Capsules">CARTEL My Barista Lychee Bloom - Capsules</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_75" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/honey.svg" alt="Honey" title="Honey">Honey</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Lychee" title="Lychee">Lychee</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Rose" title="Rose">Rose</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_75">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="74" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																								<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-short.svg" alt="Short coffee cup" title="Short coffee cup"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">7|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-chocolate-raspberry-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Chocolate Raspberry - Capsules"><img src="https://www.cartelcaffe.com/img/products/DSC_8384.jpg" alt="CARTEL My Barista Chocolate Raspberry - Capsules" title="CARTEL My Barista Chocolate Raspberry - Capsules" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-chocolate-raspberry-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Chocolate Raspberry - Capsules">CARTEL My Barista Chocolate Raspberry - Capsules</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_74" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="chocolate raspberry" title="chocolate raspberry">chocolate raspberry</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_74">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="72" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																								<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-short.svg" alt="Short coffee cup" title="Short coffee cup"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">5|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-french-vanilla" title="CARTEL My Barista French Vanilla"><img src="https://www.cartelcaffe.com/img/products/DSC_8406.jpg" alt="CARTEL My Barista French Vanilla" title="CARTEL My Barista French Vanilla" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-my-barista-french-vanilla" title="CARTEL My Barista French Vanilla">CARTEL My Barista French Vanilla</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_72" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Vanilla" title="Vanilla">Vanilla</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_72">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="60" data-qtymode="unit" data-packsize="1">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -26%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-noisette-royale-paket-120-broya-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale Capsule"><img src="https://www.cartelcaffe.com/img/products/DSC_6000.jpg" alt="Cartel Noisette Royale Capsule" title="Cartel Noisette Royale Capsule" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-noisette-royale-paket-120-broya-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale Capsule">Cartel Noisette Royale Capsule</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												49.00 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														66.00 &euro;														
														</span>
																											</div>
																									</div>
												<a href="#" data-id="hp__60" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/caramel.svg" alt="Caramel" title="Caramel">Caramel</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Hazelnut" title="Hazelnut">Hazelnut</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Cacao butter" title="Cacao butter">Cacao butter</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp__60">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="1" class="getqty">1</li>
  <li data-qty="2" class="getqty">2</li>
  <li data-qty="3" class="getqty">3</li>
  <li data-qty="4" class="getqty">4</li>
  <li data-qty="5" class="getqty">5</li>
  <li data-qty="6" class="getqty">6</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="48" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																																<div class="badge badge-new">New</div>
																							</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																								<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-short.svg" alt="Short coffee cup" title="Short coffee cup"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">7|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-noisette-royale-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale Capsule"><img src="https://www.cartelcaffe.com/img/products/DSC_5989.jpg" alt="Cartel Noisette Royale Capsule" title="Cartel Noisette Royale Capsule" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-noisette-royale-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale Capsule">Cartel Noisette Royale Capsule</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_48" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/caramel.svg" alt="Caramel" title="Caramel">Caramel</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Hazelnut" title="Hazelnut">Hazelnut</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Cacao butter" title="Cacao butter">Cacao butter</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_48">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="42" data-qtymode="capsules" data-packsize="10">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -20%</div>
																																															</div>
																						<div class="cardcapsuleinfo">
												<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/capsnumber.svg" alt="Number capsules" title="Number capsules"></div>
																								<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-short.svg" alt="Short coffee cup" title="Short coffee cup"></div>
																																				<div class="cardcapsicon"><img src="https://www.cartelcaffe.com/assets/images/icons/coffeecup-long.svg" alt="Long coffee cup" title="Long coffee cup"></div>
																																				<div class="cardcapsicon">9|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-milano-intenzo-kapsuli" title="Cartel Milano Intenzo Capsule"><img src="https://www.cartelcaffe.com/img/products/DSC_5969.jpg" alt="Cartel Milano Intenzo Capsule" title="Cartel Milano Intenzo Capsule" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-milano-intenzo-kapsuli" title="Cartel Milano Intenzo Capsule">Cartel Milano Intenzo Capsule</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												4.40 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														5.50 &euro;														
														</span>
																											</div>
																										<div><small>0.44 &euro; per capsule</small></div>
																									</div>
												<a href="#" data-id="hp_caps_42" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Dark chocolate" title="Dark chocolate">Dark chocolate</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Cacao" title="Cacao">Cacao</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp_caps_42">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="10" class="getqty">10</li>
  <li data-qty="20" class="getqty">20</li>
  <li data-qty="30" class="getqty">30</li>
  <li data-qty="40" class="getqty">40</li>
  <li data-qty="50" class="getqty">50</li>
  <li data-qty="100" class="getqty">100</li>
  <li data-qty="200" class="getqty">200</li>
  <li data-qty="300" class="getqty">300</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
																<div class="swiper-slide">
									<div class="card fade-up" data-productid="65" data-qtymode="unit" data-packsize="1">
										<div class="cardbox">
											<div class="cardproductinfo">
																								<div class="badge badge-discount">Discount -26%</div>
																																															</div>
																						<a href="https://www.cartelcaffe.com/en/product/cartel-milano-intenzo-paket-120-kapsuli" title="Cartel Milano Intenzo Box 120 Capsules"><img src="https://www.cartelcaffe.com/img/products/DSC_6010.jpg" alt="Cartel Milano Intenzo Box 120 Capsules" title="Cartel Milano Intenzo Box 120 Capsules" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/en/product/cartel-milano-intenzo-paket-120-kapsuli" title="Cartel Milano Intenzo Box 120 Capsules">Cartel Milano Intenzo Box 120 Capsules</a></h5>
											<div class="cardinfo">
												<div class="cardprice">
													<div class="card-text">
												49.00 &euro;													
																												<span class="ms-2 text-decoration-line-through" style="opacity:.6;">
														66.00 &euro;														
														</span>
																											</div>
																									</div>
												<a href="#" data-id="hp__65" class="btn btn-add changeqty " >
													<div class="navcircle">
														<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">add</span></span>
													</div>
												</a>
								<div class="pbinfo">
<h6><b>Aromatic notes</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Dark chocolate" title="Dark chocolate">Dark chocolate</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Cacao" title="Cacao">Cacao</li>
																			</ul>
							
</div>
													<div class="selectqty position-absolute z-2" id="hp__65">
													<div class="card card-body">
														<div class="selectqtyheader">
															<p style="font-size:12px;">Please select number of capsules</p>
															<a href="#" class="selectqtyclose" alt="Close"><span class="material-symbols-outlined">close</span></a>
														</div>
														<form>
															<ul class="prodqty">
														  <li data-qty="1" class="getqty">1</li>
  <li data-qty="2" class="getqty">2</li>
  <li data-qty="3" class="getqty">3</li>
  <li data-qty="4" class="getqty">4</li>
  <li data-qty="5" class="getqty">5</li>
  <li data-qty="6" class="getqty">6</li>
 															</ul>
															<div class="qtybox">
																<input type="hidden" class="form-control" name="qty" placeholder="Please choose" />
																
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
														</div>
								
					</div>
				</div>
			</div>
		</section>


<section class="coffeeaccessories">
	<div class="container">
		<div class="row">
			<div class="col-md-7 order-2 order-lg-1">
				<div class="coffeeaccessory">
					<img src="https://www.cartelcaffe.com/assets/images/beans.png" class="img-fluid cfaccimg2" data-scroll
						data-scroll-speed="0.4" alt="Beans" title="Beans" />
					<img src="https://www.cartelcaffe.com/assets/images/photo-coffee.png" class="img-fluid" alt="Stylish accessories" title=""Stylish accessories />
					<img src="https://www.cartelcaffe.com/assets/images/coffee cups.png" class="img-fluid cfaccimg" data-scroll
						data-scroll-speed="0.4" alt="Cup" title="Cup" />
				</div>
			</div>
			<div class="col-md-5 d-flex flex-column justify-content-center order-1 order-lg-2">
				<h3 class="sectiontitle mb-24">Stylish accessories</h3>
												<p>Discover carefully selected accessories designed to bring style, comfort, and finesse to every coffee moment.</p>
				<a href="https://www.cartelcaffe.com/en/category/aksesoari-za-kafe" class="btn btn-coffeeprimary mt-24 mtb-xs-48" title="Stylish accessories">
					<span class="flicker-btn__text">View all</span>
					<span class="flicker-btn__icon"></span>
					<span class="flicker-btn__filler"></span>
				</a>
			</div>
		</div>

	</div>

</section>

<section class="coffeedescription">
	<div class="container">
		<div class="row">
			<div class="col-md-6 mx-auto d-flex flex-column align-items-center justify-content-center">
		<div class="cfdimg" js-scrollflip-element="zone">
		<div class="cfdvideobox" js-scrollflip-element="target" data-flip-id="auto-2">	
<video id="coffeevideo" autoplay muted loop playsinline>
  <source src="https://www.cartelcaffe.com/assets/images/video/cartel-opt.mp4" type="video/mp4">
</video>

 </div>	
</div>		
					
				<h3 class="mb-24"><div class="text-black sectiontitle text-center">Every bean</div>
					<div class="sectiontitle text-center">has its own story</div>
				</h3>
				<p>Cartel Coffee combines a premium selection of beans with modern roasting to achieve the perfect balance of aroma, body, and intensity. Coffee that turns everyday life into a ritual.</p>
				<a href="https://www.cartelcaffe.com/en/about" class="btn btn-coffeeprimary mt-24" title="has its own story">
					<span class="flicker-btn__text">View all</span>
					<span class="flicker-btn__icon"></span>
					<span class="flicker-btn__filler"></span>
				</a>
			</div>

		</div>

	</div>


</section>


<section class="cfdcover"><!-- js-scrollflip-element="zone" data-flip-id="auto-0" -->
<video id="coffeevideo" autoplay muted loop playsinline>
  <source src="https://www.cartelcaffe.com/assets/images/video/cartel-opt.mp4" type="video/mp4">
</video>
 
</section>


<section class="coffeeslogan">
	<svg viewBox="0 0 800 600">
		<path id="curve" d="M5.991 258.065s144.7-200 377.88 7.373 414.107 6.451 415.668-13.825"
			style="fill:transparent" />
		<text>
			<textPath id="text-path" href="#curve" startOffset="20">Every recipe starts with inspiration :) Create the moment. Enjoy the taste</textPath>
		</text>
	</svg>
</section>

<section class="coffeerecept">
	<div class="container">
		<div class="row mb-24">
			<div class="col-md-6 mx-auto d-flex flex-column align-items-center justify-content-center">
				<h3 class="mb-12 sectiontitle">Recipes</h3>
				<p class="mb-12">Start your day with your perfect combination.</p>
												<div><a href="https://www.cartelcaffe.com/en/receipts" class="btn btn-coffeeprimary mtb-xs-48" title="Recipes">
						<span class="flicker-btn__text">View all</span>
						<span class="flicker-btn__icon"></span>
						<span class="flicker-btn__filler"></span>
					</a></div>
			</div>

		</div>

		<div class="row">
		<div class="col-md-12">
		<div class="swiper homereceptswiper">
		<div class="swiper-wrapper">
						<div class="swiper-slide">
				<div class="card fade-up recepta anim-item position-relative overflow-hidden">
					<a href="https://www.cartelcaffe.com/en/receipts/yagodovo-late-s-cartel" title="Strawberry Latte with CARTEL"><img src="https://www.cartelcaffe.com/img/portfolio/qgodovo-late-cartel.png" class="card-img-top" title="Strawberry Latte with CARTEL" loading="lazy" /></a>
					<div class="card-body">
						<div class="cardinfo">
							<div class="card-text"><a href="https://www.cartelcaffe.com/en/receipts/yagodovo-late-s-cartel" title="Strawberry Latte with CARTEL">Strawberry Latte with CARTEL</a></div>
							<a href="https://www.cartelcaffe.com/en/receipts/yagodovo-late-s-cartel" class="btn btn-add" title="Strawberry Latte with CARTEL">
								<div class="navcircle">
									<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">arrow_outward</span></span>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
						<div class="swiper-slide">
				<div class="card fade-up recepta anim-item position-relative overflow-hidden">
					<a href="https://www.cartelcaffe.com/en/receipts/espreso-tonik-s-rozov-tonik-i-cartel" title="ESPRESSO TONIC WITH PINK TONIC AND CARTEL"><img src="https://www.cartelcaffe.com/img/portfolio/rozov-tonik-espreso.png" class="card-img-top" title="ESPRESSO TONIC WITH PINK TONIC AND CARTEL" loading="lazy" /></a>
					<div class="card-body">
						<div class="cardinfo">
							<div class="card-text"><a href="https://www.cartelcaffe.com/en/receipts/espreso-tonik-s-rozov-tonik-i-cartel" title="ESPRESSO TONIC WITH PINK TONIC AND CARTEL">ESPRESSO TONIC WITH PINK TONIC AND CARTEL</a></div>
							<a href="https://www.cartelcaffe.com/en/receipts/espreso-tonik-s-rozov-tonik-i-cartel" class="btn btn-add" title="ESPRESSO TONIC WITH PINK TONIC AND CARTEL">
								<div class="navcircle">
									<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">arrow_outward</span></span>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
						<div class="swiper-slide">
				<div class="card fade-up recepta anim-item position-relative overflow-hidden">
					<a href="https://www.cartelcaffe.com/en/receipts/kafe-smuti-s-tahan-i-furmi-estestvena-energiya-v-chasha" title="Coffee Smoothie with Tahini and Dates – Natural Energy Boost"><img src="https://www.cartelcaffe.com/img/portfolio/Coffee Smoothie with Tahini and Dates-2.jpg" class="card-img-top" title="Coffee Smoothie with Tahini and Dates – Natural Energy Boost" loading="lazy" /></a>
					<div class="card-body">
						<div class="cardinfo">
							<div class="card-text"><a href="https://www.cartelcaffe.com/en/receipts/kafe-smuti-s-tahan-i-furmi-estestvena-energiya-v-chasha" title="Coffee Smoothie with Tahini and Dates – Natural Energy Boost">Coffee Smoothie with Tahini and Dates – Natural Energy Boost</a></div>
							<a href="https://www.cartelcaffe.com/en/receipts/kafe-smuti-s-tahan-i-furmi-estestvena-energiya-v-chasha" class="btn btn-add" title="Coffee Smoothie with Tahini and Dates – Natural Energy Boost">
								<div class="navcircle">
									<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">arrow_outward</span></span>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
						</div>
			<div class="swiper-pagination"></div>
			</div>
			</div>
		</div>
	</div>


</section>


<section class="coffeevideo mb-96">
	<div class="container">

		<div class="row">
			<div class="col-md-3">
				<div class="homevideoinfobox">
					<h3 class="mb-24"><div class="text-black sectiontitle">Every day deserves</div> <div class="sectiontitle">its own aroma</div></h3>
				</div>
			</div>
			<div class="col-md-9">
				<div class="swiper homevideoswiper h-100">
					<!-- Additional required wrapper -->
					<div class="swiper-wrapper">
						<!-- Slides -->
											</div>
					<!-- If we need pagination -->
					<div class="swiper-pagination"></div>

				</div>
		</div>
</div>
	</div>
</section>

<!-- Video modal (plays selected CMS video) -->
<div class="modal fade" id="homeVideoModal" tabindex="-1" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">            <div class="navcircle">
              <span class="btn-two__span" style="top: 53.2px; left: -850.4px; opacity: 1; transform: scale(0);"></span><span class="btn-two__span-text"><span class="material-symbols-outlined removeicon">
                  close
                </span></span>
            </div></button>
			</div>
			<div class="modal-body">
				<div class="ratio ratio-16x9" id="homeVideoModalBody"></div>
			</div>
		</div>
	</div>
</div>

<script>
(function () {
	function parseYouTubeId(url) {
		try {
			var u = new URL(url, window.location.origin);
			if (u.hostname.indexOf('youtu.be') !== -1) {
				return u.pathname.replace(/^\//, '');
			}
			if (u.hostname.indexOf('youtube.com') !== -1) {
				if (u.searchParams.get('v')) return u.searchParams.get('v');
				var m = u.pathname.match(/\/embed\/([^\/]+)/);
				if (m && m[1]) return m[1];
			}
		} catch (e) {}
		return null;
	}

	function parseVimeoId(url) {
		try {
			var u = new URL(url, window.location.origin);
			if (u.hostname.indexOf('vimeo.com') === -1) return null;
			var parts = u.pathname.split('/').filter(Boolean);
			for (var i = parts.length - 1; i >= 0; i--) {
				if (/^\d+$/.test(parts[i])) return parts[i];
			}
		} catch (e) {}
		return null;
	}

	function isDirectVideo(url) {
		return /\.(mp4|webm|ogg)(\?|#|$)/i.test(url || '');
	}

	function buildEmbed(url) {
		url = (url || '').trim();
		if (!url) return '';

		var yt = parseYouTubeId(url);
		if (yt) {
			var src = 'https://www.youtube.com/embed/' + encodeURIComponent(yt) + '?autoplay=1&rel=0';
			return '<iframe src="' + src + '" title="YouTube video" frameborder="0" allow="autoplay; encrypted-media; picture-in-picture" allowfullscreen></iframe>';
		}

		var vm = parseVimeoId(url);
		if (vm) {
			var vsrc = 'https://player.vimeo.com/video/' + encodeURIComponent(vm) + '?autoplay=1';
			return '<iframe src="' + vsrc + '" title="Vimeo video" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>';
		}

		if (isDirectVideo(url)) {
			return '<video src="' + url.replace(/"/g, '&quot;') + '" controls autoplay playsinline style="width:100%; height:100%;"></video>';
		}

		// Fallback: try iframe
		return '<iframe src="' + url.replace(/"/g, '&quot;') + '" title="Video" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>';
	}

	var modalEl = document.getElementById('homeVideoModal');
	var bodyEl = document.getElementById('homeVideoModalBody');
	if (!modalEl || !bodyEl) return;

	document.addEventListener('click', function (e) {
		var a = e.target && e.target.closest ? e.target.closest('a.homevideo-open') : null;
		if (!a) return;
		e.preventDefault();
		var url = a.getAttribute('data-video-url') || '';
		bodyEl.innerHTML = buildEmbed(url);
		try {
			var m = bootstrap.Modal.getOrCreateInstance(modalEl);
			m.show();
		} catch (err) {
			// ignore
		}
	});

	modalEl.addEventListener('hidden.bs.modal', function () {
		bodyEl.innerHTML = '';
	});
})();
</script>


<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"LocalBusiness","name":"Cartel Caffe","image":"https:\/\/www.cartelcaffe.com\/img\/ogimg\/cartelcoffee-logo.jpg","url":"https:\/\/www.cartelcaffe.com\/en","telephone":"+359 899 192 152","address":{"@type":"PostalAddress","streetAddress":"Plovdiv, 26 Mladezhka Street","addressCountry":"BG"}}</script>

  </main>
  <footer class="footerbkg1">

    
    <div class="container footerbox">
      <div class="row h-100">
        <div class="col-12 col-md d-flex flex-column h-100">
		 
          <h3 class="footertitle">Contacts</h3>
                      <p>Plovdiv, 26 Mladezhka Street</p>
                    <div><a href="" target="_blank" class="link" title="Show on map">
              <span class="mask">
                <div class="link-container">
                  <span class="link-title1 title">Show on map</span>
                  <span class="link-title2 title">Show on map</span>
                </div>
              </span>
              <div class="link-icon">
                <span class="material-symbols-outlined icon">
                  trending_flat
                </span>
                <span class="material-symbols-outlined icon">
                  trending_flat
                </span>
              </div>
            </a></div>
          <div class="footercontactinfo d-flex flex-column">
                                              </div>
		          </div>
        <div class="col-12 col-md">

          <h3 class="footertitle">Products</h3>
          <ul class="footermenu">
		              <li><a href="https://www.cartelcaffe.com/en/category/kafe-kapsuli" title="Cartel Coffee ">Cartel Coffee </a></li>
		              <li><a href="https://www.cartelcaffe.com/en/category/kafe-na-zarna" title="Coffee Beans">Coffee Beans</a></li>
		              <li><a href="https://www.cartelcaffe.com/en/category/kafemashini-za-kapsuli" title="Capsule Coffee Machines ">Capsule Coffee Machines </a></li>
		              <li><a href="https://www.cartelcaffe.com/en/category/kafemashini-za-kafe-na-zarna" title="Bean to Cup Coffee Machines">Bean to Cup Coffee Machines</a></li>
		              <li><a href="https://www.cartelcaffe.com/en/category/aksesoari-za-kafe" title="Coffee Accessories">Coffee Accessories</a></li>
		  
          </ul>

        </div>
        <div class="col-12 col-md">
          <h3 class="footertitle">Company</h3>
          <ul class="footermenu">
            <li><a href="https://www.cartelcaffe.com/en/about" class="text-wrapper-3" title="About us">About us</a></li>
            <li><a href="https://www.cartelcaffe.com/en/bussiness" class="text-wrapper-4" title="Business solutions">Business solutions</a></li>
            <li><a href="https://www.cartelcaffe.com/en/receipts" class="text-wrapper-4" title="Recipes">Recipes</a></li>
            <li><a href="https://www.cartelcaffe.com/en/questions" class="text-wrapper-4" title="FAQ">FAQ</a></li>
            <li><a href="https://www.cartelcaffe.com/en/pages/obshti-usloviya" class="text-wrapper-4" title="Terms and Conditions">Terms and Conditions</a></li>
<li><a href="https://www.cartelcaffe.com/en/pages/politika-za-poveritelnost" class="text-wrapper-5" title="Privacy policy">Privacy policy</a></li>
            <li><a href="https://www.cartelcaffe.com/en/карта-сайт" class="text-wrapper-6" title="Sitemap">Sitemap</a></li>
			 
			 
          </ul>

        </div>
        <div class="col-12 col-md">
          <h3 class="footertitle">Follow us</h3>
          <ul class="footermenu">
                                                              <li><a href="https://www.youtube.com/@CartelCaffe" target="_blank" rel="noopener noreferrer" class="text-wrapper-7" title="YouTube">YouTube</a></li>
                                      <li><a href="https://www.linkedin.com/company/cartel-caffe" target="_blank" rel="noopener noreferrer" class="text-wrapper-7" title="LinkedIn">LinkedIn</a></li>
            			                <li><a href="https://wa.me/359899192152" target="_blank" rel="noopener noreferrer" class="text-wrapper-7" title="WhatsApp">WhatsApp</a></li>
            			            </ul>

        </div>
        <div class="col-12 col-md">
		          <div class="payments d-none">
            <img class="mastercard" src="https://www.cartelcaffe.com/assets/images/icons/mastercard.png" alt="Mastercard" />
            <img class="visa" src="https://www.cartelcaffe.com/assets/images/icons/visa.png" alt="Visa" />
            <img class="borika" src="https://www.cartelcaffe.com/assets/images/icons/borika.png" alt="Borika" />
          </div>

        </div>

      </div>


    </div>
    <div class="footercopy">
      <div class="container">
        <div class="row">
          <div class="col-5 col-md-6 text-start d-flex align-items-center pe-0">
            2026 © cartel-coffee.com
          </div>
          <div class="col-7 col-md-6 d-flex align-items-end justify-content-end ps-0"><a href="https://www.update.bg"
              class="d-flex align-items-center" target="_blank" title="Update.bg">e-commerce by <img
                src="https://www.cartelcaffe.com/img/logo/update-logo.svg" height="26" width="100"
                style="margin-left: 5px;align-self: center;" alt="Update.bg" title="Update.bg" /></a></div>
        </div>
      </div>
    </div>
  </footer>
  <div class="navbox">
   <div class="fphone"><a href="tel:" title=""><span class="material-symbols-outlined fw-200">
        phone
      </span></a></div>
  <div class="totop"><a href="#" id="totop" title="To top"><span class="material-symbols-outlined fw-200">
        north
      </span></a></div>
	  </div>
  

  <div class="modal fade" id="contactmodal" aria-labelledby="filtermodalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
            <div class="navcircle">
              <span class="btn-two__span"></span><span class="btn-two__span-text"><span
                  class="material-symbols-outlined removeicon">
                  close
                </span></span>
            </div>
          </button>
        </div>
        <div class="modal-body pt-0 pb-0">
          <h4 class="modal-title text-center fs-5 mb-16 mb-xs-12" id="filtermodalLabel">Make an inquiry</h4>
          <p class="text-center mb-24">All fields with asterisk are required!</p>
          <form id="contactform" action="https://www.cartelcaffe.com/page/sendmail">
            <div class="row">
              <div class="col-12 col-md-6 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="fname">Full name *</label>
                <input type="text" name="fname" class="form-control" id="fname" placeholder="Full name *" required
                  data-msg="Required" />
              </div>
              <div class="col-12 col-md-6 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="email">Email *</label>
                <input type="text" name="email" class="form-control" id="email" placeholder="Email *" required
                  data-msg="Required" data-rule-email="true"
                  data-msg-email="Invalid email" />
              </div>
              <div class="col-12 col-md-6 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="phone">Phone *</label>
                <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone *" required
                  data-msg="Required" />
              </div>
              <div class="col-12 col-md-6 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="companyname">Company </label>
                <input type="text" name="companyname" class="form-control" id="companyname"
                  placeholder="Company" />
              </div>
              <div class="col-12 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="message">Subject</label>
                <textarea class="form-control" name="message" id="message" required
                  placeholder="For example: Please provide more information about the product."
                  data-msg="Required"></textarea>

              </div>


              <div class="col-12 mb-18 mb-xs-18">
                <div class="form-check float-start position-relative">
                  <input class="form-check-input required" type="checkbox" id="agree" name="agree"
                    data-msg="Required">
                  <label class="form-check-label" for="agree">
                    I accept <a href="#" data-bs-target="#privacymodal" data-bs-toggle="modal">privacy policy</a>.                  </label>
                  <div class="invalid-feedback">
                  </div>

                </div>

              </div>
              <div class="col-12 d-flex justify-content-lg-end justify-content-end">
                <button type="submit" class="btn btn-coffeeprimary" id="sendrequest" data-btntxt="Send inquiry">
                  <span class="flicker-btn__text">Send inquiry</span>
                  <span class="flicker-btn__icon"></span>
                  <span class="flicker-btn__filler"></span>
                </button>
              </div>

            </div>

          </form>

        </div>

      </div>
    </div>
  </div>


  <div class="modal fade right" id="cartmodal" aria-labelledby="filtermodalLabel" aria-hidden="true">
    <div class="modal-dialog modal-side modal-top-right modal-dialog-scrollable">
      <div class="modal-content">
        <div class="modal-header">
          <div class="d-none align-items-center cartsuccessmsg"> <span class="material-symbols-outlined successicon">
              check_circle
            </span> Successfully added to cart!</div>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
            <div class="navcircle">
              <span class="btn-two__span"></span><span class="btn-two__span-text"><span
                  class="material-symbols-outlined removeicon">
                  close
                </span></span>
            </div>
          </button>
        </div>
        <div class="modal-body d-flex">
          <form id="requestform" action="https://www.cartelcaffe.com/order/cart" novalidate>
            <div class="row mb-24">
              <div class="col-md-12">
                <div class="cartmsg">
                  <span class="js-cart-free-shipping-msg">
				  Add 91,80 лв. more (3.60 €) and get Free shipping</span>
                  <div class="progress mt-24 js-cart-free-shipping-progress" role="progressbar" aria-label="Free shipping" aria-valuenow="0"
                    aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar js-cart-free-shipping-bar" style="width: 0%"></div>
                  </div>
                </div>
              </div>

            </div>
            <div class="row">
              <div class="col-md-12 js-cart-items">
                <!-- Filled by JS from /cart/summary -->
              </div>
            </div>


          </form>

        </div>
        <div class="modal-footer">
          <div class="carttotal">Total<br />
            <span class="carttotalprice js-cart-modal-total">0.00 &euro;</span>
          </div>
          <button type="button" class="btn btn-coffeeprimary js-cart-checkout">
            <span class="flicker-btn__text">Complete the order</span>
            <span class="flicker-btn__icon"></span>
            <span class="flicker-btn__filler"></span>
          </button>

        </div>
      </div>
    </div>
  </div>


 <div class="modal fade" id="langmodal" aria-labelledby="filtermodalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-fullscreen">
      <div class="modal-content">
       
        <div class="modal-body">
 <div class="row">
 <div class="col-md-12 mb-64"><img src="https://www.cartelcaffe.com/img/logo/cartelcaffe-darklogo.png" class="img-fluid" style="width:625px"/></div>
<div class="col-md-6">.

<h4>Please choose language</h4>
<p>Language</p>
<ul class="list-group mt-24">
  <li class="list-group-item langmodalitem"><a href="https://www.cartelcaffe.com/lang/bg" data-lang="bg" class=" langlink" title="Български"><i class="fi fi-bg fis rounded-circle me-1 fs-2"></i>Български 
								<div class="btn btn-add ms-auto"><div class="navcircle">
									<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">arrow_outward</span></span>
								</div></div>
							</a></li>
  <li class="list-group-item langmodalitem"><a href="https://www.cartelcaffe.com/lang/ro" data-lang="ro" class=" langlink" title="Română"><i class="fi fi-ro fis rounded-circle me-1 fs-2"></i>Română 
  <div class="btn btn-add ms-auto">
								<div class="navcircle">
									<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">arrow_outward</span></span>
								</div></div>
							</a></li>
  <li class="list-group-item langmodalitem"><a href="https://www.cartelcaffe.com/lang/en" data-lang="en" class=" langlink" title="English"><i class="fi fi-gb fis rounded-circle me-1 fs-2"></i>English 
							<div class="btn btn-add ms-auto">	<div class="navcircle">
									<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">arrow_outward</span></span>
								</div></div>
							</a></li> 
							<li class="list-group-item langmodalitem"><a href="https://www.cartelcaffe.com/lang/el" data-lang="el" class=" langlink" title="Ελληνικη"><i class="fi fi-gr fis rounded-circle me-1 fs-2"></i>Ελληνικη 
							<div class="btn btn-add ms-auto">	<div class="navcircle">
									<span class="btn-two__span"></span><span class="btn-two__span-text"><span class="material-symbols-outlined">arrow_outward</span></span>
								</div></div>
	</a></li>
 	</ul>
</div>
<div class="col-md-6">
<img src="https://www.cartelcaffe.com/img/home/langmodal.png" class="img-fluid"/>
</div>
</div> 

        </div>

      </div>
    </div>
  </div>


  <div class="overlay"></div>


  <!-- JavaScript Bundle with Popper -->
  <script src="https://code.jquery.com/jquery-3.6.1.min.js"
    integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" defer></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"
    integrity="sha512-CEiA+78TpP9KAIPzqBvxUv8hy41jyI3f2uHi7DGp/Y/Ka973qgSdybNegWFciqh6GrN2UePx2KkflnQUbUhNIA=="
    crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js?_v=20230126124456" defer></script>
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/i18n/en.min.js" integrity="sha512-IS4cS3xCf0ASMwMgYwIo/fiAz3UCorMca4XSHGAEIvd/Qzy0SBez7HtLrKrjzGdKjAwPBS0B7yEi3zxVIcCXKA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script src="https://cdn.jsdelivr.net/npm/lightgallery@2.7.2/lightgallery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/gsap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll/bundled/locomotive-scroll.min.js"></script>


  <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/ScrollTrigger.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/CustomEase.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/Flip.min.js"></script>
  <!-- ScrollSmoother requires ScrollTrigger
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/ScrollSmoother.min.js"></script> -->

  <script src="https://www.cartelcaffe.com/js/js.cookie.js?ver=1791840111" defer></script>
  <script src="https://www.cartelcaffe.com/js/lang/en.js?ver=1791840111" defer></script>
  <script src="https://www.cartelcaffe.com/js/custom.js?ver=1791840111" defer></script>

</body>

</html>