{"id":854,"date":"2026-02-13T10:03:54","date_gmt":"2026-02-13T10:03:54","guid":{"rendered":"https:\/\/muri-perfetti.com\/?page_id=854"},"modified":"2026-03-16T18:29:49","modified_gmt":"2026-03-16T18:29:49","slug":"jp-decor","status":"publish","type":"page","link":"https:\/\/muri-perfetti.com\/hr\/jp-decor\/","title":{"rendered":"JP DECOR"},"content":{"rendered":"<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id854_cc0050-03{margin-top:-40px;}.kb-row-layout-id854_cc0050-03 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id854_cc0050-03 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id854_cc0050-03 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:140px;padding-right:20px;padding-bottom:60px;padding-left:20px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id854_cc0050-03{background-image:url('https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/02\/footer-scaled.png');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id854_cc0050-03 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id854_cc0050-03 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id854_cc0050-03 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id854_cc0050-03 alignnone has-theme-palette8-background-color kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column854_9a34f4-d4 > .kt-inside-inner-col,.kadence-column854_9a34f4-d4 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column854_9a34f4-d4 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column854_9a34f4-d4 > .kt-inside-inner-col{flex-direction:column;}.kadence-column854_9a34f4-d4 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column854_9a34f4-d4 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column854_9a34f4-d4{position:relative;}@media all and (max-width: 1024px){.kadence-column854_9a34f4-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column854_9a34f4-d4 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column854_9a34f4-d4 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id854_3a892b-eb > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id854_3a892b-eb > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id854_3a892b-eb > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:500px;margin-left:auto;margin-right:auto;padding-top:0px;padding-bottom:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id854_3a892b-eb > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id854_3a892b-eb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id854_3a892b-eb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id854_3a892b-eb alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column854_b250a0-aa > .kt-inside-inner-col,.kadence-column854_b250a0-aa > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column854_b250a0-aa > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column854_b250a0-aa > .kt-inside-inner-col{flex-direction:column;}.kadence-column854_b250a0-aa > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column854_b250a0-aa > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column854_b250a0-aa{position:relative;}@media all and (max-width: 1024px){.kadence-column854_b250a0-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column854_b250a0-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column854_b250a0-aa inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading854_4d2a3f-0f, .wp-block-kadence-advancedheading.kt-adv-heading854_4d2a3f-0f[data-kb-block=\"kb-adv-heading854_4d2a3f-0f\"]{text-align:center;font-size:var(--global-kb-font-size-xl, 3rem);font-style:normal;font-family:var( --global-heading-font-family, inherit );color:#ffffff;}.wp-block-kadence-advancedheading.kt-adv-heading854_4d2a3f-0f mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading854_4d2a3f-0f[data-kb-block=\"kb-adv-heading854_4d2a3f-0f\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading854_4d2a3f-0f img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading854_4d2a3f-0f[data-kb-block=\"kb-adv-heading854_4d2a3f-0f\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h1 class=\"kt-adv-heading854_4d2a3f-0f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading854_4d2a3f-0f\">JP DECOR<\/h1>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7, .wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7[data-kb-block=\"kb-adv-heading854_b52423-e7\"]{padding-right:0px;padding-left:var(--global-kb-spacing-md, 2rem);text-align:left;font-size:var(--global-kb-font-size-lg, 2rem);font-style:normal;font-family:var( --global-body-font-family, inherit );color:#3d3d3d;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}.wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7[data-kb-block=\"kb-adv-heading854_b52423-e7\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7[data-kb-block=\"kb-adv-heading854_b52423-e7\"] img.kb-inline-image{width:150px;vertical-align:baseline;}@media all and (max-width: 1024px){.wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7, .wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7[data-kb-block=\"kb-adv-heading854_b52423-e7\"]{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7, .wp-block-kadence-advancedheading.kt-adv-heading854_b52423-e7[data-kb-block=\"kb-adv-heading854_b52423-e7\"]{text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}}<\/style>\n<p class=\"kt-adv-heading854_b52423-e7 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading854_b52423-e7\">MATTE <em>collection<\/em><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* === FONT VARIJABLE === *\/\n:root {\n    --product-title-font: 'Arial', sans-serif;\n    --product-title-size: 16px;\n    --product-title-weight: 600;\n    \n    --product-link-font: 'Arial', sans-serif;\n    --product-link-size: 14px;\n    --product-link-weight: 400;\n}\n\n\/* === PRODUCT GRID === *\/\n.product-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n\/* === PRODUCT ITEM === *\/\n.product-item {\n    text-align: center;\n    background: #fff;\n    border-radius: 8px;\n    padding: 15px;\n    transition: transform 0.3s ease;\n}\n\n.product-item:hover {\n    transform: translateY(-5px);\n}\n\n\/* === PRODUCT IMAGE === *\/\n.product-image {\n    width: 350px;\n    height: 200px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 8px;\n    margin-bottom: 15px;\n}\n\n\/* === IMAGE LINK === *\/\n.product-image-link {\n    display: block;\n    cursor: pointer;\n}\n\n.product-image-link img {\n    transition: opacity 0.2s ease;\n}\n\n.product-image-link:hover img {\n    opacity: 0.85;\n}\n\n\/* === PRODUCT TITLE === *\/\n.product-title {\n    font-family: var(--product-title-font);\n    font-size: var(--product-title-size);\n    font-weight: var(--product-title-weight);\n    color: #333;\n    margin: 10px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\/* === PRODUCT LINK === *\/\n.product-link a {\n    font-family: var(--product-link-font);\n    font-size: var(--product-link-size);\n    font-weight: var(--product-link-weight);\n    display: inline-block;\n    padding: 10px 25px;\n    background: #333;\n    color: #fff;\n    text-decoration: none;\n    border-radius: 25px;\n    transition: background 0.3s ease;\n}\n\n.product-link a:hover {\n    background: #555;\n}\n\n\/* === QUICK ACCESS GUMB === *\/\n.qa-btn-wrapper {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    margin: 32px 0 48px;\n}\n\n.qa-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 32px;\n    background: #111111;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-family: Arial, sans-serif;\n    font-size: 0.85rem;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    transition: background 0.2s;\n}\n\n.qa-btn:hover,\n.qa-btn:focus,\n.qa-btn:active {\n    background: #333333 !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n}\n\n.qa-btn svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    stroke: #ffffff;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 992px) {\n    .product-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .qa-btn-wrapper {\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    \n    .qa-btn {\n        font-size: 0.75rem;\n        padding: 12px 20px;\n    }\n    \n    .qa-btn span {\n        font-size: 0.75rem;\n    }\n    \n    .qa-btn svg {\n        width: 14px;\n        height: 14px;\n    }\n}\n\n@media (max-width: 576px) {\n    .product-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .product-image {\n        width: 100%;\n        height: auto;\n    }\n    \n    .qa-btn-wrapper {\n        gap: 8px;\n    }\n    \n    .qa-btn {\n        font-size: 0.7rem;\n        padding: 10px 16px;\n        gap: 8px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction changeProductImage(imageId, newImageUrl, swatchElement) {\n    \/\/ Promijeni sliku\n    document.getElementById(imageId).src = newImageUrl;\n    \n    \/\/ Makni 'active' klasu sa svih swatches u istom produktu\n    const allSwatches = swatchElement.parentElement.querySelectorAll('.color-swatch');\n    allSwatches.forEach(swatch => swatch.classList.remove('active'));\n    \n    \/\/ Dodaj 'active' klasu na kliknuti swatch\n    swatchElement.classList.add('active');\n}\n<\/script>\n\n<div class=\"product-grid\">\n    \n    <!-- PROIZVOD 1: Breccia Marble -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte1\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-1-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2026\/01\/JP-31-Breccia-marble.jpg\" alt=\"Breccia Marble\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">Breccia Marble &#8211; JP-31<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte1\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 2: Concrete -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte2\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-2-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-14.jpg\" alt=\"Concrete\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">Concrete &#8211; JP-14<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte2\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 3: Cream Taupe -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte3\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-3-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-09.jpg\" alt=\"Cream Taupe\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">Cream Taupe &#8211; JP-09<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte3\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 4: Green -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte4\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-4-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-11.jpg\" alt=\"Green\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">Green &#8211; JP-11<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte4\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 5: Pastel Blush -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte5\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-5-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-10.jpg\" alt=\"Pastel Blush\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">Pastel Blush &#8211; JP-10<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte5\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 6: Sandstone Beige -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte6\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-6-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-08.jpg\" alt=\"Sandstone Beige\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">Sandstone Beige &#8211; JP-08<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte6\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 7: Warm Cappuccino -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte7\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-7-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-12.jpg\" alt=\"Warm Cappuccino\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">Warm Cappuccino &#8211; JP-12<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte7\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 8: White -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/matte8\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-8-img\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-07.jpg\" alt=\"White\" loading=\"lazy\">\n        <\/a>\n        <h3 class=\"product-title\">White &#8211; JP-07<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/matte8\">View Product<\/a><\/p>\n    <\/div>\n\n<\/div>\n\n<div class=\"qa-btn-wrapper\">\n    <a href=\"#downloads\" class=\"qa-btn\">\n        <span>Technical Info<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#gallery\" class=\"qa-btn\">\n        <span>Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#video\" class=\"qa-btn\">\n        <span>Video Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading854_91111c-c3, .wp-block-kadence-advancedheading.kt-adv-heading854_91111c-c3[data-kb-block=\"kb-adv-heading854_91111c-c3\"]{padding-right:0px;padding-left:var(--global-kb-spacing-md, 2rem);text-align:left;font-size:var(--global-kb-font-size-lg, 2rem);font-style:normal;font-family:var( --global-body-font-family, inherit );color:#3d3d3d;}.wp-block-kadence-advancedheading.kt-adv-heading854_91111c-c3 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading854_91111c-c3[data-kb-block=\"kb-adv-heading854_91111c-c3\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading854_91111c-c3 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading854_91111c-c3[data-kb-block=\"kb-adv-heading854_91111c-c3\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading854_91111c-c3 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading854_91111c-c3\">METAL <em>collection<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* === FONT VARIJABLE === *\/\n:root {\n    --product-title-font: 'Arial', sans-serif;\n    --product-title-size: 16px;\n    --product-title-weight: 600;\n    \n    --product-link-font: 'Arial', sans-serif;\n    --product-link-size: 14px;\n    --product-link-weight: 400;\n}\n\n\/* === PRODUCT GRID === *\/\n.product-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n\/* === PRODUCT ITEM === *\/\n.product-item {\n    text-align: center;\n    background: #fff;\n    border-radius: 8px;\n    padding: 15px;\n    transition: transform 0.3s ease;\n}\n\n.product-item:hover {\n    transform: translateY(-5px);\n}\n\n\/* === PRODUCT IMAGE === *\/\n.product-image {\n    width: 350px;\n    height: 200px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 8px;\n    margin-bottom: 15px;\n}\n\n\/* === IMAGE LINK === *\/\n.product-image-link {\n    display: block;\n    cursor: pointer;\n}\n\n.product-image-link img {\n    transition: opacity 0.2s ease;\n}\n\n.product-image-link:hover img {\n    opacity: 0.85;\n}\n\n\/* === PRODUCT TITLE === *\/\n.product-title {\n    font-family: var(--product-title-font);\n    font-size: var(--product-title-size);\n    font-weight: var(--product-title-weight);\n    color: #333;\n    margin: 10px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\/* === PRODUCT LINK === *\/\n.product-link a {\n    font-family: var(--product-link-font);\n    font-size: var(--product-link-size);\n    font-weight: var(--product-link-weight);\n    display: inline-block;\n    padding: 10px 25px;\n    background: #333;\n    color: #fff;\n    text-decoration: none;\n    border-radius: 25px;\n    transition: background 0.3s ease;\n}\n\n.product-link a:hover {\n    background: #555;\n}\n\n\/* === QUICK ACCESS GUMB === *\/\n.qa-btn-wrapper {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    margin: 32px 0 48px;\n}\n\n.qa-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 32px;\n    background: #111111;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-family: Arial, sans-serif;\n    font-size: 0.85rem;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    transition: background 0.2s;\n}\n\n.qa-btn:hover,\n.qa-btn:focus,\n.qa-btn:active {\n    background: #333333 !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n}\n\n.qa-btn svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    stroke: #ffffff;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 992px) {\n    .product-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .qa-btn-wrapper {\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    \n    .qa-btn {\n        font-size: 0.75rem;\n        padding: 12px 20px;\n    }\n    \n    .qa-btn span {\n        font-size: 0.75rem;\n    }\n    \n    .qa-btn svg {\n        width: 14px;\n        height: 14px;\n    }\n}\n\n@media (max-width: 576px) {\n    .product-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .product-image {\n        width: 100%;\n        height: auto;\n    }\n    \n    .qa-btn-wrapper {\n        gap: 8px;\n    }\n    \n    .qa-btn {\n        font-size: 0.7rem;\n        padding: 10px 16px;\n        gap: 8px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction changeProductImage(imageId, newImageUrl, swatchElement) {\n    \/\/ Promijeni sliku\n    document.getElementById(imageId).src = newImageUrl;\n    \n    \/\/ Makni 'active' klasu sa svih swatches u istom produktu\n    const allSwatches = swatchElement.parentElement.querySelectorAll('.color-swatch');\n    allSwatches.forEach(swatch => swatch.classList.remove('active'));\n    \n    \/\/ Dodaj 'active' klasu na kliknuti swatch\n    swatchElement.classList.add('active');\n}\n<\/script>\n\n<div class=\"product-grid\">\n    \n    <!-- PROIZVOD 1: Metallic Bronze -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/metal1\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-1-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/dubai-decor-13-scaled.jpg\" alt=\"Metallic Bronze\">\n        <\/a>\n        <h3 class=\"product-title\">Metallic Bronze &#8211; JP-13<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/metal1\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 2: Mirrored Silver -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/metal2\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-2-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-18.jpg\" alt=\"Mirrored Silver\">\n        <\/a>\n        <h3 class=\"product-title\">Mirrored Silver &#8211; JP-18<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/metal2\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 3: Piano Black -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/metal3\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-3-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-15.jpg\" alt=\"Piano Black\">\n        <\/a>\n        <h3 class=\"product-title\">Piano Black &#8211; JP-15<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/metal3\">View Product<\/a><\/p>\n    <\/div>\n\n<\/div>\n\n<div class=\"qa-btn-wrapper\">\n    <a href=\"#downloads\" class=\"qa-btn\">\n        <span>Technical Info<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#gallery\" class=\"qa-btn\">\n        <span>Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#video\" class=\"qa-btn\">\n        <span>Video Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading854_187071-a4, .wp-block-kadence-advancedheading.kt-adv-heading854_187071-a4[data-kb-block=\"kb-adv-heading854_187071-a4\"]{padding-right:0px;padding-left:var(--global-kb-spacing-md, 2rem);text-align:left;font-size:var(--global-kb-font-size-lg, 2rem);font-style:normal;font-family:var( --global-body-font-family, inherit );color:#3d3d3d;}.wp-block-kadence-advancedheading.kt-adv-heading854_187071-a4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading854_187071-a4[data-kb-block=\"kb-adv-heading854_187071-a4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading854_187071-a4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading854_187071-a4[data-kb-block=\"kb-adv-heading854_187071-a4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading854_187071-a4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading854_187071-a4\">WAVE SHINE <em>collection<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* === FONT VARIJABLE === *\/\n:root {\n    --product-title-font: 'Arial', sans-serif;\n    --product-title-size: 16px;\n    --product-title-weight: 600;\n    \n    --product-link-font: 'Arial', sans-serif;\n    --product-link-size: 14px;\n    --product-link-weight: 400;\n}\n\n\/* === PRODUCT GRID === *\/\n.product-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n\/* === PRODUCT ITEM === *\/\n.product-item {\n    text-align: center;\n    background: #fff;\n    border-radius: 8px;\n    padding: 15px;\n    transition: transform 0.3s ease;\n}\n\n.product-item:hover {\n    transform: translateY(-5px);\n}\n\n\/* === PRODUCT IMAGE === *\/\n.product-image {\n    width: 350px;\n    height: 200px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 8px;\n    margin-bottom: 15px;\n}\n\n\/* === IMAGE LINK === *\/\n.product-image-link {\n    display: block;\n    cursor: pointer;\n}\n\n.product-image-link img {\n    transition: opacity 0.2s ease;\n}\n\n.product-image-link:hover img {\n    opacity: 0.85;\n}\n\n\/* === PRODUCT TITLE === *\/\n.product-title {\n    font-family: var(--product-title-font);\n    font-size: var(--product-title-size);\n    font-weight: var(--product-title-weight);\n    color: #333;\n    margin: 10px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\/* === PRODUCT LINK === *\/\n.product-link a {\n    font-family: var(--product-link-font);\n    font-size: var(--product-link-size);\n    font-weight: var(--product-link-weight);\n    display: inline-block;\n    padding: 10px 25px;\n    background: #333;\n    color: #fff;\n    text-decoration: none;\n    border-radius: 25px;\n    transition: background 0.3s ease;\n}\n\n.product-link a:hover {\n    background: #555;\n}\n\n\/* === QUICK ACCESS GUMB === *\/\n.qa-btn-wrapper {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    margin: 32px 0 48px;\n}\n\n.qa-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 32px;\n    background: #111111;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-family: Arial, sans-serif;\n    font-size: 0.85rem;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    transition: background 0.2s;\n}\n\n.qa-btn:hover,\n.qa-btn:focus,\n.qa-btn:active {\n    background: #333333 !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n}\n\n.qa-btn svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    stroke: #ffffff;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 992px) {\n    .product-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .qa-btn-wrapper {\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    \n    .qa-btn {\n        font-size: 0.75rem;\n        padding: 12px 20px;\n    }\n    \n    .qa-btn span {\n        font-size: 0.75rem;\n    }\n    \n    .qa-btn svg {\n        width: 14px;\n        height: 14px;\n    }\n}\n\n@media (max-width: 576px) {\n    .product-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .product-image {\n        width: 100%;\n        height: auto;\n    }\n    \n    .qa-btn-wrapper {\n        gap: 8px;\n    }\n    \n    .qa-btn {\n        font-size: 0.7rem;\n        padding: 10px 16px;\n        gap: 8px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction changeProductImage(imageId, newImageUrl, swatchElement) {\n    \/\/ Promijeni sliku\n    document.getElementById(imageId).src = newImageUrl;\n    \n    \/\/ Makni 'active' klasu sa svih swatches u istom produktu\n    const allSwatches = swatchElement.parentElement.querySelectorAll('.color-swatch');\n    allSwatches.forEach(swatch => swatch.classList.remove('active'));\n    \n    \/\/ Dodaj 'active' klasu na kliknuti swatch\n    swatchElement.classList.add('active');\n}\n<\/script>\n\n<div class=\"product-grid\">\n    \n    <!-- PROIZVOD 1: Metallic Bronze Wave -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/wave1\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-1-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-21.jpg\" alt=\"Metallic Bronze Wave\">\n        <\/a>\n        <h3 class=\"product-title\">Metallic Bronze Wave &#8211; JP-21<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/wave1\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 2: Mirrored Silver Wave -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/wave2\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-2-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-19.jpg\" alt=\"Mirrored Silver Wave\">\n        <\/a>\n        <h3 class=\"product-title\">Mirrored Silver Wave &#8211; JP-19<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/wave2\">View Product<\/a><\/p>\n    <\/div>\n    \n    <!-- PROIZVOD 3: Piano Black Wave -->\n    <div class=\"product-item\">\n        <a href=\"https:\/\/muri-perfetti.com\/wave3\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-3-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/04\/JP-20.jpg\" alt=\"Piano Black Wave\">\n        <\/a>\n        <h3 class=\"product-title\">Piano Black Wave &#8211; JP-20<\/h3>\n        <p class=\"product-link\"><a href=\"https:\/\/muri-perfetti.com\/wave3\">View Product<\/a><\/p>\n    <\/div>\n\n<\/div>\n\n<div class=\"qa-btn-wrapper\">\n    <a href=\"#downloads\" class=\"qa-btn\">\n        <span>Technical Info<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#gallery\" class=\"qa-btn\">\n        <span>Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#video\" class=\"qa-btn\">\n        <span>Video Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading854_a68f95-09, .wp-block-kadence-advancedheading.kt-adv-heading854_a68f95-09[data-kb-block=\"kb-adv-heading854_a68f95-09\"]{padding-right:0px;padding-left:var(--global-kb-spacing-md, 2rem);text-align:left;font-size:var(--global-kb-font-size-lg, 2rem);font-style:normal;font-family:var( --global-body-font-family, inherit );color:#3d3d3d;}.wp-block-kadence-advancedheading.kt-adv-heading854_a68f95-09 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading854_a68f95-09[data-kb-block=\"kb-adv-heading854_a68f95-09\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading854_a68f95-09 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading854_a68f95-09[data-kb-block=\"kb-adv-heading854_a68f95-09\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading854_a68f95-09 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading854_a68f95-09\">METAL DECORATION PROFILES<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* === FONT VARIJABLE === *\/\n:root {\n    --product-title-font: 'Arial', sans-serif;\n    --product-title-size: 16px;\n    --product-title-weight: 600;\n    \n    --product-link-font: 'Arial', sans-serif;\n    --product-link-size: 14px;\n    --product-link-weight: 400;\n}\n\n\/* === PRODUCT GRID === *\/\n.product-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n\/* === PRODUCT ITEM === *\/\n.product-item {\n    text-align: center;\n    background: #fff;\n    border-radius: 8px;\n    padding: 15px;\n    transition: transform 0.3s ease;\n}\n\n.product-item:hover {\n    transform: translateY(-5px);\n}\n\n\/* === PRODUCT IMAGE === *\/\n.product-image {\n    width: 350px;\n    height: 200px;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 8px;\n    margin-bottom: 15px;\n}\n\n\/* === IMAGE LINK === *\/\n.product-image-link {\n    display: block;\n    cursor: pointer;\n}\n\n.product-image-link img {\n    transition: opacity 0.2s ease;\n}\n\n.product-image-link:hover img {\n    opacity: 0.85;\n}\n\n\/* === PRODUCT TITLE === *\/\n.product-title {\n    font-family: var(--product-title-font);\n    font-size: var(--product-title-size);\n    font-weight: var(--product-title-weight);\n    color: #333;\n    margin: 10px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\/* === PRODUCT LINK === *\/\n.product-link a {\n    font-family: var(--product-link-font);\n    font-size: var(--product-link-size);\n    font-weight: var(--product-link-weight);\n    display: inline-block;\n    padding: 10px 25px;\n    background: #333;\n    color: #fff;\n    text-decoration: none;\n    border-radius: 25px;\n    transition: background 0.3s ease;\n}\n\n.product-link a:hover {\n    background: #555;\n}\n\n\/* === QUICK ACCESS GUMB === *\/\n.qa-btn-wrapper {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    margin: 32px 0 48px;\n}\n\n.qa-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 32px;\n    background: #111111;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-family: Arial, sans-serif;\n    font-size: 0.85rem;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    transition: background 0.2s;\n}\n\n.qa-btn:hover,\n.qa-btn:focus,\n.qa-btn:active {\n    background: #333333 !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n}\n\n.qa-btn svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    stroke: #ffffff;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 992px) {\n    .product-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .qa-btn-wrapper {\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    \n    .qa-btn {\n        font-size: 0.75rem;\n        padding: 12px 20px;\n    }\n    \n    .qa-btn span {\n        font-size: 0.75rem;\n    }\n    \n    .qa-btn svg {\n        width: 14px;\n        height: 14px;\n    }\n}\n\n@media (max-width: 576px) {\n    .product-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .product-image {\n        width: 100%;\n        height: auto;\n    }\n    \n    .qa-btn-wrapper {\n        gap: 8px;\n    }\n    \n    .qa-btn {\n        font-size: 0.7rem;\n        padding: 10px 16px;\n        gap: 8px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction changeProductImage(imageId, newImageUrl, swatchElement) {\n    \/\/ Promijeni sliku\n    document.getElementById(imageId).src = newImageUrl;\n    \n    \/\/ Makni 'active' klasu sa svih swatches u istom produktu\n    const allSwatches = swatchElement.parentElement.querySelectorAll('.color-swatch');\n    allSwatches.forEach(swatch => swatch.classList.remove('active'));\n    \n    \/\/ Dodaj 'active' klasu na kliknuti swatch\n    swatchElement.classList.add('active');\n}\n<\/script>\n\n<div class=\"product-grid\">\n    \n    <!-- PROIZVOD 1: FLAT Connector Black -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-1-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-2-300x300.jpg\" alt=\"FLAT Connector Black\">\n        <\/a>\n        <h3 class=\"product-title\">FLAT Connector &#8211; Black<\/h3>\n    <\/div>\n    \n    <!-- PROIZVOD 2: FLAT Connector Gold -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-2-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-1-300x300.jpg\" alt=\"FLAT Connector Gold\">\n        <\/a>\n        <h3 class=\"product-title\">FLAT Connector &#8211; Gold<\/h3>\n    <\/div>\n    \n    <!-- PROIZVOD 3: L End Cap Black -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-3-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-8-300x300.jpg\" alt=\"L End Cap Black\">\n        <\/a>\n        <h3 class=\"product-title\">L End Cap &#8211; Black<\/h3>\n    <\/div>\n    \n    <!-- PROIZVOD 4: L End Cap Gold -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-4-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-9-300x300.jpg\" alt=\"L End Cap Gold\">\n        <\/a>\n        <h3 class=\"product-title\">L End Cap &#8211; Gold<\/h3>\n    <\/div>\n    \n    <!-- PROIZVOD 5: T Connector Black -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-5-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-6-300x300.jpg\" alt=\"T Connector Black\">\n        <\/a>\n        <h3 class=\"product-title\">T Connector &#8211; Black<\/h3>\n    <\/div>\n    \n    <!-- PROIZVOD 6: T Connector Gold -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-6-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-10-300x300.jpg\" alt=\"T Connector Gold\">\n        <\/a>\n        <h3 class=\"product-title\">T Connector &#8211; Gold<\/h3>\n    <\/div>\n    \n    <!-- PROIZVOD 7: U End Cap Black -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-7-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-7-300x300.jpg\" alt=\"U End Cap Black\">\n        <\/a>\n        <h3 class=\"product-title\">U End Cap &#8211; Black<\/h3>\n    <\/div>\n    \n    <!-- PROIZVOD 8: U End Cap Gold -->\n    <div class=\"product-item\">\n        <a href=\"#\" class=\"product-image-link\">\n            <img decoding=\"async\" class=\"product-image\" id=\"product-8-img\" loading=\"lazy\" src=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/05\/JP_decor_s02-11-300x300.jpg\" alt=\"U End Cap Gold\">\n        <\/a>\n        <h3 class=\"product-title\">U End Cap &#8211; Gold<\/h3>\n    <\/div>\n\n<\/div>\n\n<div class=\"qa-btn-wrapper\">\n    <a href=\"#downloads\" class=\"qa-btn\">\n        <span>Technical Info<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#gallery\" class=\"qa-btn\">\n        <span>Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n    <a href=\"#video\" class=\"qa-btn\">\n        <span>Video Gallery<\/span>\n        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n    <\/a>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-854_b04249-ef .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-854_b04249-ef .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-854_b04249-ef\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- DOWNLOADS SECTION -->\n<div id=\"downloads\" style=\"max-width: 1200px; margin: 80px auto 60px; padding: 0 20px;\">\n    \n    <h2 style=\"font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: clamp(1.8rem, 4vw, 3rem); color: #111111; margin-bottom: 40px; text-align: center; letter-spacing: -0.01em;\">\n        Technical Documentation\n    <\/h2>\n    \n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px;\">\n        \n        <!-- User and Installation Guide -->\n        <a href=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/07\/JP_Decor_Manual-EN.pdf\" \n           target=\"_blank\" \n           download\n           style=\"display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid #e0e0e0; padding: 25px; text-decoration: none; transition: all 0.3s ease; border-radius: 4px;\">\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                <polyline points=\"14 2 14 8 20 8\"\/>\n                <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/>\n                <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/>\n            <\/svg>\n            <div style=\"flex: 1;\">\n                <h3 style=\"font-family: Arial, sans-serif; font-size: 16px; font-weight: 600; color: #333; margin: 0 0 5px 0;\">\n                    User and Installation Guide\n                <\/h3>\n                <p style=\"font-family: Arial, sans-serif; font-size: 13px; color: #666; margin: 0;\">PDF Document<\/p>\n            <\/div>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                <polyline points=\"7 10 12 15 17 10\"\/>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n            <\/svg>\n        <\/a>\n        \n        <!-- JP Decor Catalog -->\n        <a href=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/10\/JPdecor-katalogus-ENG-bovitett-WEBRE.pdf\" \n           target=\"_blank\" \n           download\n           style=\"display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid #e0e0e0; padding: 25px; text-decoration: none; transition: all 0.3s ease; border-radius: 4px;\">\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                <polyline points=\"14 2 14 8 20 8\"\/>\n                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n                <polyline points=\"10 9 9 9 8 9\"\/>\n            <\/svg>\n            <div style=\"flex: 1;\">\n                <h3 style=\"font-family: Arial, sans-serif; font-size: 16px; font-weight: 600; color: #333; margin: 0 0 5px 0;\">\n                    JP Decor Catalog\n                <\/h3>\n                <p style=\"font-family: Arial, sans-serif; font-size: 13px; color: #666; margin: 0;\">PDF Document<\/p>\n            <\/div>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                <polyline points=\"7 10 12 15 17 10\"\/>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n            <\/svg>\n        <\/a>\n        \n        <!-- 3D Model Files -->\n        <a href=\"https:\/\/drive.usercontent.google.com\/download?id=1p46TQu5O-uwR4fCaRai3vHKO-gQYjEwI&#038;export=download\" \n           target=\"_blank\" \n           download\n           style=\"display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid #e0e0e0; padding: 25px; text-decoration: none; transition: all 0.3s ease; border-radius: 4px;\">\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"\/>\n                <path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"\/>\n            <\/svg>\n            <div style=\"flex: 1;\">\n                <h3 style=\"font-family: Arial, sans-serif; font-size: 16px; font-weight: 600; color: #333; margin: 0 0 5px 0;\">\n                    3D Model Files\n                <\/h3>\n                <p style=\"font-family: Arial, sans-serif; font-size: 13px; color: #666; margin: 0;\">ZIP Archive<\/p>\n            <\/div>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                <polyline points=\"7 10 12 15 17 10\"\/>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n            <\/svg>\n        <\/a>\n        \n        <!-- Test Report - Formaldehyde -->\n        <a href=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/08\/Formaldehid.zip\" \n           target=\"_blank\" \n           download\n           style=\"display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid #e0e0e0; padding: 25px; text-decoration: none; transition: all 0.3s ease; border-radius: 4px;\">\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                <polyline points=\"14 2 14 8 20 8\"\/>\n                <path d=\"M9 15h6\"\/>\n                <path d=\"M12 18v-6\"\/>\n            <\/svg>\n            <div style=\"flex: 1;\">\n                <h3 style=\"font-family: Arial, sans-serif; font-size: 16px; font-weight: 600; color: #333; margin: 0 0 5px 0;\">\n                    Test Report &#8211; Formaldehyde Emission\n                <\/h3>\n                <p style=\"font-family: Arial, sans-serif; font-size: 13px; color: #666; margin: 0;\">ZIP Archive<\/p>\n            <\/div>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                <polyline points=\"7 10 12 15 17 10\"\/>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n            <\/svg>\n        <\/a>\n        \n        <!-- Test Report - Fire Testing -->\n        <a href=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2025\/08\/13501-1-Fire-testing.zip\" \n           target=\"_blank\" \n           download\n           style=\"display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid #e0e0e0; padding: 25px; text-decoration: none; transition: all 0.3s ease; border-radius: 4px;\">\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                <polyline points=\"14 2 14 8 20 8\"\/>\n                <circle cx=\"12\" cy=\"15\" r=\"3\"\/>\n            <\/svg>\n            <div style=\"flex: 1;\">\n                <h3 style=\"font-family: Arial, sans-serif; font-size: 16px; font-weight: 600; color: #333; margin: 0 0 5px 0;\">\n                    Test Report &#8211; EN 13501-1 Fire Testing\n                <\/h3>\n                <p style=\"font-family: Arial, sans-serif; font-size: 13px; color: #666; margin: 0;\">ZIP Archive<\/p>\n            <\/div>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                <polyline points=\"7 10 12 15 17 10\"\/>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n            <\/svg>\n        <\/a>\n        \n        <!-- Technical Sheets -->\n        <a href=\"https:\/\/jpdecor.eu\/wp-content\/uploads\/2026\/01\/Technical-Sheets.zip\" \n           target=\"_blank\" \n           download\n           style=\"display: flex; align-items: center; gap: 20px; background: #ffffff; border: 1px solid #e0e0e0; padding: 25px; text-decoration: none; transition: all 0.3s ease; border-radius: 4px;\">\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                <polyline points=\"14 2 14 8 20 8\"\/>\n                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n            <\/svg>\n            <div style=\"flex: 1;\">\n                <h3 style=\"font-family: Arial, sans-serif; font-size: 16px; font-weight: 600; color: #333; margin: 0 0 5px 0;\">\n                    Technical Sheets\n                <\/h3>\n                <p style=\"font-family: Arial, sans-serif; font-size: 13px; color: #666; margin: 0;\">ZIP Archive<\/p>\n            <\/div>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#333\" stroke-width=\"2\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n                <polyline points=\"7 10 12 15 17 10\"\/>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n            <\/svg>\n        <\/a>\n        \n    <\/div>\n    \n<\/div>\n\n\n\n<style>\n.jp-gallery {\n   font-family: 'Roboto Condensed', sans-serif;\n   margin-top: 80px;\n   padding: 48px 24px;\n   background: #fff;\n}\n\n.jp-gallery-inner {\n   max-width: 1280px;\n   margin: 0 auto;\n}\n\n.jp-gallery h2 {\n   font-weight: 300 !important;\n   font-size: clamp(1.8rem, 4vw, 3rem) !important;\n   color: #111111 !important;\n   text-align: center;\n   margin: 0 0 16px;\n   letter-spacing: -0.01em;\n}\n\n.jp-gallery-divider {\n   width: 96px;\n   height: 2px;\n   background: #111;\n   margin: 0 auto 40px;\n}\n\n.jp-gallery-outer {\n   display: flex;\n   align-items: center;\n   gap: 16px;\n}\n\n.jp-gallery-slider {\n   flex: 1;\n   min-width: 0;\n   overflow: hidden;\n}\n\n.jp-gallery-slide {\n   display: none;\n}\n\n.jp-gallery-slide.active {\n   display: block;\n}\n\n.jp-gallery-slide img {\n   width: 100%;\n   max-height: 600px;\n   object-fit: contain;\n   display: block;\n   margin: 0 auto;\n}\n\n.jp-gallery-arrow {\n   background: #111111 !important;\n   border: none !important;\n   width: 48px;\n   height: 48px;\n   min-width: 48px;\n   cursor: pointer;\n   display: flex;\n   align-items: center;\n   justify-content: center;\n   flex-shrink: 0;\n   outline: none !important;\n   box-shadow: none !important;\n   padding: 0;\n   -webkit-appearance: none;\n   appearance: none;\n}\n\n.jp-gallery-arrow:hover,\n.jp-gallery-arrow:focus,\n.jp-gallery-arrow:active {\n   background: #111111 !important;\n   outline: none !important;\n   box-shadow: none !important;\n}\n\n.jp-gallery-arrow svg {\n   width: 22px;\n   height: 22px;\n   stroke: #ffffff !important;\n   fill: none;\n   flex-shrink: 0;\n   pointer-events: none;\n}\n\n.jp-gallery-pagination {\n   display: flex;\n   gap: 8px;\n   align-items: center;\n   justify-content: center;\n   margin-top: 24px;\n}\n\n.jp-gallery-dot {\n   width: 10px;\n   height: 10px;\n   border-radius: 50%;\n   background: #d1d5db;\n   border: none;\n   cursor: pointer;\n   padding: 0;\n   transition: background 0.2s;\n}\n\n.jp-gallery-dot.active {\n   background: #111;\n}\n\n@media (max-width: 640px) {\n   .jp-gallery-outer {\n      gap: 8px;\n   }\n   .jp-gallery-arrow {\n      width: 36px;\n      height: 36px;\n      min-width: 36px;\n   }\n}\n<\/style>\n\n<div class=\"jp-gallery\" id=\"gallery\">\n   <div class=\"jp-gallery-inner\">\n\n      <h2>Gallery<\/h2>\n      <div class=\"jp-gallery-divider\"><\/div>\n\n      <div class=\"jp-gallery-outer\">\n\n         <button class=\"jp-gallery-arrow jp-gallery-prev\" aria-label=\"Previous\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"><\/path><\/svg>\n         <\/button>\n\n         <div class=\"jp-gallery-slider\">\n\n            <div class=\"jp-gallery-slide active\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery1.webp\" alt=\"JP Decor Gallery 1\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery2.png\" alt=\"JP Decor Gallery 2\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery3.png\" alt=\"JP Decor Gallery 3\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery4.webp\" alt=\"JP Decor Gallery 4\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery5.png\" alt=\"JP Decor Gallery 5\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery6.webp\" alt=\"JP Decor Gallery 6\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery7.png\" alt=\"JP Decor Gallery 7\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery8.webp\" alt=\"JP Decor Gallery 8\">\n            <\/div>\n            <div class=\"jp-gallery-slide\">\n               <img decoding=\"async\" src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/gallery9.png\" alt=\"JP Decor Gallery 9\">\n            <\/div>\n\n         <\/div>\n\n         <button class=\"jp-gallery-arrow jp-gallery-next\" aria-label=\"Next\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n         <\/button>\n\n      <\/div>\n\n      <div class=\"jp-gallery-pagination\">\n         <button class=\"jp-gallery-dot active\" data-index=\"0\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"1\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"2\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"3\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"4\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"5\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"6\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"7\"><\/button>\n         <button class=\"jp-gallery-dot\" data-index=\"8\"><\/button>\n      <\/div>\n\n   <\/div>\n<\/div>\n\n<script>\n(function() {\n   var slides = document.querySelectorAll('.jp-gallery-slide');\n   var dots = document.querySelectorAll('.jp-gallery-dot');\n   var current = 0;\n\n   function goTo(index) {\n      slides[current].classList.remove('active');\n      dots[current].classList.remove('active');\n      current = (index + slides.length) % slides.length;\n      slides[current].classList.add('active');\n      dots[current].classList.add('active');\n   }\n\n   document.querySelector('.jp-gallery-next').addEventListener('click', function() {\n      goTo(current + 1);\n   });\n\n   document.querySelector('.jp-gallery-prev').addEventListener('click', function() {\n      goTo(current - 1);\n   });\n\n   dots.forEach(function(dot) {\n      dot.addEventListener('click', function() {\n         goTo(parseInt(dot.dataset.index));\n      });\n   });\n})();\n<\/script>\n\n\n\n<style>\n.jp-video {\n   font-family: 'Roboto Condensed', sans-serif;\n   margin-top: 80px;\n   padding: 48px 24px;\n   background: #fff;\n}\n\n.jp-video-inner {\n   max-width: 1280px;\n   margin: 0 auto;\n}\n\n.jp-video h2 {\n   font-weight: 300 !important;\n   font-size: clamp(1.8rem, 4vw, 3rem) !important;\n   color: #111111 !important;\n   text-align: center;\n   margin: 0 0 16px;\n   letter-spacing: -0.01em;\n}\n\n.jp-video-divider {\n   width: 96px;\n   height: 2px;\n   background: #111;\n   margin: 0 auto 40px;\n}\n\n.jp-video-outer {\n   display: flex;\n   align-items: center;\n   gap: 16px;\n}\n\n.jp-video-slider {\n   flex: 1;\n   min-width: 0;\n   overflow: hidden;\n}\n\n.jp-video-slide {\n   display: none;\n}\n\n.jp-video-slide.active {\n   display: block;\n}\n\n.jp-video-slide video {\n   width: 100%;\n   max-height: 600px;\n   object-fit: contain;\n   display: block;\n   margin: 0 auto;\n   background: #000;\n}\n\n.jp-video-arrow {\n   background: #111111 !important;\n   border: none !important;\n   width: 48px;\n   height: 48px;\n   min-width: 48px;\n   cursor: pointer;\n   display: flex;\n   align-items: center;\n   justify-content: center;\n   flex-shrink: 0;\n   outline: none !important;\n   box-shadow: none !important;\n   padding: 0;\n   -webkit-appearance: none;\n   appearance: none;\n}\n\n.jp-video-arrow:hover,\n.jp-video-arrow:focus,\n.jp-video-arrow:active {\n   background: #111111 !important;\n   outline: none !important;\n   box-shadow: none !important;\n}\n\n.jp-video-arrow svg {\n   width: 22px;\n   height: 22px;\n   stroke: #ffffff !important;\n   fill: none;\n   flex-shrink: 0;\n   pointer-events: none;\n}\n\n.jp-video-pagination {\n   display: flex;\n   gap: 8px;\n   align-items: center;\n   justify-content: center;\n   margin-top: 24px;\n}\n\n.jp-video-dot {\n   width: 10px;\n   height: 10px;\n   border-radius: 50%;\n   background: #d1d5db;\n   border: none;\n   cursor: pointer;\n   padding: 0;\n   transition: background 0.2s;\n}\n\n.jp-video-dot.active {\n   background: #111;\n}\n\n@media (max-width: 640px) {\n   .jp-video-outer {\n      gap: 8px;\n   }\n   .jp-video-arrow {\n      width: 36px;\n      height: 36px;\n      min-width: 36px;\n   }\n}\n<\/style>\n\n<div class=\"jp-video\" id=\"video\">\n   <div class=\"jp-video-inner\">\n\n      <h2>Video Gallery<\/h2>\n      <div class=\"jp-video-divider\"><\/div>\n\n      <div class=\"jp-video-outer\">\n\n         <button class=\"jp-video-arrow jp-video-prev\" aria-label=\"Previous\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"><\/path><\/svg>\n         <\/button>\n\n         <div class=\"jp-video-slider\">\n\n            <div class=\"jp-video-slide active\">\n               <video controls=\"\" controlslist=\"nodownload\">\n                  <source src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/video1.mp4\" type=\"video\/mp4\">\n                  Your browser does not support the video tag.\n               <\/video>\n            <\/div>\n            <div class=\"jp-video-slide\">\n               <video controls=\"\" controlslist=\"nodownload\">\n                  <source src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/video4.mp4\" type=\"video\/mp4\">\n                  Your browser does not support the video tag.\n               <\/video>\n            <\/div>\n            <div class=\"jp-video-slide\">\n               <video controls=\"\" controlslist=\"nodownload\">\n                  <source src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/video2.mp4\" type=\"video\/mp4\">\n                  Your browser does not support the video tag.\n               <\/video>\n            <\/div>\n            <div class=\"jp-video-slide\">\n               <video controls=\"\" controlslist=\"nodownload\">\n                  <source src=\"https:\/\/muri-perfetti.com\/wp-content\/uploads\/2026\/03\/video3.mp4\" type=\"video\/mp4\">\n                  Your browser does not support the video tag.\n               <\/video>\n            <\/div>\n\n         <\/div>\n\n         <button class=\"jp-video-arrow jp-video-next\" aria-label=\"Next\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n         <\/button>\n\n      <\/div>\n\n      <div class=\"jp-video-pagination\">\n         <button class=\"jp-video-dot active\" data-index=\"0\"><\/button>\n         <button class=\"jp-video-dot\" data-index=\"1\"><\/button>\n         <button class=\"jp-video-dot\" data-index=\"2\"><\/button>\n         <button class=\"jp-video-dot\" data-index=\"3\"><\/button>\n      <\/div>\n\n   <\/div>\n<\/div>\n\n<script>\n(function() {\n   var slides = document.querySelectorAll('.jp-video-slide');\n   var dots = document.querySelectorAll('.jp-video-dot');\n   var videos = document.querySelectorAll('.jp-video-slide video');\n   var current = 0;\n\n   function goTo(index) {\n      \/\/ Pause current video\n      videos[current].pause();\n      videos[current].currentTime = 0;\n      \n      slides[current].classList.remove('active');\n      dots[current].classList.remove('active');\n      current = (index + slides.length) % slides.length;\n      slides[current].classList.add('active');\n      dots[current].classList.add('active');\n   }\n\n   document.querySelector('.jp-video-next').addEventListener('click', function() {\n      goTo(current + 1);\n   });\n\n   document.querySelector('.jp-video-prev').addEventListener('click', function() {\n      goTo(current - 1);\n   });\n\n   dots.forEach(function(dot) {\n      dot.addEventListener('click', function() {\n         goTo(parseInt(dot.dataset.index));\n      });\n   });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JP DECOR MATTE collection Breccia Marble &#8211; JP-31 View Product Concrete &#8211; JP-14 View Product Cream Taupe &#8211; JP-09 View Product Green &#8211; JP-11 View Product Pastel Blush &#8211; JP-10 View Product Sandstone Beige &#8211; JP-08 View Product Warm Cappuccino &#8211; JP-12 View Product White &#8211; JP-07 View Product Technical Info Gallery Video Gallery METAL&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-854","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/muri-perfetti.com\/hr\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"JP DECOR MATTE collection Breccia Marble &#8211; JP-31 View Product Concrete &#8211; JP-14 View Product Cream Taupe &#8211; JP-09 View Product Green &#8211; JP-11 View Product Pastel Blush &#8211; JP-10 View Product Sandstone Beige &#8211; JP-08 View Product Warm Cappuccino &#8211; JP-12 View Product White &#8211; JP-07 View Product Technical Info Gallery Video Gallery METAL...","_links":{"self":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages\/854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/comments?post=854"}],"version-history":[{"count":31,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages\/854\/revisions"}],"predecessor-version":[{"id":2076,"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/pages\/854\/revisions\/2076"}],"wp:attachment":[{"href":"https:\/\/muri-perfetti.com\/hr\/wp-json\/wp\/v2\/media?parent=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}