<!-- 
//................................................................................................................
//.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>Recepti | Cartel Caffe</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <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="Recepti" />
      <meta property="og:url" content="https://www.cartelcaffe.com/hr/receipts" />
      <meta property="og:image" content="" />
      <meta property="og:type" content="article" />
      <meta property="og:description" content="" />
      <meta property="og:locale" content="hr-HR" />
    	
	<link rel="alternate" hreflang="bg" href="https://www.cartelcaffe.com/bg/receipts" />
<link rel="alternate" hreflang="en" href="https://www.cartelcaffe.com/en/receipts" />
<link rel="alternate" hreflang="ro" href="https://www.cartelcaffe.com/ro/receipts" />
<link rel="alternate" hreflang="el" href="https://www.cartelcaffe.com/el/receipts" />
<link rel="alternate" hreflang="hr" href="https://www.cartelcaffe.com/hr/receipts" />
<link rel="alternate" hreflang="x-default" href="https://www.cartelcaffe.com/" />
  <link rel="canonical" href="https://www.cartelcaffe.com/hr/receipts" />
  <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=1791824658" 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 = '1';
    const jlang = 'hr';
    var protectinfo = 0;
	var exrateeur2ron = 5.337;
	var freeshippingmsg = 15.00;
	var freeshippingmsgrobuc = 79.00;
	var ips = '216.73.216.60';
  </script>
<script type="text/javascript">     (function(c,l,a,r,i,t,y){         c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};         t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;         y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);     })(window, document, "clarity", "script", "yjmvsetzwr"); </script>
</head>

<body>
    <header class="fixed-top">
          <div class="top-header-global-msg">
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-8">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 active 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="pageheader">
  <div class="container-fluid">
    <div class="row h-100">

      <div class="col-md-12 d-flex align-items-end">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="https://www.cartelcaffe.com/hr"
                title="Dom">Dom</a></li>
            <li class="breadcrumb-item active" aria-current="page">Recepti</li>
          </ol>
        </nav>

      </div>
    </div>
  </div>
</section>

<section class="mb-48">
  <div class="container">
   <div class="row">
      <div class="col-md-4">
        <div class="productheaderbox">
                    <img src="https://www.cartelcaffe.com/img/banners/product-header-new 2.png" class="img-fluid" alt="Besplatna dostava iznad 15 €" title="Besplatna dostava iznad 15 €" />
          <div class="productheaderboxinfo">
            <h4 class="sectiontitle">Besplatna dostava iznad 15 €</h4>
            <p class="mb-24">Upravo sada</p>
            
            <a href="#" class="link">
              <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>
      <div class="col-md-8">
        <div class="productheader">
          <img src="https://www.cartelcaffe.com/img/banners/newnew.png" class="img-fluid" alt="Recepti" title="Recepti" />
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pageinfo mb-96" data-catid="0" data-route="receipts">
  <div class="container">
    <div class="row mb-48">
      <div class="col-md-12 text-center">
        <h1 class="sectiontitle">Recepti</h1>
      </div>


    </div>

    <div class="row row-cols-1 row-cols-sm-3 coffeerecept" id="result">


    </div>
    <div class="paginations">

    </div>
  </div>

</section>

<section class="contactblock">
  <div class="container">
    <div class="row">
      <div class="col-md-8 d-flex flex-column align-items-center justify-content-center text-center mx-auto">
        <div class="contactblock-container">
          <h4 class="sectiontitle">Dopustite nam da vam olakšamo izbor.</h4>
          <p>Naš tim je tu da vam pomogne sa svim pitanjima.</p>
          <p><a href="#" class="btn btn-coffeeprimary mt-48 mx-auto" data-bs-target="#contactmodal"
              data-bs-toggle="modal" title="Kontaktirajte nas">
              <span class="flicker-btn__text">Kontaktirajte nas</span>
              <span class="flicker-btn__icon"></span>
              <span class="flicker-btn__filler"></span>
            </a></p>
        </div>
      </div>
    </div>

  </div>
</section>


  </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=1791824658" defer></script>
  <script src="https://www.cartelcaffe.com/js/lang/hr.js?ver=1791824658" defer></script>
  <script src="https://www.cartelcaffe.com/js/custom.js?ver=1791824658" defer></script>

</body>

</html>