{"id":1190,"date":"2025-11-24T05:21:13","date_gmt":"2025-11-24T03:21:13","guid":{"rendered":"https:\/\/laurul.hype.ro\/?page_id=1190"},"modified":"2026-02-11T10:47:56","modified_gmt":"2026-02-11T10:47:56","slug":"siropurile-de-fructe-laurul","status":"publish","type":"page","link":"https:\/\/www.laurul.ro\/en\/products\/siropurile-de-fructe-laurul\/","title":{"rendered":"Laurul Fruit Syrups"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1190\" class=\"elementor elementor-1190\" 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 Fruit 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\">Experience the authentic fruit syrups, crafted in the Apuseni Mountains, using the original 1940 recipe. <span class=\"s1\">Enjoy the 100% natural flavor, free from preservatives, additives, and artificial colors.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3cee63 elementor-widget elementor-widget-button\" data-id=\"d3cee63\" 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=\"#\">\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=\"768\" height=\"681\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/siropurile-laurul-75.png\" class=\"attachment-large size-large wp-image-1817\" alt=\"Siropurile laurul\" srcset=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/siropurile-laurul-75.png 768w, https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/siropurile-laurul-75-300x266.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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<div class=\"elementor-element elementor-element-7bfda8a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7bfda8a\" 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\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-e08c13c e-flex e-con-boxed e-con e-parent\" data-id=\"e08c13c\" 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-ed78d84 elementor-widget elementor-widget-hover_product_card\" data-id=\"ed78d84\" 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-6aee42b69aa8b\">\n    <div class=\"hp-grid\" role=\"list\">\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Strawberry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The natural aroma brings the essence of early summer in every glass.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Capsune.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-capsune\/33.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Capsune.png\" alt=\"Strawberry Syrup\">\n                <div class=\"product-title\">Strawberry Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Elderflower Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The most famous aroma of the spring, close to perfection.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-soc.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-flori-de-soc\/34.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-soc.png\" alt=\"Elderflower Syrup\">\n                <div class=\"product-title\">Elderflower Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Sower Cherry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The intense sweet-sour taste that evokes childhood memories.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Visine.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-visine\/35.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Visine.png\" alt=\"Sower Cherry Syrup\">\n                <div class=\"product-title\">Sower Cherry Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Raspberry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"A perfectly sweet, fragrant summery flavor.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/sirop-zmeura-mic.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-zmeura\/36.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/sirop-zmeura-mic.png\" alt=\"Raspberry Syrup\">\n                <div class=\"product-title\">Raspberry 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-6aee42b69aa8b');\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-fe75de0 e-flex e-con-boxed e-con e-parent\" data-id=\"fe75de0\" 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-2c90858 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2c90858\" 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 Syrup 0.75l<\/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-a485649 e-flex e-con-boxed e-con e-parent\" data-id=\"a485649\" 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-53e5447 elementor-widget elementor-widget-hover_product_card\" data-id=\"53e5447\" 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-6aee42b69ba24\">\n    <div class=\"hp-grid\" role=\"list\">\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Blueberry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"Considered the healthiest fruit, full of nature&#039;s goodness.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Afine-2.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-afine\/37.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Afine-2.png\" alt=\"Blueberry Syrup\">\n                <div class=\"product-title\">Blueberry Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Strawberry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The natural aroma brings the essence of early summer in every glass.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Capsune-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-capsune\/38.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Capsune-075.png\" alt=\"Strawberry Syrup\">\n                <div class=\"product-title\">Strawberry Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Cherry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The delicate distinct taste that evokes the summer evenings.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Cirese-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-cirese\/39.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Cirese-075.png\" alt=\"Cherry Syrup\">\n                <div class=\"product-title\">Cherry Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Currants Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The sour and intense taste, a natural source of joy.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Coacaze-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-coacaze\/40.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Coacaze-075.png\" alt=\"Currants Syrup\">\n                <div class=\"product-title\">Currants 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-6aee42b69ba24');\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-b046bbe e-flex e-con-boxed e-con e-parent\" data-id=\"b046bbe\" 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-3a1a492 elementor-widget elementor-widget-hover_product_card\" data-id=\"3a1a492\" 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-6aee42b69c9a1\">\n    <div class=\"hp-grid\" role=\"list\">\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Wild Strawberry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The wild scent of strawberries, found in the syrup.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Fragute-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-frague\/41.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Fragute-075.png\" alt=\"Wild Strawberry Syrup\">\n                <div class=\"product-title\">Wild Strawberry Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Forrest Fruits Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"An explosion of sweet and sour fruit flavor.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Fructe-de-padure-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-defructe-de-padure\/42.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Fructe-de-padure-075.png\" alt=\"Forrest Fruits Syrup\">\n                <div class=\"product-title\">Forrest Fruits Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Lemmon Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The fresh and cooling aroma of the Mediterranean sun.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Lamaie-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-lamaie\/43.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Lamaie-075.png\" alt=\"Lemmon Syrup\">\n                <div class=\"product-title\">Lemmon Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Green Apple Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The crunchy and revitalizing taste, so healthy and pure.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/sirop-mere-verzi075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-mere-verzi\/44.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/sirop-mere-verzi075.png\" alt=\"Green Apple Syrup\">\n                <div class=\"product-title\">Green Apple 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-6aee42b69c9a1');\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-1124f95 e-flex e-con-boxed e-con e-parent\" data-id=\"1124f95\" 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-b2be084 elementor-widget elementor-widget-hover_product_card\" data-id=\"b2be084\" 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-6aee42b69d8df\">\n    <div class=\"hp-grid\" role=\"list\">\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Laurul Elderflower Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The most famous aroma of the spring, close to perfection.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Flori-de-Soc-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-flori-de-soc\/45.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Flori-de-Soc-075.png\" alt=\"Laurul Elderflower Syrup\">\n                <div class=\"product-title\">Laurul Elderflower Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Laurul Rose Petals Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The aroma of grandma\u2019s homemade jam, perfect for a summer evening.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/sirop-trandafir-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-trandafir\/46.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/sirop-trandafir-075.png\" alt=\"Laurul Rose Petals Syrup\">\n                <div class=\"product-title\">Laurul Rose Petals Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Sour Cherry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The intense sweet-sour taste that evokes childhood memories.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Visine-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-visine\/47.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/241112-Laurul-Eticheta-Visine-075.png\" alt=\"Sour Cherry Syrup\">\n                <div class=\"product-title\">Sour Cherry Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Raspberry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"A perfectly sweet, fragrant summery flavor.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/zmeura-075.png\"\n                 data-btn-text=\"Buy now\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/sirop-de-zmeura\/48.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/zmeura-075.png\" alt=\"Raspberry Syrup\">\n                <div class=\"product-title\">Raspberry 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-6aee42b69d8df');\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-15a09cc e-flex e-con-boxed e-con e-parent\" data-id=\"15a09cc\" 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-fd69386 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"fd69386\" 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-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<div class=\"elementor-element elementor-element-7676375 e-con-full e-flex e-con e-child\" data-id=\"7676375\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fc86d87 e-con-full e-flex e-con e-child\" data-id=\"fc86d87\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a558e2 elementor-widget elementor-widget-image\" data-id=\"9a558e2\" 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-74.png\" title=\"Group 74\" alt=\"Group 74\" 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-b3bd97a elementor-widget elementor-widget-heading\" data-id=\"b3bd97a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coffee Syrups 0.70l<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eedcbd8 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"eedcbd8\" 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=\"\/pagina-produse\/p-categorie-_cafea\/\">\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\">Find out more<\/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-1525ba9 e-con-full e-flex e-con e-child\" data-id=\"1525ba9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2f43a9 elementor-widget elementor-widget-image\" data-id=\"b2f43a9\" 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-1072db6 elementor-widget elementor-widget-heading\" data-id=\"1072db6\" 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-64364d8 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"64364d8\" 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\">Find out more<\/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-20d266a e-con-full e-flex e-con e-child\" data-id=\"20d266a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed57e55 elementor-widget elementor-widget-image\" data-id=\"ed57e55\" 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-5a46bf2 elementor-widget elementor-widget-heading\" data-id=\"5a46bf2\" 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-fa2f189 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"fa2f189\" 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\">Find out more<\/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<\/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 Fruit Syrups Experience the authentic fruit syrups, crafted in the Apuseni Mountains, using the original 1940 recipe. Enjoy the 100% natural flavor, free from preservatives, additives, and artificial colors. Buy now Laurul Fruit Syrups 0.40l Siropuri de fructe\u2028Laurul 0,40 l Aroma natural\u0103 aduce \u00eenceputul verii \u00een orice pahar. Cump\u0103r\u0103 acum Strawberry Syrup Elderflower Syrup [&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 Fruit Syrups - Laurul","description":"Laurul Fruit Syrups Experience the authentic fruit syrups, crafted in the Apuseni Mountains, using the original 1940 recipe. Enjoy the 100% natural flavor, free"},"footnotes":""},"class_list":["post-1190","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1190","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=1190"}],"version-history":[{"count":44,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1190\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1190\/revisions\/1968"}],"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=1190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}