{"id":1210,"date":"2025-11-24T15:54:01","date_gmt":"2025-11-24T15:54:01","guid":{"rendered":"https:\/\/laurul.hype.ro\/?page_id=1210"},"modified":"2026-02-11T11:56:12","modified_gmt":"2026-02-11T11:56:12","slug":"laurul-coffee-syrups","status":"publish","type":"page","link":"https:\/\/www.laurul.ro\/en\/products\/laurul-coffee-syrups\/","title":{"rendered":"Laurul Coffee Syrups"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1210\" class=\"elementor elementor-1210\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ed3719 e-flex e-con-boxed e-con e-parent\" data-id=\"9ed3719\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d8253ef e-con-full e-flex e-con e-child\" data-id=\"d8253ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa92ab elementor-widget elementor-widget-image\" data-id=\"5fa92ab\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"119\" height=\"119\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Asset-1@3x-8-1.png\" class=\"attachment-large size-large wp-image-433\" alt=\"Asset 1@3x 8 (1)\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed946e0 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ed946e0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Laurul Coffee Syrups<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd0b80 elementor-widget elementor-widget-text-editor\" data-id=\"dbd0b80\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Our answer to the finest pleasure of the day: a coffee with a soul. We have distilled all our skills into these special syrups to create new flavors that sweeten and ennoble every sip of coffee.<\/p><p class=\"p1\">The syrups are made without preservatives, with few and clean ingredients. The recipes were developed and refined with coffee experts to ensure optimal flavor integration with the coffee, so that you can enjoy the finest pleasure of the day with a taste so special that it will be hard to choose your favorite aroma.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9de7ac elementor-widget elementor-widget-button\" data-id=\"a9de7ac\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/shop.laurul.ro\/siropuri-pentru-cafea\/siropuri-pentru-cafea-070-l\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-178a5b3 e-con-full e-flex e-con e-child\" data-id=\"178a5b3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03be7f6 elementor-widget elementor-widget-image\" data-id=\"03be7f6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"677\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-72-1.png\" class=\"attachment-large size-large wp-image-621\" alt=\"Group 72 (1)\" srcset=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-72-1.png 805w, https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-72-1-300x254.png 300w, https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-72-1-768x650.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57b7eef e-flex e-con-boxed e-con e-parent\" data-id=\"57b7eef\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-239bfcd3 product-details e-flex e-con-boxed e-con e-parent\" data-id=\"239bfcd3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2f856296 e-con-full e-flex e-con e-child\" data-id=\"2f856296\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-248cf0f4 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"248cf0f4\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"45\" height=\"25\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Vector-4.png\" class=\"attachment-large size-large wp-image-453\" alt=\"Vector\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-436a9559 elementor-widget elementor-widget-image\" data-id=\"436a9559\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"318\" height=\"566\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1.png\" class=\"attachment-large size-large wp-image-437\" alt=\"241112 Laurul Eticheta afine\" srcset=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1.png 318w, https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1-169x300.png 169w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f04e1d0 e-con-full e-flex e-con e-child\" data-id=\"3f04e1d0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-482e9f2c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"482e9f2c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Siropuri de fructe\u2028Laurul 0,40 l<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-475974a5 elementor-widget elementor-widget-text-editor\" data-id=\"475974a5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Aroma natural\u0103 aduce \u00eenceputul verii \u00een orice pahar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34393ff0 elementor-align-justify elementor-hidden-tablet elementor-hidden-phone elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-button\" data-id=\"34393ff0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cump\u0103r\u0103 acum<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c317a5d e-flex e-con-boxed e-con e-parent\" data-id=\"c317a5d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c46887 elementor-widget elementor-widget-hover_product_card\" data-id=\"0c46887\" data-element_type=\"widget\" data-widget_type=\"hover_product_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.hover-products {\n  --card-bg: #f6f1e6;\n  --accent: #0b7a3a;\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n  color: #0e2f1b;\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 24px;\n  position: relative;\n}\n\n.hp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit,minmax(140px,1fr));\n  gap: 18px;\n  align-items: start;\n  margin-bottom: 22px;\n}\n\n.product-item{\n    background: #F2E8CA;\n    padding: 12px;\n    text-align: center;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease;\n    position: relative;\n    border-radius: 8px;\n}\n\n.product-item:hover {\n    transform: translateY(-6px);\n    background: #FFF9E5;\n}\n\n.product-item img { max-width: 100%;  object-fit: contain; display:block; margin: 0 auto 8px; }\n.product-title { font-weight: 700; font-size: 14px; margin-top: 6px; color: #113a29; }\n.product-sub { font-size: 13px; color: #556b56; margin-top:4px; }\n\n.product-details {\n    position: absolute;\n    left: 50%;\n    top: calc(100% + 14px);\n    transform: translateX(-50%);\n    z-index: 9999;\n    width: 96%;\n    max-width: 980px;\n    background: var(--card-bg);\n    border-radius: 12px;\n    padding: 22px;\n    display: flex;\n    gap: 18px;\n    align-items: center;\n    box-shadow: 0 18px 40px rgba(10, 10, 10, 0.07);\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .28s ease, transform .28s ease, visibility .28s;\n    pointer-events: none;\n}\n.product-details.show {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n}\n\n\/* arrow triangle (desktop only) *\/\n.pd-arrow {\n  position: absolute;\n  top: -26px;                 \/* sits above popup top *\/\n  left: 50%;\n  transform: translateX(-50%);\n  width: 0;\n  height: 0;\n  border-left: 24px solid #00000000;\n  border-right: 24px solid #00000000;\n  border-bottom: 24px solid var(--card-bg);\n  pointer-events: none;\n  opacity: 0;\n  transition: left .12s ease, opacity .12s ease;\n  z-index: 10000;\n  border-bottom-color: #FFFAEC !important;\n}\n\n\/* show arrow only for desktop (hide for mobile-inline mode) *\/\n@media (max-width: 820px) {\n  .pd-arrow { display: none !important; }\n}\n\n\/* when popup is visible show arrow *\/\n.product-details.show .pd-arrow { opacity: 1; }\n\n\/* ensure arrow doesn't overlay when popup is mobile-inline (extra safety) *\/\n.product-details.mobile-inline .pd-arrow { display: none !important; }\n\n.hp-instance {\n    position: relative; \/* allow absolute children to be positioned *\/\n}\n\n.pd-left {\n    flex: 0 0 220px;\n    display:flex; align-items:center; justify-content:center;\n}\n.pd-left img {  height: auto; display:block; max-width:100%; }\n\n.pd-right { flex:1; }\n.pd-title {\n    font-size: clamp(20px, 4.5vw, 44px);\n    font-weight: 800;\n    margin: 0 0 8px;\n    color: #0b4f36;\n    line-height: 1.05;\n    font-family: 'Meta Pro Regular';\n}\n.pd-subtitle { font-size: 15px; margin:0 0 10px; color:#2f4f3b; }\n.pd-desc { font-size: 14px; color:#44594b; margin-bottom:12px; }\n\n.pd-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }\n.btn-primary {\n  background: var(--accent); color: #fff; border-radius: 999px; padding: 10px 18px; text-decoration:none; font-weight:600;\n  display:inline-block; box-shadow: 0 6px 18px rgba(8, 90, 44, 0.12);\n  white-space: nowrap;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.btn-secondary { padding: 8px 12px; border-radius:8px; background: transparent; border: 1px solid rgba(17,58,41,0.08); color: #134b36; }\n\n.pd-close {\n    position: absolute;\n    right: 14px;\n    top: 12px;\n    font-size: 18px;\n    color: #6b6b6b;\n    cursor: pointer;\n}\n\n\/* Decorative top image: keep on large screens, hide on small *\/\n.top {\n    display: none;\n    margin-top: -49%;\n    margin-left: 3%;\n}\n.top img { max-width: 120px; height: auto; display:block; }\n\n\/* Responsive adjustments *\/\n@media (max-width: 1024px){\n  .pd-left { flex: 0 0 180px; }\n  .product-details { padding: 18px; gap:12px; }\n}\n\n@media (max-width: 820px){\n  .product-details {\n        left: 50%;\n        top: 156%;\n        transform: translate(-50%, -50%);\n        width: 92%;\n        max-width: 720px;\n        display: flex;\n        flex-direction: column;\n        text-align: center;\n        padding: 18px;\n    }\n  .pd-left { order: 0; width: 54%; flex-basis: auto; }\n  .pd-left img { max-height: 220px; margin: 0 auto 8px; }\n  .pd-right { width: 100%; }\n  .pd-actions { justify-content:center; }\n  .pd-close { right: 10px; top: 8px; }\n  .top { margin-top: -8%;margin-left: -80%;}\n}\n\n@media (max-width: 480px){\n  .hp-grid { gap: 12px; }\n  .product-item { padding: 10px; }\n  .pd-left img { max-height: 160px; }\n  .pd-title { font-size: clamp(18px, 6.5vw, 28px); }\n  .product-details { padding: 14px; }\n  .pd-subtitle { font-size: 14px; }\n  .pd-desc { font-size: 13px; }\n  .btn-primary { padding: 10px 14px; font-size: 14px; }\n}\n\n\/* Accessibility: ensure focus visibility *\/\n.product-item:focus { outline: 3px solid rgba(11,122,58,0.18); outline-offset: 3px; }\n\n\/* MOBILE-ONLY inline popup style (activate via JS class) *\/\n.product-details.mobile-inline {\n  position: static !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin-top: 12px !important;\n  transform: none !important;\n  left: auto !important;\n  top: auto !important;\n  pointer-events: auto !important;\n  box-shadow: 0 6px 18px rgba(10,10,10,0.06) !important;\n  border-radius: 8px !important;\n  padding: 16px !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n\/* adjust close button placement inside mobile-inline mode *\/\n.product-details.mobile-inline .pd-close {\n  position: absolute;\n  right: 10px;\n  top: 8px;\n}\n\n\/* ensure show\/hide uses display block for inline mode *\/\n.product-details.mobile-inline:not(.show) {\n  display: none;\n}\n.product-details.mobile-inline.show {\n  display: block;\n}\n\n\/* Ensure close button positions correctly inside the inline mobile popup *\/\n.product-details.mobile-inline {\n  position: relative !important;  \/* make it the positioned ancestor for .pd-close *\/\n  overflow: visible !important;\n}\n\n\/* adjust close button for mobile inline mode *\/\n.product-details.mobile-inline .pd-close {\n  position: absolute !important;\n  right: 10px !important;\n  top: 8px !important;\n  z-index: 5 !important;\n  font-size: 18px;\n  line-height: 1;\n  padding: 6px;\n  background: transparent;\n}\n\n<\/style>\n\n<div class=\"hover-products hp-instance\" id=\"hp-instance-6acd862b54581\">\n    <div class=\"hp-grid\" role=\"list\">\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Hazelnut-flavored Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The intense hazelnut flavor blends perfectly with the coffee aroma.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1-8.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-cafea-cu-gust-de-alune\/20.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1-8.png\" alt=\"Hazelnut-flavored Syrup\">\n                <div class=\"product-title\">Hazelnut-flavored Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Caramel-flavored Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"A symbiosis of flavors that you won\u2019t resist.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1-9.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-cafea-cu-gust-de-caramel\/21.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1-9.png\" alt=\"Caramel-flavored Syrup\">\n                <div class=\"product-title\">Caramel-flavored Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Salted Caramel-flavored Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The subtle note of salt adds complexity to the taste.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1-10.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-cafea-cu-gust-de-caramel-sarat\/22.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-afine-1-10.png\" alt=\"Salted Caramel-flavored Syrup\">\n                <div class=\"product-title\">Salted Caramel-flavored Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Irish-flavored Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The unique taste, perfect for the late autumn and winter evenings.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Irish.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-cafea-cu-gust-de-irish\/23.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Irish.png\" alt=\"Irish-flavored Syrup\">\n                <div class=\"product-title\">Irish-flavored Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Vanila-flavored Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The delicate taste that makes every cup of coffee more special.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Vanilie.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-cafea-cu-gust-de-vanilie\/24.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Vanilie.png\" alt=\"Vanila-flavored Syrup\">\n                <div class=\"product-title\">Vanila-flavored Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n            <\/div>\n\n    <div class=\"product-details\" aria-hidden=\"true\">\n        <!-- arrow triangle (desktop only) -->\n        <div class=\"pd-arrow\" aria-hidden=\"true\"><\/div>\n\n        <div id=\"product-details-anchor\"><\/div>\n\n        <div class=\"top\">\n            <img decoding=\"async\" src=\"http:\/\/laurul.hype.ro\/wp-content\/uploads\/2025\/11\/Vector-4.png\" alt=\"product image preview\" id=\"pd-top\">\n        <\/div>\n        <div class=\"pd-left\">\n            <img decoding=\"async\" src=\"\" alt=\"product image preview\" id=\"pd-image\">\n        <\/div>\n        <div class=\"pd-right\">\n            <h3 class=\"pd-title\" id=\"pd-title\"><\/h3>\n            <div class=\"pd-subtitle\" id=\"pd-sub\"><\/div>\n            <p class=\"pd-desc\" id=\"pd-desc\"><\/p>\n            <div class=\"pd-actions\">\n                <a href=\"#\" class=\"btn-primary\" id=\"pd-btn\" target=\"_blank\" rel=\"noopener noreferrer\">Buy Now<\/a>\n                <div class=\"pd-close\" id=\"pd-close\" title=\"Close\">\u2715<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function(){\n    const instance = document.getElementById('hp-instance-6acd862b54581');\n    if(!instance) return;\n\n    const grid = instance.querySelector('.hp-grid');\n    const details = instance.querySelector('.product-details');\n\n    const pdImage = instance.querySelector('#pd-image');\n    const pdTitle = instance.querySelector('#pd-title');\n    const pdSub   = instance.querySelector('#pd-sub');\n    const pdDesc  = instance.querySelector('#pd-desc');\n    const pdBtn   = instance.querySelector('#pd-btn');\n    const pdClose = instance.querySelector('#pd-close');\n    const pdArrow = instance.querySelector('.pd-arrow');\n\n    \/\/ store original parent\/nextSibling so we can restore on desktop\n    let origParent = details.parentNode;\n    let origNextSibling = details.nextSibling;\n\n    let isOpen = false;\n    let currentHolder = null;\n    const MOBILE_BREAK = 820; \/\/ \u2264 this width => treat as mobile\n\n    function restoreDetailsPosition() {\n        \/\/ restore to original place (only if it's not already there)\n        if (details.parentNode !== origParent) {\n            if (origNextSibling && origParent.contains(origNextSibling)) {\n                origParent.insertBefore(details, origNextSibling);\n            } else {\n                origParent.appendChild(details);\n            }\n        }\n        details.classList.remove('mobile-inline');\n    }\n\n    function moveDetailsAfter(item) {\n        \/\/ place the details right after clicked product\n        item.insertAdjacentElement('afterend', details);\n        details.classList.add('mobile-inline');\n    }\n\n    function positionArrowUnder(item){\n        if (!pdArrow) return;\n        \/\/ only position on desktop overlay mode\n        if (window.innerWidth <= MOBILE_BREAK) {\n            pdArrow.style.left = '';\n            return;\n        }\n\n        \/\/ ensure popup is in DOM and layout has settled\n        \/\/ use requestAnimationFrame twice and a small timeout to be robust\n        requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n                \/\/ small additional delay for complex layouts\n                setTimeout(() => {\n                    try {\n                        const itemRect = item.getBoundingClientRect();\n                        const popupRect = details.getBoundingClientRect();\n                        const docScrollLeft = window.pageXOffset || document.documentElement.scrollLeft;\n\n                        \/\/ center X of item relative to document\n                        const itemCenterX = itemRect.left + docScrollLeft + (itemRect.width \/ 2);\n\n                        \/\/ popup left relative to document\n                        const popupLeft = popupRect.left + docScrollLeft;\n\n                        \/\/ relative position inside popup\n                        let relativeX = itemCenterX - popupLeft;\n\n                        \/\/ clamp so arrow stays within popup inner bounds (leave 12px padding)\n                        const popupInnerWidth = Math.max(0, popupRect.width);\n                        const arrowHalf = 10; \/\/ half width (triangle built with 10px left\/right)\n                        const minX = 12 + arrowHalf;\n                        const maxX = popupInnerWidth - 12 - arrowHalf;\n\n                        if (relativeX < minX) relativeX = minX;\n                        if (relativeX > maxX) relativeX = maxX;\n\n                        \/\/ set left relative to popup (px)\n                        pdArrow.style.left = relativeX + 'px';\n                        \/\/ ensure transform centers arrow precisely\n                        pdArrow.style.transform = 'translateX(-50%)';\n                    } catch (err) {\n                        \/\/ silent fail \u2014 arrow stays default\n                        console.error('arrow positioning error', err);\n                    }\n                }, 60); \/\/ 60ms delay for reliable layout\n            });\n        });\n    }\n\n    function showDetailsFrom(item){\n        \/\/ populate content\n        pdTitle.textContent = item.getAttribute('data-title') || '';\n        pdSub.textContent   = item.getAttribute('data-sub')   || '';\n        pdDesc.textContent  = item.getAttribute('data-desc')  || '';\n        pdImage.src         = item.getAttribute('data-img')   || '';\n        pdBtn.textContent   = item.getAttribute('data-btn-text') || 'Buy Now';\n        pdBtn.href          = item.getAttribute('data-btn-link') || '#';\n\n        \/\/ If mobile \u2014 move details after clicked product so it appears inline\n        if (window.innerWidth <= MOBILE_BREAK) {\n            moveDetailsAfter(item);\n            \/\/ small timeout then scroll the details into view (start)\n            setTimeout(() => {\n                try {\n                    details.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                } catch(e) {\n                    details.scrollIntoView();\n                }\n            }, 60);\n        } else {\n            \/\/ for desktop\/tablet restore original placement and keep existing overlay behavior\n            restoreDetailsPosition();\n            try {\n                details.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            } catch(e) {\n                details.scrollIntoView();\n            }\n        }\n\n        details.classList.add('show');\n        details.setAttribute('aria-hidden','false');\n        isOpen = true;\n        currentHolder = item;\n\n        \/\/ position arrow for desktop\n        if (window.innerWidth > MOBILE_BREAK) {\n            positionArrowUnder(item);\n        }\n    }\n\n    function hideDetails(){\n        details.classList.remove('show');\n        details.setAttribute('aria-hidden','true');\n        isOpen = false;\n        currentHolder = null;\n\n        \/\/ restore DOM position (keep desktop layout correct)\n        restoreDetailsPosition();\n    }\n\n    \/\/ handle click on product items\n    grid.querySelectorAll('.product-item').forEach(item => {\n        item.addEventListener('click', (evt) => {\n            \/\/ toggle if same item clicked\n            if (isOpen && currentHolder === item) {\n                hideDetails();\n                return;\n            }\n            showDetailsFrom(item);\n        });\n    });\n\n    \/\/ close button\n    pdClose.addEventListener('click', (e) => {\n        e.stopPropagation();\n        hideDetails();\n    });\n\n    \/\/ click outside closes (keeps behavior consistent)\n    document.addEventListener('click', function(e){\n        if (!isOpen) return;\n        \/\/ ignore clicks inside the details or on product items\n        if (!details.contains(e.target) && !grid.contains(e.target)) {\n            hideDetails();\n        }\n    }, true);\n\n    \/\/ window resize: if we move from mobile -> desktop while open, restore placement\n    window.addEventListener('resize', function(){\n        if (window.innerWidth > MOBILE_BREAK) {\n            \/\/ restore to desktop placement\n            restoreDetailsPosition();\n            \/\/ reposition arrow if open\n            if (isOpen && currentHolder) {\n                positionArrowUnder(currentHolder);\n            }\n        } else {\n            \/\/ if currently open and on desktop, move inline under currentHolder\n            if (isOpen && currentHolder) {\n                moveDetailsAfter(currentHolder);\n            }\n        }\n    });\n\n    \/\/ also reposition arrow when the page is scrolled or fonts load etc.\n    window.addEventListener('scroll', function(){\n        if (isOpen && currentHolder && window.innerWidth > MOBILE_BREAK) {\n            positionArrowUnder(currentHolder);\n        }\n    }, { passive: true });\n\n    \/\/ reposition on load in case a product is auto-opened or layout changes\n    window.addEventListener('load', function(){\n        if (isOpen && currentHolder && window.innerWidth > MOBILE_BREAK) {\n            positionArrowUnder(currentHolder);\n        }\n    });\n\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b92e318 e-flex e-con-boxed e-con e-parent\" data-id=\"b92e318\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2651a4f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2651a4f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Discover the other product categories<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c357f02 e-flex e-con-boxed e-con e-parent\" data-id=\"c357f02\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1feefd5 e-con-full e-flex e-con e-child\" data-id=\"1feefd5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55d6af1 elementor-widget elementor-widget-image\" data-id=\"55d6af1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-39-1.png\" title=\"Group 39 (1)\" alt=\"Group 39 (1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189334a elementor-widget elementor-widget-heading\" data-id=\"189334a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Laurul Fruit Syrups 0.40l<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b11508 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"0b11508\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/laurul.hype.ro\/pagina-produse\/p-categorie-_plicuri\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Afl\u0103 mai multe<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9207130 e-con-full e-flex e-con e-child\" data-id=\"9207130\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86f4b63 elementor-widget elementor-widget-image\" data-id=\"86f4b63\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-6.png\" title=\"Group 6\" alt=\"Group 6\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa8ce77 elementor-widget elementor-widget-heading\" data-id=\"aa8ce77\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1 Pahar Classic Fruit Syrups<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5d9ffd elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c5d9ffd\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/laurul.hype.ro\/pagina-produse\/p-categorie-_plicuri\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Afl\u0103 mai multe<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc9e6d4 e-con-full e-flex e-con e-child\" data-id=\"cc9e6d4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2296a05 elementor-widget elementor-widget-image\" data-id=\"2296a05\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-15.png\" title=\"Group 15\" alt=\"Group 15\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cb59d0 elementor-widget elementor-widget-heading\" data-id=\"6cb59d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1 Pahar Exotic Fruit Syrups<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18532ea elementor-align-center elementor-widget elementor-widget-button\" data-id=\"18532ea\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/laurul.hype.ro\/pagina-produse\/p-categorie-_plicuri\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Afl\u0103 mai multe<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Laurul Coffee Syrups Our answer to the finest pleasure of the day: a coffee with a soul. We have distilled all our skills into these special syrups to create new flavors that sweeten and ennoble every sip of coffee. The syrups are made without preservatives, with few and clean ingredients. The recipes were developed and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1105,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"slim_seo":{"title":"Laurul Coffee Syrups - Laurul","description":"Laurul Coffee Syrups Our answer to the finest pleasure of the day: a coffee with a soul. We have distilled all our skills into these special syrups to create ne"},"footnotes":""},"class_list":["post-1210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":23,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1210\/revisions"}],"predecessor-version":[{"id":1990,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1210\/revisions\/1990"}],"up":[{"embeddable":true,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1105"}],"wp:attachment":[{"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/media?parent=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}