{"id":1113,"date":"2025-11-24T15:42:01","date_gmt":"2025-11-24T13:42:01","guid":{"rendered":"https:\/\/laurul.hype.ro\/?page_id=1113"},"modified":"2026-02-11T10:30:56","modified_gmt":"2026-02-11T10:30:56","slug":"siropuri-de-fructe-1-pahar","status":"publish","type":"page","link":"https:\/\/www.laurul.ro\/en\/products\/siropuri-de-fructe-1-pahar\/","title":{"rendered":"Laurul 1 Pahar Fruit Syrups"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1113\" class=\"elementor elementor-1113\" 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 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 1 Pahar 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\">Laurul 1 Pahar was specially created to transform every moment into a little treat, perfect for busy days. We packed all the essential goodness of our syrup in boxes of 9 or 15 single-serving sachets, giving you the freedom to choose a new flavor every time you need a special moment. While keeping the genuine flavor of the fruits without preservatives or artificial colorings, we found a way to reduce the sugar by 30% compared to the Laurul classic syrups. That way, you can enjoy the same authentic taste, glass after glass, whenever you feel the need for a sweet-sour break, just for you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbf2b22 elementor-widget elementor-widget-button\" data-id=\"bbf2b22\" 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=\"603\" height=\"576\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-94.png\" class=\"attachment-large size-large wp-image-595\" alt=\"Group\" srcset=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-94.png 603w, https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-94-300x287.png 300w\" sizes=\"(max-width: 603px) 100vw, 603px\" \/>\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 1 Pahar Classic Fruit Syrups<\/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-c317a5d e-flex e-con-boxed e-con e-parent\" data-id=\"c317a5d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c46887 elementor-widget elementor-widget-hover_product_card\" data-id=\"0c46887\" data-element_type=\"widget\" data-widget_type=\"hover_product_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.hover-products {\n  --card-bg: #f6f1e6;\n  --accent: #0b7a3a;\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n  color: #0e2f1b;\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 24px;\n  position: relative;\n}\n\n.hp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit,minmax(140px,1fr));\n  gap: 18px;\n  align-items: start;\n  margin-bottom: 22px;\n}\n\n.product-item{\n    background: #F2E8CA;\n    padding: 12px;\n    text-align: center;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease;\n    position: relative;\n    border-radius: 8px;\n}\n\n.product-item:hover {\n    transform: translateY(-6px);\n    background: #FFF9E5;\n}\n\n.product-item img { max-width: 100%;  object-fit: contain; display:block; margin: 0 auto 8px; }\n.product-title { font-weight: 700; font-size: 14px; margin-top: 6px; color: #113a29; }\n.product-sub { font-size: 13px; color: #556b56; margin-top:4px; }\n\n.product-details {\n    position: absolute;\n    left: 50%;\n    top: calc(100% + 14px);\n    transform: translateX(-50%);\n    z-index: 9999;\n    width: 96%;\n    max-width: 980px;\n    background: var(--card-bg);\n    border-radius: 12px;\n    padding: 22px;\n    display: flex;\n    gap: 18px;\n    align-items: center;\n    box-shadow: 0 18px 40px rgba(10, 10, 10, 0.07);\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity .28s ease, transform .28s ease, visibility .28s;\n    pointer-events: none;\n}\n.product-details.show {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n}\n\n\/* arrow triangle (desktop only) *\/\n.pd-arrow {\n  position: absolute;\n  top: -26px;                 \/* sits above popup top *\/\n  left: 50%;\n  transform: translateX(-50%);\n  width: 0;\n  height: 0;\n  border-left: 24px solid #00000000;\n  border-right: 24px solid #00000000;\n  border-bottom: 24px solid var(--card-bg);\n  pointer-events: none;\n  opacity: 0;\n  transition: left .12s ease, opacity .12s ease;\n  z-index: 10000;\n  border-bottom-color: #FFFAEC !important;\n}\n\n\/* show arrow only for desktop (hide for mobile-inline mode) *\/\n@media (max-width: 820px) {\n  .pd-arrow { display: none !important; }\n}\n\n\/* when popup is visible show arrow *\/\n.product-details.show .pd-arrow { opacity: 1; }\n\n\/* ensure arrow doesn't overlay when popup is mobile-inline (extra safety) *\/\n.product-details.mobile-inline .pd-arrow { display: none !important; }\n\n.hp-instance {\n    position: relative; \/* allow absolute children to be positioned *\/\n}\n\n.pd-left {\n    flex: 0 0 220px;\n    display:flex; align-items:center; justify-content:center;\n}\n.pd-left img {  height: auto; display:block; max-width:100%; }\n\n.pd-right { flex:1; }\n.pd-title {\n    font-size: clamp(20px, 4.5vw, 44px);\n    font-weight: 800;\n    margin: 0 0 8px;\n    color: #0b4f36;\n    line-height: 1.05;\n    font-family: 'Meta Pro Regular';\n}\n.pd-subtitle { font-size: 15px; margin:0 0 10px; color:#2f4f3b; }\n.pd-desc { font-size: 14px; color:#44594b; margin-bottom:12px; }\n\n.pd-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }\n.btn-primary {\n  background: var(--accent); color: #fff; border-radius: 999px; padding: 10px 18px; text-decoration:none; font-weight:600;\n  display:inline-block; box-shadow: 0 6px 18px rgba(8, 90, 44, 0.12);\n  white-space: nowrap;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.btn-secondary { padding: 8px 12px; border-radius:8px; background: transparent; border: 1px solid rgba(17,58,41,0.08); color: #134b36; }\n\n.pd-close {\n    position: absolute;\n    right: 14px;\n    top: 12px;\n    font-size: 18px;\n    color: #6b6b6b;\n    cursor: pointer;\n}\n\n\/* Decorative top image: keep on large screens, hide on small *\/\n.top {\n    display: none;\n    margin-top: -49%;\n    margin-left: 3%;\n}\n.top img { max-width: 120px; height: auto; display:block; }\n\n\/* Responsive adjustments *\/\n@media (max-width: 1024px){\n  .pd-left { flex: 0 0 180px; }\n  .product-details { padding: 18px; gap:12px; }\n}\n\n@media (max-width: 820px){\n  .product-details {\n        left: 50%;\n        top: 156%;\n        transform: translate(-50%, -50%);\n        width: 92%;\n        max-width: 720px;\n        display: flex;\n        flex-direction: column;\n        text-align: center;\n        padding: 18px;\n    }\n  .pd-left { order: 0; width: 54%; flex-basis: auto; }\n  .pd-left img { max-height: 220px; margin: 0 auto 8px; }\n  .pd-right { width: 100%; }\n  .pd-actions { justify-content:center; }\n  .pd-close { right: 10px; top: 8px; }\n  .top { margin-top: -8%;margin-left: -80%;}\n}\n\n@media (max-width: 480px){\n  .hp-grid { gap: 12px; }\n  .product-item { padding: 10px; }\n  .pd-left img { max-height: 160px; }\n  .pd-title { font-size: clamp(18px, 6.5vw, 28px); }\n  .product-details { padding: 14px; }\n  .pd-subtitle { font-size: 14px; }\n  .pd-desc { font-size: 13px; }\n  .btn-primary { padding: 10px 14px; font-size: 14px; }\n}\n\n\/* Accessibility: ensure focus visibility *\/\n.product-item:focus { outline: 3px solid rgba(11,122,58,0.18); outline-offset: 3px; }\n\n\/* MOBILE-ONLY inline popup style (activate via JS class) *\/\n.product-details.mobile-inline {\n  position: static !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin-top: 12px !important;\n  transform: none !important;\n  left: auto !important;\n  top: auto !important;\n  pointer-events: auto !important;\n  box-shadow: 0 6px 18px rgba(10,10,10,0.06) !important;\n  border-radius: 8px !important;\n  padding: 16px !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n\/* adjust close button placement inside mobile-inline mode *\/\n.product-details.mobile-inline .pd-close {\n  position: absolute;\n  right: 10px;\n  top: 8px;\n}\n\n\/* ensure show\/hide uses display block for inline mode *\/\n.product-details.mobile-inline:not(.show) {\n  display: none;\n}\n.product-details.mobile-inline.show {\n  display: block;\n}\n\n\/* Ensure close button positions correctly inside the inline mobile popup *\/\n.product-details.mobile-inline {\n  position: relative !important;  \/* make it the positioned ancestor for .pd-close *\/\n  overflow: visible !important;\n}\n\n\/* adjust close button for mobile inline mode *\/\n.product-details.mobile-inline .pd-close {\n  position: absolute !important;\n  right: 10px !important;\n  top: 8px !important;\n  z-index: 5 !important;\n  font-size: 18px;\n  line-height: 1;\n  padding: 6px;\n  background: transparent;\n}\n\n<\/style>\n\n<div class=\"hover-products hp-instance\" id=\"hp-instance-6acd821ee5219\">\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 aroma of summer, for a quick break.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---clasic\/28.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1.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=\"Sower Cherry Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"Sweet and sour break with an intense taste of childhood.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-1.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---clasic\/28.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-1.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=\"The freshness of spring, easy to enjoy anywhere.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-2.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---clasic\/28.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-2.png\" alt=\"Raspberry Syrup\">\n                <div class=\"product-title\">Raspberry 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=\" Prospe\u021bimea prim\u0103verii, simplu de savurat oriunde.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-3.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---clasic\/28.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-3.png\" alt=\"Elderflower Syrup\">\n                <div class=\"product-title\">Elderflower 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-6acd821ee5219');\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 1 Pahar Exotic Fruit Syrups<\/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-6acd821ee5943\">\n    <div class=\"hp-grid\" role=\"list\">\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Grapefruit and Bergamot Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"A refined and tonic bitter and tonic, a unique, perfect flavor.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-1.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---exotic\/32.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-1.png\" alt=\"Grapefruit and Bergamot Syrup\">\n                <div class=\"product-title\">Grapefruit and Bergamot Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Orange and Mango Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The finest tropical, sweet-scented combination.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-3.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---exotic\/32.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-3.png\" alt=\"Orange and Mango Syrup\">\n                <div class=\"product-title\">Orange and Mango Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Passion Fruit, Orange and Mint Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"An unexpected combination that gives you a new taste.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---exotic\/32.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1.png\" alt=\"Passion Fruit, Orange and Mint Syrup\">\n                <div class=\"product-title\">Passion Fruit, Orange and Mint Syrup<\/div>\n                <div class=\"product-sub\"><\/div>\n            <\/div>\n                    <div class=\"product-item\" tabindex=\"0\" role=\"listitem\"\n                 data-title=\"Tropical Syrup\"\n                 data-sub=\"\"\n                 data-desc=\"The ultimate indulgence: the sweetest mix with a sour note.\"\n                 data-img=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-3.png\"\n                 data-btn-text=\"Cump\u0103r\u0103 acum\"\n                 data-btn-link=\"https:\/\/shop.laurul.ro\/cutie-9-plicuri---exotic\/32.htm\">\n                <img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/250409-Laurul-Sirop-plicuri-CAPSUNE-1-3.png\" alt=\"Tropical Syrup\">\n                <div class=\"product-title\">Tropical 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-6acd821ee5943');\n    if(!instance) return;\n\n    const grid = instance.querySelector('.hp-grid');\n    const details = instance.querySelector('.product-details');\n\n    const pdImage = instance.querySelector('#pd-image');\n    const pdTitle = instance.querySelector('#pd-title');\n    const pdSub   = instance.querySelector('#pd-sub');\n    const pdDesc  = instance.querySelector('#pd-desc');\n    const pdBtn   = instance.querySelector('#pd-btn');\n    const pdClose = instance.querySelector('#pd-close');\n    const pdArrow = instance.querySelector('.pd-arrow');\n\n    \/\/ store original parent\/nextSibling so we can restore on desktop\n    let origParent = details.parentNode;\n    let origNextSibling = details.nextSibling;\n\n    let isOpen = false;\n    let currentHolder = null;\n    const MOBILE_BREAK = 820; \/\/ \u2264 this width => treat as mobile\n\n    function restoreDetailsPosition() {\n        \/\/ restore to original place (only if it's not already there)\n        if (details.parentNode !== origParent) {\n            if (origNextSibling && origParent.contains(origNextSibling)) {\n                origParent.insertBefore(details, origNextSibling);\n            } else {\n                origParent.appendChild(details);\n            }\n        }\n        details.classList.remove('mobile-inline');\n    }\n\n    function moveDetailsAfter(item) {\n        \/\/ place the details right after clicked product\n        item.insertAdjacentElement('afterend', details);\n        details.classList.add('mobile-inline');\n    }\n\n    function positionArrowUnder(item){\n        if (!pdArrow) return;\n        \/\/ only position on desktop overlay mode\n        if (window.innerWidth <= MOBILE_BREAK) {\n            pdArrow.style.left = '';\n            return;\n        }\n\n        \/\/ ensure popup is in DOM and layout has settled\n        \/\/ use requestAnimationFrame twice and a small timeout to be robust\n        requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n                \/\/ small additional delay for complex layouts\n                setTimeout(() => {\n                    try {\n                        const itemRect = item.getBoundingClientRect();\n                        const popupRect = details.getBoundingClientRect();\n                        const docScrollLeft = window.pageXOffset || document.documentElement.scrollLeft;\n\n                        \/\/ center X of item relative to document\n                        const itemCenterX = itemRect.left + docScrollLeft + (itemRect.width \/ 2);\n\n                        \/\/ popup left relative to document\n                        const popupLeft = popupRect.left + docScrollLeft;\n\n                        \/\/ relative position inside popup\n                        let relativeX = itemCenterX - popupLeft;\n\n                        \/\/ clamp so arrow stays within popup inner bounds (leave 12px padding)\n                        const popupInnerWidth = Math.max(0, popupRect.width);\n                        const arrowHalf = 10; \/\/ half width (triangle built with 10px left\/right)\n                        const minX = 12 + arrowHalf;\n                        const maxX = popupInnerWidth - 12 - arrowHalf;\n\n                        if (relativeX < minX) relativeX = minX;\n                        if (relativeX > maxX) relativeX = maxX;\n\n                        \/\/ set left relative to popup (px)\n                        pdArrow.style.left = relativeX + 'px';\n                        \/\/ ensure transform centers arrow precisely\n                        pdArrow.style.transform = 'translateX(-50%)';\n                    } catch (err) {\n                        \/\/ silent fail \u2014 arrow stays default\n                        console.error('arrow positioning error', err);\n                    }\n                }, 60); \/\/ 60ms delay for reliable layout\n            });\n        });\n    }\n\n    function showDetailsFrom(item){\n        \/\/ populate content\n        pdTitle.textContent = item.getAttribute('data-title') || '';\n        pdSub.textContent   = item.getAttribute('data-sub')   || '';\n        pdDesc.textContent  = item.getAttribute('data-desc')  || '';\n        pdImage.src         = item.getAttribute('data-img')   || '';\n        pdBtn.textContent   = item.getAttribute('data-btn-text') || 'Buy Now';\n        pdBtn.href          = item.getAttribute('data-btn-link') || '#';\n\n        \/\/ If mobile \u2014 move details after clicked product so it appears inline\n        if (window.innerWidth <= MOBILE_BREAK) {\n            moveDetailsAfter(item);\n            \/\/ small timeout then scroll the details into view (start)\n            setTimeout(() => {\n                try {\n                    details.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                } catch(e) {\n                    details.scrollIntoView();\n                }\n            }, 60);\n        } else {\n            \/\/ for desktop\/tablet restore original placement and keep existing overlay behavior\n            restoreDetailsPosition();\n            try {\n                details.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            } catch(e) {\n                details.scrollIntoView();\n            }\n        }\n\n        details.classList.add('show');\n        details.setAttribute('aria-hidden','false');\n        isOpen = true;\n        currentHolder = item;\n\n        \/\/ position arrow for desktop\n        if (window.innerWidth > MOBILE_BREAK) {\n            positionArrowUnder(item);\n        }\n    }\n\n    function hideDetails(){\n        details.classList.remove('show');\n        details.setAttribute('aria-hidden','true');\n        isOpen = false;\n        currentHolder = null;\n\n        \/\/ restore DOM position (keep desktop layout correct)\n        restoreDetailsPosition();\n    }\n\n    \/\/ handle click on product items\n    grid.querySelectorAll('.product-item').forEach(item => {\n        item.addEventListener('click', (evt) => {\n            \/\/ toggle if same item clicked\n            if (isOpen && currentHolder === item) {\n                hideDetails();\n                return;\n            }\n            showDetailsFrom(item);\n        });\n    });\n\n    \/\/ close button\n    pdClose.addEventListener('click', (e) => {\n        e.stopPropagation();\n        hideDetails();\n    });\n\n    \/\/ click outside closes (keeps behavior consistent)\n    document.addEventListener('click', function(e){\n        if (!isOpen) return;\n        \/\/ ignore clicks inside the details or on product items\n        if (!details.contains(e.target) && !grid.contains(e.target)) {\n            hideDetails();\n        }\n    }, true);\n\n    \/\/ window resize: if we move from mobile -> desktop while open, restore placement\n    window.addEventListener('resize', function(){\n        if (window.innerWidth > MOBILE_BREAK) {\n            \/\/ restore to desktop placement\n            restoreDetailsPosition();\n            \/\/ reposition arrow if open\n            if (isOpen && currentHolder) {\n                positionArrowUnder(currentHolder);\n            }\n        } else {\n            \/\/ if currently open and on desktop, move inline under currentHolder\n            if (isOpen && currentHolder) {\n                moveDetailsAfter(currentHolder);\n            }\n        }\n    });\n\n    \/\/ also reposition arrow when the page is scrolled or fonts load etc.\n    window.addEventListener('scroll', function(){\n        if (isOpen && currentHolder && window.innerWidth > MOBILE_BREAK) {\n            positionArrowUnder(currentHolder);\n        }\n    }, { passive: true });\n\n    \/\/ reposition on load in case a product is auto-opened or layout changes\n    window.addEventListener('load', function(){\n        if (isOpen && currentHolder && window.innerWidth > MOBILE_BREAK) {\n            positionArrowUnder(currentHolder);\n        }\n    });\n\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b92e318 e-flex e-con-boxed e-con e-parent\" data-id=\"b92e318\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2651a4f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2651a4f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Discover the other product categories<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c357f02 e-flex e-con-boxed e-con e-parent\" data-id=\"c357f02\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1feefd5 e-con-full e-flex e-con e-child\" data-id=\"1feefd5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55d6af1 elementor-widget elementor-widget-image\" data-id=\"55d6af1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-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-189334a elementor-widget elementor-widget-heading\" data-id=\"189334a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/laurul.hype.ro\/pagina-produse\/p-categorie-_cafea\/\">Coffee Syrups 0.70l<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b11508 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"0b11508\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\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-9207130 e-con-full e-flex e-con e-child\" data-id=\"9207130\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86f4b63 elementor-widget elementor-widget-image\" data-id=\"86f4b63\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2026\/01\/sirop-fructe-04.png\" title=\"sirop-fructe-04\" alt=\"sirop-fructe-04\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa8ce77 elementor-widget elementor-widget-heading\" data-id=\"aa8ce77\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Laurul Fruit Syrups 0.40l<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5d9ffd elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c5d9ffd\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/laurul.hype.ro\/pagina-produse\/pagina-categorie-_fructe\/\">\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-cc9e6d4 e-con-full e-flex e-con e-child\" data-id=\"cc9e6d4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2296a05 elementor-widget elementor-widget-image\" data-id=\"2296a05\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.laurul.ro\/wp-content\/uploads\/2025\/11\/Group-39.png\" title=\"Group 39\" alt=\"Group 39\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cb59d0 elementor-widget elementor-widget-heading\" data-id=\"6cb59d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Laurul Fruit Syrups 0.75l<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18532ea elementor-align-center elementor-widget elementor-widget-button\" data-id=\"18532ea\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/laurul.hype.ro\/pagina-produse\/pagina-categorie-_fructe\/\">\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Laurul 1 Pahar Fruit Syrups Laurul 1 Pahar was specially created to transform every moment into a little treat, perfect for busy days. We packed all the essential goodness of our syrup in boxes of 9 or 15 single-serving sachets, giving you the freedom to choose a new flavor every time you need a special [&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 1 Pahar Fruit Syrups - Laurul","description":"Laurul 1 Pahar Fruit Syrups Laurul 1 Pahar was specially created to transform every moment into a little treat, perfect for busy days. We packed all the essenti"},"footnotes":""},"class_list":["post-1113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1113","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=1113"}],"version-history":[{"count":29,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1113\/revisions"}],"predecessor-version":[{"id":1946,"href":"https:\/\/www.laurul.ro\/en\/wp-json\/wp\/v2\/pages\/1113\/revisions\/1946"}],"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=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}