<!-- 
//................................................................................................................
//.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="hr">

<head>
  <meta charset="utf-8">
  <title>Kapsule za kavu | Talijanski espresso | Cartel Caffe</title>
  <meta name="description" content="Vrhunske kapsule za kavu s talijanskim karakterom. Bogata aroma, bogat okus i savršen espresso kod kuće. Naručite online iz Cartel Caffea.">
  <meta name="keywords" content="kapsule za kavu">
  <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/hr" />
      <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="Vrhunske kapsule za kavu s talijanskim karakterom. Bogata aroma, bogat okus i savršen espresso kod kuće. Naručite online iz Cartel Caffea." />
      <meta property="og:locale" content="hr-HR" />
    	
	<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/hr" />
  <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=1791731490" 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 = 'hr';
    var protectinfo = 0;
	var exrateeur2ron = 5.3406;
	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">Besplatna dostava preko 15.00 €</div>
            <div class="col-md-4 d-none d-sm-flex">
                            Trebate li pomoć?&nbsp;&nbsp;<a href="tel:+359899192152" class="topbarphone text-reset text-decoration-none">
 +359 899 192 152	  
			  
	 </a>            </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/hr" 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/hr/promotions" class="nav-link " title="PROMOCIJE">PROMOCIJE</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="KAFIĆ">KAFIĆ</a>

                  <ul class="dropdown-menu">
                                          <li><a class="dropdown-item link" href="https://www.cartelcaffe.com/hr/category/kafe-kapsuli" title="Kapsula">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/Cartel Classico - The Golden Balance_2.png" alt="Kapsula" title="Kapsula" /></div>
                                                  <span class="d-flex align-items-center">
                            <span class="mask">
                              <div class="link-container">
                                <span class="link-title1 title">Kapsula</span>
                                <span class="link-title2 title">Kapsula</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/hr/category/kafe-na-zarna" title="Zrna kave">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/menucoffeebeans.png" alt="Zrna kave" title="Zrna kave" /></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">Zrna kave</span>
                                  <span class="link-title2 title">Zrna kave</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/hr/receipts" title="Recepti">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/assets/images/icons/coffee reciepe.png" alt="Recepti" title="Recepti" /></div>
                                                  <span class="d-flex align-items-center">
                            <span class="mask">
                              <div class="link-container">
                                <span class="link-title1 title">Recepti</span>
                                <span class="link-title2 title">Recepti</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="KAFIĆ">KAFIĆ</a>
                  <div id="submenu" class="collapse submenu">
                    <ul class="sub-menu">
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/hr/category/kafe-kapsuli">
                         Kapsula                        </a></li>
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/hr/category/kafe-na-zarna">
                         Zrna kave                        </a></li>
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/hr/receipts">
                         Recepti                        </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="APARATI ZA KAVU">APARATI ZA KAVU</a>

                  <ul class="dropdown-menu">
                                          <li><a class="dropdown-item link" href="https://www.cartelcaffe.com/hr/category/kafemashini-za-kapsuli" title="Aparati za kavu s kapsulama">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/viber_image_2026-04-28_15-10-27-154.jpg" alt="Aparati za kavu s kapsulama" title="Aparati za kavu s kapsulama" /></div>
                        <span class="d-flex align-items-center">
                          <span class="mask">
                            <div class="link-container">
                              <span class="link-title1 title">Aparati za kavu s kapsulama</span>
                              <span class="link-title2 title">Aparati za kavu s kapsulama</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/hr/category/kafemashini-za-kafe-na-zarna" title="Aparati za kavu od zrna do zrna">
                        <div class="menuimg"><img src="https://www.cartelcaffe.com/img/pcategories/beans-machines-coffee.png" alt="Aparati za kavu od zrna do zrna" title="Aparati za kavu od zrna do zrna" /></div>
                        <span class="d-flex align-items-center">
                          <span class="mask">
                            <div class="link-container">
                              <span class="link-title1 title">Aparati za kavu od zrna do zrna</span>
                              <span class="link-title2 title">Aparati za kavu od zrna do zrna</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">APARATI ZA KAVU</a>
                  <div class="submenu collapse" id="submenu2">
                    <ul class="">
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/hr/category/kafemashini-za-kapsuli" title="Aparati za kavu s kapsulama">
                       Aparati za kavu s kapsulama							  
                        </a></li>
                                              <li class="submenu-item"><a class="" href="https://www.cartelcaffe.com/hr/category/kafemashini-za-kafe-na-zarna" title="Aparati za kavu od zrna do zrna">
                       Aparati za kavu od zrna do zrna							  
                        </a></li>
                                          </ul>
                  </div>
                </li>
                                <li class="nav-item "><a href="https://www.cartelcaffe.com/hr/category/aksesoari-za-kafe" class="nav-link " title="PRIBOR">PRIBOR</a></li>
                                <li class="nav-item "><a href="https://www.cartelcaffe.com/hr/bussiness" class="nav-link " title="B2B RJEŠENJA">B2B RJEŠENJA</a></li>
                                <li class="nav-item "><a href="https://www.cartelcaffe.com/hr/contacts" class="nav-link " title="KONTAKTI">KONTAKTI</a></li>
                          </ul>

          <div class="hnavright">
			<a href="https://www.cartelcaffe.com/hr/search" title="Pretraživanje" class="me-2 d-sm-flex align-items-center"><span class="material-symbols-outlined">
                search
              </span> Pretraživanje</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> HR</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/hr/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"> HR</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">Besplatna dostava</h3>
																<p class="slidesubtitle">preko 15 eura</p>
										<p><small>Trenutak stvoren za tebe</small></p>
					<a href="https://www.cartelcaffe.com/hr/category/kafe-kapsuli" class="btn btn-coffeeprimary mt-24" title="Besplatna dostava">
						<span class="flicker-btn__text">Pogled</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="Besplatna dostava" title="Besplatna dostava" />
				</div>
			</div>
					<div class="slide">
				<div class="sliderbox">
											<h3 class="sectiontitle">Sada dostupno</h3>
																<p class="slidesubtitle">BEZKOFEINSKA KAVA</p>
										<p><small>Trenutak stvoren za tebe.</small></p>
					<a href="https://www.cartelcaffe.com/hr/product/cartel-bezkofeinovo-kafe-kapsuli-decaf" class="btn btn-coffeeprimary mt-24" title="Sada dostupno">
						<span class="flicker-btn__text">Pogled</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="Sada dostupno" title="Sada dostupno" />
				</div>
			</div>
					<div class="slide">
				<div class="sliderbox">
											<h3 class="sectiontitle">B2B RJEŠENJA</h3>
																<p class="slidesubtitle">vrhunska kvaliteta</p>
										<p><small>za kafiće, restorane, hotele i barove</small></p>
					<a href="https://www.cartelcaffe.com/hr/bussiness" class="btn btn-coffeeprimary mt-24" title="B2B RJEŠENJA">
						<span class="flicker-btn__text">Saznajte više</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="B2B RJEŠENJA" title="B2B RJEŠENJA" />
				</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">Proizvodi</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="Kapsule">
									<div class=" navtab">
										<span class="btn-two__span"></span><span class="btn-two__span-text">Kapsule</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">Odabrani prijedlozi</h4>
							<p class="mb-3">Kava koju volite — po cijeni koja vam se sviđa.</p>

							<a href="https://www.cartelcaffe.com/hr/promotions" class="link homeproducts-viewall" title="Odabrani prijedlozi">
								<span class="mask">
									<div class="link-container">
										<span class="link-title1 title">Prikaži sve</span>
										<span class="link-title2 title">Prikaži sve</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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/hr/product/bezkofeinovo-kafe-kapsuli-cartel-decaf-savmestimi-s-nespresso-original" title="Kapsule za kavu bez kofeina - Cartel Decaf - kompatibilne s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_8273.jpg" alt="Kapsule za kavu bez kofeina - Cartel Decaf - kompatibilne s originalnim Nespresso® aparatima" title="Kapsule za kavu bez kofeina - Cartel Decaf - kompatibilne s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/bezkofeinovo-kafe-kapsuli-cartel-decaf-savmestimi-s-nespresso-original" title="Kapsule za kavu bez kofeina - Cartel Decaf - kompatibilne s originalnim Nespresso® aparatima">Kapsule za kavu bez kofeina - Cartel Decaf - kompatibilne s originalnim Nespresso® aparatima</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; za kapsulu</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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/hr/product/cartel-my-barista-caramel-savmestimi-s-nespresso-original" title="CARTEL My Barista Caramel - kompatibilan s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_8396.jpg" alt="CARTEL My Barista Caramel - kompatibilan s originalnim Nespresso® aparatima" title="CARTEL My Barista Caramel - kompatibilan s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-caramel-savmestimi-s-nespresso-original" title="CARTEL My Barista Caramel - kompatibilan s originalnim Nespresso® aparatima">CARTEL My Barista Caramel - kompatibilan s originalnim Nespresso® aparatima</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; za kapsulu</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>Aromatične note</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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/hr/product/cartel-my-barista-biscotto-savmestimi-s-nespresso-original" title="CARTEL My Barista Biscotto - kompatibilan s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/biscotto-new3.png" alt="CARTEL My Barista Biscotto - kompatibilan s originalnim Nespresso® aparatima" title="CARTEL My Barista Biscotto - kompatibilan s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-biscotto-savmestimi-s-nespresso-original" title="CARTEL My Barista Biscotto - kompatibilan s originalnim Nespresso® aparatima">CARTEL My Barista Biscotto - kompatibilan s originalnim Nespresso® aparatima</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; za kapsulu</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Slatki keks" title="Slatki keks">Slatki keks</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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/hr/product/cartel-my-barista-amaretto-savmestimi-s-nespresso-original" title="CARTEL My Barista Amaretto - kompatibilan s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_8368.jpg" alt="CARTEL My Barista Amaretto - kompatibilan s originalnim Nespresso® aparatima" title="CARTEL My Barista Amaretto - kompatibilan s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-amaretto-savmestimi-s-nespresso-original" title="CARTEL My Barista Amaretto - kompatibilan s originalnim Nespresso® aparatima">CARTEL My Barista Amaretto - kompatibilan s originalnim Nespresso® aparatima</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; za kapsulu</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>Aromatične note</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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">8|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-irish-cream-savmestimi-s-nespresso-original" title="CARTEL My Barista Irish cream - съвместими с Nespresso® original "><img src="https://www.cartelcaffe.com/img/products/DSC_8306.jpg" alt="CARTEL My Barista Irish cream - съвместими с Nespresso® original " title="CARTEL My Barista Irish cream - съвместими с Nespresso® original " loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-irish-cream-savmestimi-s-nespresso-original" title="CARTEL My Barista Irish cream - съвместими с Nespresso® original ">CARTEL My Barista Irish cream - съвместими с Nespresso® original </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; za kapsulu</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Irska krema" title="Irska krema">Irska krema</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="vanilija i čokolada" title="vanilija i čokolada">vanilija i čokolada</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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">4|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-lychee-bloom-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Lychee Bloom - Kapsule - kompatibilne s Nespresso® original aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_8298.jpg" alt="CARTEL My Barista Lychee Bloom - Kapsule - kompatibilne s Nespresso® original aparatima" title="CARTEL My Barista Lychee Bloom - Kapsule - kompatibilne s Nespresso® original aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-lychee-bloom-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Lychee Bloom - Kapsule - kompatibilne s Nespresso® original aparatima">CARTEL My Barista Lychee Bloom - Kapsule - kompatibilne s Nespresso® original aparatima</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; za kapsulu</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Med" title="Med">Med</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Liči" title="Liči">Liči</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="ruža" title="ruža">ruža</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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/hr/product/cartel-my-barista-chocolate-raspberry-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Čokolada Malina - Kapsule - kompatibilne s Nespresso® original aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_8384.jpg" alt="CARTEL My Barista Čokolada Malina - Kapsule - kompatibilne s Nespresso® original aparatima" title="CARTEL My Barista Čokolada Malina - Kapsule - kompatibilne s Nespresso® original aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-chocolate-raspberry-kapsuli-savmestimi-s-nespresso-original" title="CARTEL My Barista Čokolada Malina - Kapsule - kompatibilne s Nespresso® original aparatima">CARTEL My Barista Čokolada Malina - Kapsule - kompatibilne s Nespresso® original aparatima</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; za kapsulu</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="kakao i malina" title="kakao i malina">kakao i malina</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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">5|13</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-french-vanilla" title="CARTEL My Barista French Vanilla - kompatibilan s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_8406.jpg" alt="CARTEL My Barista French Vanilla - kompatibilan s originalnim Nespresso® aparatima" title="CARTEL My Barista French Vanilla - kompatibilan s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-my-barista-french-vanilla" title="CARTEL My Barista French Vanilla - kompatibilan s originalnim Nespresso® aparatima">CARTEL My Barista French Vanilla - kompatibilan s originalnim Nespresso® aparatima</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; za kapsulu</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="vanilija" title="vanilija">vanilija</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -26%</div>
																																																<div class="badge badge-new">Novi</div>
																							</div>
																						<a href="https://www.cartelcaffe.com/hr/product/cartel-noisette-royale-paket-120-broya-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_6000.jpg" alt="Cartel Noisette Royale pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima" title="Cartel Noisette Royale pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-noisette-royale-paket-120-broya-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima">Cartel Noisette Royale pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Karamela" title="Karamela">Karamela</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Lješnjaci" title="Lješnjaci">Lješnjaci</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Kako maslac" title="Kako maslac">Kako maslac</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -20%</div>
																																																<div class="badge badge-new">Novi</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/hr/product/cartel-noisette-royale-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale kapsule - kompatibilne s Nespresso® originalom"><img src="https://www.cartelcaffe.com/img/products/DSC_5989.jpg" alt="Cartel Noisette Royale kapsule - kompatibilne s Nespresso® originalom" title="Cartel Noisette Royale kapsule - kompatibilne s Nespresso® originalom" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-noisette-royale-kapsuli-savmestimi-s-nespresso-original" title="Cartel Noisette Royale kapsule - kompatibilne s Nespresso® originalom">Cartel Noisette Royale kapsule - kompatibilne s Nespresso® originalom</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; za kapsulu</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Karamela" title="Karamela">Karamela</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Lješnjaci" title="Lješnjaci">Lješnjaci</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Kako maslac" title="Kako maslac">Kako maslac</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -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/hr/product/cartel-milano-intenzo-kapsuli" title="Cartel Milano Intenzo kapsule - kompatibilne s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_5969.jpg" alt="Cartel Milano Intenzo kapsule - kompatibilne s originalnim Nespresso® aparatima" title="Cartel Milano Intenzo kapsule - kompatibilne s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-milano-intenzo-kapsuli" title="Cartel Milano Intenzo kapsule - kompatibilne s originalnim Nespresso® aparatima">Cartel Milano Intenzo kapsule - kompatibilne s originalnim Nespresso® aparatima</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; za kapsulu</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Note tamne čokolade" title="Note tamne čokolade">Note tamne čokolade</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Kakao" title="Kakao">Kakao</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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">Popust -26%</div>
																																															</div>
																						<a href="https://www.cartelcaffe.com/hr/product/cartel-milano-intenzo-paket-120-kapsuli" title="Cartel Milano Intenzo pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima"><img src="https://www.cartelcaffe.com/img/products/DSC_6010.jpg" alt="Cartel Milano Intenzo pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima" title="Cartel Milano Intenzo pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima" loading="lazy" /></a>
										</div>
										<div class="card-body w-100">
											<h5 class="card-title"><a href="https://www.cartelcaffe.com/hr/product/cartel-milano-intenzo-paket-120-kapsuli" title="Cartel Milano Intenzo pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima">Cartel Milano Intenzo pakiranje od 120 kapsula - kompatibilno s originalnim Nespresso® aparatima</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>Aromatične note</b></h6>
											<ul>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Note tamne čokolade" title="Note tamne čokolade">Note tamne čokolade</li>
																					<li><img src="https://www.cartelcaffe.com/assets/images/icons/coffeebean-icon.svg" alt="Kakao" title="Kakao">Kakao</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;">Моля, изберете брой капсули</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="Molimo odaberite" />
																
															</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="Elegantni dodaci" title=""Elegantni dodaci />
					<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">Elegantni dodaci</h3>
												<p>Otkrijte pažljivo odabrane dodatke osmišljene kako bi unijeli stil, udobnost i profinjenost u svaki trenutak ispijanja kave.</p>
				<a href="https://www.cartelcaffe.com/hr/category/aksesoari-za-kafe" class="btn btn-coffeeprimary mt-24 mtb-xs-48" title="Elegantni dodaci">
					<span class="flicker-btn__text">Prikaži sve</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">Svaka bobica</div>
					<div class="sectiontitle text-center">носи своята история</div>
				</h3>
				<p>Cartel Coffee kombinira vrhunski odabir zrna s modernim prženjem kako bi postigla savršenu ravnotežu arome, tijela i intenziteta. Kava koja svakodnevni život pretvara u ritual.</p>
				<a href="https://www.cartelcaffe.com/hr/about" class="btn btn-coffeeprimary mt-24" title="носи своята история">
					<span class="flicker-btn__text">Prikaži sve</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">Svaki recept počinje s inspiracijom :) Stvori trenutak. Uživajte u okusu</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">Рецепти</h3>
				<p class="mb-12">Započnite dan svojom savršenom kombinacijom.</p>
												<div><a href="https://www.cartelcaffe.com/hr/receipts" class="btn btn-coffeeprimary mtb-xs-48" title="Рецепти">
						<span class="flicker-btn__text">Prikaži sve</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/hr/receipts/yagodovo-late-s-cartel" title="JAGODA LATTE S KARTELOM"><img src="https://www.cartelcaffe.com/img/portfolio/qgodovo-late-cartel.png" class="card-img-top" title="JAGODA LATTE S KARTELOM" loading="lazy" /></a>
					<div class="card-body">
						<div class="cardinfo">
							<div class="card-text"><a href="https://www.cartelcaffe.com/hr/receipts/yagodovo-late-s-cartel" title="JAGODA LATTE S KARTELOM">JAGODA LATTE S KARTELOM</a></div>
							<a href="https://www.cartelcaffe.com/hr/receipts/yagodovo-late-s-cartel" class="btn btn-add" title="JAGODA LATTE S KARTELOM">
								<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/hr/receipts/espreso-tonik-s-rozov-tonik-i-cartel" title="ESPRESSO TONIK S RUŽIČASTIM TONIKOM I KARTELOM"><img src="https://www.cartelcaffe.com/img/portfolio/rozov-tonik-espreso.png" class="card-img-top" title="ESPRESSO TONIK S RUŽIČASTIM TONIKOM I KARTELOM" loading="lazy" /></a>
					<div class="card-body">
						<div class="cardinfo">
							<div class="card-text"><a href="https://www.cartelcaffe.com/hr/receipts/espreso-tonik-s-rozov-tonik-i-cartel" title="ESPRESSO TONIK S RUŽIČASTIM TONIKOM I KARTELOM">ESPRESSO TONIK S RUŽIČASTIM TONIKOM I KARTELOM</a></div>
							<a href="https://www.cartelcaffe.com/hr/receipts/espreso-tonik-s-rozov-tonik-i-cartel" class="btn btn-add" title="ESPRESSO TONIK S RUŽIČASTIM TONIKOM I KARTELOM">
								<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/hr/receipts/kafe-smuti-s-tahan-i-furmi-estestvena-energiya-v-chasha" title="Smoothie od kave s tahinijem i datuljama – prirodna energija u šalici"><img src="https://www.cartelcaffe.com/img/portfolio/Coffee Smoothie with Tahini and Dates-2.jpg" class="card-img-top" title="Smoothie od kave s tahinijem i datuljama – prirodna energija u šalici" loading="lazy" /></a>
					<div class="card-body">
						<div class="cardinfo">
							<div class="card-text"><a href="https://www.cartelcaffe.com/hr/receipts/kafe-smuti-s-tahan-i-furmi-estestvena-energiya-v-chasha" title="Smoothie od kave s tahinijem i datuljama – prirodna energija u šalici">Smoothie od kave s tahinijem i datuljama – prirodna energija u šalici</a></div>
							<a href="https://www.cartelcaffe.com/hr/receipts/kafe-smuti-s-tahan-i-furmi-estestvena-energiya-v-chasha" class="btn btn-add" title="Smoothie od kave s tahinijem i datuljama – prirodna energija u šalici">
								<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">Svaki dan vrijedi</div> <div class="sectiontitle">njegova 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\/hr","telephone":"+359 899 192 152","address":{"@type":"PostalAddress","streetAddress":"Plovdiv, ulica Mladežka 26","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">Kontakti</h3>
                      <p>Plovdiv, ulica Mladežka 26</p>
                    <div><a href="" target="_blank" class="link" title="Prikaži na karti">
              <span class="mask">
                <div class="link-container">
                  <span class="link-title1 title">Prikaži na karti</span>
                  <span class="link-title2 title">Prikaži na karti</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">
                          <a href="tel:+359899192152" target="_blank" rel="noopener noreferrer" class="t" title="+359 899 192 152">T:&nbsp;&nbsp;+359 899 192 152</a>
                                                  <a href="mailto:info@cartelcaffe.com" target="_blank" rel="noopener noreferrer" class="info-cartelcaffe-com" title="info@cartelcaffe.com">E:&nbsp;&nbsp;info@cartelcaffe.com</a>
                      </div>
		          </div>
        <div class="col-12 col-md">

          <h3 class="footertitle">Proizvodi</h3>
          <ul class="footermenu">
		              <li><a href="https://www.cartelcaffe.com/hr/category/kafe-kapsuli" title="Kapsule za kavu">Kapsule za kavu</a></li>
		              <li><a href="https://www.cartelcaffe.com/hr/category/kafe-na-zarna" title="Zrna kave">Zrna kave</a></li>
		              <li><a href="https://www.cartelcaffe.com/hr/category/kafemashini-za-kapsuli" title="Aparati za kavu s kapsulama">Aparati za kavu s kapsulama</a></li>
		              <li><a href="https://www.cartelcaffe.com/hr/category/kafemashini-za-kafe-na-zarna" title="Aparati za kavu u zrnu">Aparati za kavu u zrnu</a></li>
		              <li><a href="https://www.cartelcaffe.com/hr/category/aksesoari-za-kafe" title="Pribor za kavu">Pribor za kavu</a></li>
		  
          </ul>

        </div>
        <div class="col-12 col-md">
          <h3 class="footertitle">O tvrtki</h3>
          <ul class="footermenu">
            <li><a href="https://www.cartelcaffe.com/hr/about" class="text-wrapper-3" title="O nama">O nama</a></li>
            <li><a href="https://www.cartelcaffe.com/hr/bussiness" class="text-wrapper-4" title="Poslovna rješenja">Poslovna rješenja</a></li>
            <li><a href="https://www.cartelcaffe.com/hr/receipts" class="text-wrapper-4" title="Recepti">Recepti</a></li>
            <li><a href="https://www.cartelcaffe.com/hr/questions" class="text-wrapper-4" title="Pitanja i odgovori">Pitanja i odgovori</a></li>
            <li><a href="https://www.cartelcaffe.com/hr/pages/obshti-usloviya" class="text-wrapper-4" title="Opći uvjeti i odredbe">Opći uvjeti i odredbe</a></li>
<li><a href="https://www.cartelcaffe.com/hr/pages/politika-za-poveritelnost" class="text-wrapper-5" title="Pravila o privatnosti">Pravila o privatnosti</a></li>
            <li><a href="https://www.cartelcaffe.com/hr/карта-сайт" class="text-wrapper-6" title="Mapa stranice">Mapa stranice</a></li>
			 
			 
          </ul>

        </div>
        <div class="col-12 col-md">
          <h3 class="footertitle">Pratite nas</h3>
          <ul class="footermenu">
                                                            			  			            </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:+359899192152" title="+359899192152"><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">Pošaljite upit</h4>
          <p class="text-center mb-24">Sva polja označena zvjezdicom su obavezna!</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">Ime i prezime *</label>
                <input type="text" name="fname" class="form-control" id="fname" placeholder="Ime i prezime *" required
                  data-msg="Obavezno polje" />
              </div>
              <div class="col-12 col-md-6 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="email">E-pošta *</label>
                <input type="text" name="email" class="form-control" id="email" placeholder="E-pošta *" required
                  data-msg="Obavezno polje" data-rule-email="true"
                  data-msg-email="E-pošta nije valjana." />
              </div>
              <div class="col-12 col-md-6 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="phone">Telefon *</label>
                <input type="text" name="phone" class="form-control" id="phone" placeholder="Telefon *" required
                  data-msg="Obavezno polje" />
              </div>
              <div class="col-12 col-md-6 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="companyname">Tvrtka </label>
                <input type="text" name="companyname" class="form-control" id="companyname"
                  placeholder="Tvrtka" />
              </div>
              <div class="col-12 mb-18 mb-xs-18 position-relative">
                <label class="flabel" for="message">Oko</label>
                <textarea class="form-control" name="message" id="message" required
                  placeholder="Na primjer: Molimo vas da navedete više informacija o proizvodu."
                  data-msg="Obavezno polje"></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="Obavezno polje">
                  <label class="form-check-label" for="agree">
                    Prihvaćam <a href="#" data-bs-target="#privacymodal" data-bs-toggle="modal">pravila obrade osobnih podataka</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="Pošalji upit">
                  <span class="flicker-btn__text">Pošalji upit</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> Uspješno dodano u košaricu!</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">
				  Dodajte nešto drugo za 91,80 лв. (3.60 €) i dobit ćete besplatna dostava</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">Ukupno<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">Dovršite narudžbu</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>Molimo odaberite jezik</h4>
<p>Jezik</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://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=1791731490" defer></script>
  <script src="https://www.cartelcaffe.com/js/lang/hr.js?ver=1791731490" defer></script>
  <script src="https://www.cartelcaffe.com/js/custom.js?ver=1791731490" defer></script>

</body>

</html>