{"id":3280,"date":"2026-05-08T11:19:43","date_gmt":"2026-05-08T11:19:43","guid":{"rendered":"https:\/\/diyapro.devinprogress.net\/?post_type=portfolio&#038;p=3280"},"modified":"2026-05-18T13:16:15","modified_gmt":"2026-05-18T13:16:15","slug":"product-stickers-for-honey-brand","status":"publish","type":"portfolio","link":"https:\/\/diyapro.devinprogress.net\/uk\/portfolio\/product-stickers-for-honey-brand\/","title":{"rendered":"Product Stickers for Honey Brand"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3280\" class=\"elementor elementor-3280\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f6ad4a6 e-con-full e-flex e-con e-parent\" data-id=\"1f6ad4a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-001ff18 elementor-widget elementor-widget-image-carousel\" data-id=\"001ff18\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:3000,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"image 257\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU0NiwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9pbWFnZS0yNTcud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-257.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-257.webp\" alt=\"image 257\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"image 258\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU0NywidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9pbWFnZS0yNTgtMS53ZWJwIiwic2xpZGVzaG93IjoiMDAxZmYxOCJ9\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-258-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-258-1.webp\" alt=\"image 258\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"image 260\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU0OSwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9pbWFnZS0yNjAtMS53ZWJwIiwic2xpZGVzaG93IjoiMDAxZmYxOCJ9\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-260-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-260-1.webp\" alt=\"image 260\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"image 261\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1MCwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9pbWFnZS0yNjEtMS53ZWJwIiwic2xpZGVzaG93IjoiMDAxZmYxOCJ9\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-261-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-261-1.webp\" alt=\"image 261\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"image 259\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU0OCwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9pbWFnZS0yNTktMS53ZWJwIiwic2xpZGVzaG93IjoiMDAxZmYxOCJ9\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-259-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-259-1.webp\" alt=\"image 259\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"image 262\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1MSwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9pbWFnZS0yNjIud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-262.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/image-262.webp\" alt=\"image 262\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"Vector\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1OSwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9WZWN0b3ItMS53ZWJwIiwic2xpZGVzaG93IjoiMDAxZmYxOCJ9\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/Vector-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/Vector-1.webp\" alt=\"Vector\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"IMG_0179 2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1MiwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9JTUdfMDE3OS0yLTMud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0179-2-3.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0179-2-3.webp\" alt=\"IMG_0179 2\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"IMG_0206 2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1NCwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9JTUdfMDIwNi0yLTEud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0206-2-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0206-2-1.webp\" alt=\"IMG_0206 2\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"IMG_0227 4\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1NSwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9JTUdfMDIyNy00LTEud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0227-4-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0227-4-1.webp\" alt=\"IMG_0227 4\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"IMG_0195 2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1MywidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9JTUdfMDE5NS0yLndlYnAiLCJzbGlkZXNob3ciOiIwMDFmZjE4In0%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0195-2.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0195-2.webp\" alt=\"IMG_0195 2\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"IMG_0243 2 1\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1NiwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9JTUdfMDI0My0yLTEtMS53ZWJwIiwic2xpZGVzaG93IjoiMDAxZmYxOCJ9\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0243-2-1-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0243-2-1-1.webp\" alt=\"IMG_0243 2 1\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"IMG_0252 2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1NywidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9JTUdfMDI1Mi0yLTIud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0252-2-2.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0252-2-2.webp\" alt=\"IMG_0252 2\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"IMG_0298 2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU1OCwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9JTUdfMDI5OC0yLTIud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0298-2-2.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/IMG_0298-2-2.webp\" alt=\"IMG_0298 2\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 15\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"001ff18\" data-elementor-lightbox-title=\"\u043e\u0431\u043b\u0456\u043f\u0438\u0445\u0430_\u043f\u0435\u0440\u0435\u0434\u043d\u044f 2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzU2MCwidXJsIjoiaHR0cHM6XC9cL2RpeWFwcm8uZGV2aW5wcm9ncmVzcy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9cdTA0M2VcdTA0MzFcdTA0M2JcdTA0NTZcdTA0M2ZcdTA0MzhcdTA0NDVcdTA0MzBfXHUwNDNmXHUwNDM1XHUwNDQwXHUwNDM1XHUwNDM0XHUwNDNkXHUwNDRmLTIud2VicCIsInNsaWRlc2hvdyI6IjAwMWZmMTgifQ%3D%3D\" href=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/\u043e\u0431\u043b\u0456\u043f\u0438\u0445\u0430_\u043f\u0435\u0440\u0435\u0434\u043d\u044f-2.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/diyapro.devinprogress.net\/wp-content\/uploads\/2026\/05\/\u043e\u0431\u043b\u0456\u043f\u0438\u0445\u0430_\u043f\u0435\u0440\u0435\u0434\u043d\u044f-2.webp\" alt=\"\u043e\u0431\u043b\u0456\u043f\u0438\u0445\u0430_\u043f\u0435\u0440\u0435\u0434\u043d\u044f 2\" \/><\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66622dc elementor-widget elementor-widget-html\" data-id=\"66622dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function() {\r\n  \/\/ ==================== CSS ====================\r\n  const style = document.createElement('style');\r\n  style.textContent = `\r\n    .elementor-element-001ff18 .elementor-image-carousel-wrapper {\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n    .elementor-element-001ff18 .swiper-wrapper {\r\n      transform: translate3d(0,0,0) !important;\r\n      transition: none !important;\r\n      position: relative;\r\n    }\r\n    .elementor-element-001ff18 .elementor-image-carousel {\r\n      position: relative;\r\n    }\r\n    .elementor-element-001ff18 .swiper-slide {\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 100% !important;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: none;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n    }\r\n    .elementor-element-001ff18 .swiper-slide figure {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      width: 100%;\r\n      height: 100%;\r\n      margin: 0;\r\n    }\r\n    .elementor-element-001ff18 .swiper-slide-image {\r\n      max-width: 100%;\r\n      width: auto !important;\r\n      height: auto !important;\r\n      max-height: 770px;\r\n      object-fit: contain;\r\n      display: block;\r\n    }\r\n    @media (max-width: 768px) {\r\n      .elementor-element-001ff18 .swiper-slide-image {\r\n        max-height: 500px;\r\n      }\r\n    }\r\n\r\n    \/* \u0421\u0442\u0440\u0456\u043b\u043a\u0438 *\/\r\n    .custom-slider-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      z-index: 10;\r\n      width: 44px;\r\n      height: 44px;\r\n      background: rgba(0, 0, 0, 0.45);\r\n      border: none;\r\n      border-radius: 50%;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: background 0.2s;\r\n      outline: none;\r\n    }\r\n    .custom-slider-arrow:hover {\r\n      background: rgba(0, 0, 0, 0.75);\r\n    }\r\n    .custom-slider-arrow svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      fill: none;\r\n      stroke: #fff;\r\n      stroke-width: 2.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n    .custom-slider-arrow-prev {\r\n      left: 12px;\r\n    }\r\n    .custom-slider-arrow-next {\r\n      right: 12px;\r\n    }\r\n    @media (max-width: 768px) {\r\n      .custom-slider-arrow {\r\n        width: 36px;\r\n        height: 36px;\r\n      }\r\n      .custom-slider-arrow svg {\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n\r\n  \/\/ ==================== JS ====================\r\n  function getFixedHeight() {\r\n    return window.innerWidth <= 768 ? 500 : 770;\r\n  }\r\n\r\n  function initCustomAnimation() {\r\n    const widget = document.querySelector('.elementor-element-001ff18');\r\n    if (!widget) return;\r\n\r\n    const swiperEl = widget.querySelector('.swiper');\r\n    if (!swiperEl || !swiperEl.swiper) {\r\n      setTimeout(initCustomAnimation, 300);\r\n      return;\r\n    }\r\n\r\n    const swiper = swiperEl.swiper;\r\n    swiper.autoplay.stop();\r\n\r\n    const wrapper = widget.querySelector('.swiper-wrapper');\r\n\r\n    function forceWrapperStyle() {\r\n      wrapper.style.transform = 'translate3d(0,0,0)';\r\n      wrapper.style.transition = 'none';\r\n    }\r\n\r\n    function getRealSlides() {\r\n      return Array.from(widget.querySelectorAll('.swiper-slide:not(.swiper-slide-duplicate)'));\r\n    }\r\n\r\n    const slides = getRealSlides();\r\n    let currentIndex = 0;\r\n    let isAnimating = false;\r\n\r\n    function updateWrapperHeight() {\r\n      const h = getFixedHeight();\r\n      wrapper.style.height = h + 'px';\r\n      slides.forEach(s => { s.style.height = h + 'px'; });\r\n    }\r\n\r\n    function resetSlides() {\r\n      slides.forEach((s, i) => {\r\n        s.style.opacity = i === currentIndex ? '1' : '0';\r\n        s.style.zIndex = i === currentIndex ? '2' : '1';\r\n        s.style.pointerEvents = i === currentIndex ? 'auto' : 'none';\r\n        s.style.transform = 'translate(0, 0)';\r\n        s.style.transition = 'none';\r\n      });\r\n    }\r\n\r\n    updateWrapperHeight();\r\n    resetSlides();\r\n    forceWrapperStyle();\r\n\r\n    window.addEventListener('resize', () => {\r\n      updateWrapperHeight();\r\n    });\r\n\r\n    const observer = new MutationObserver(forceWrapperStyle);\r\n    observer.observe(wrapper, { attributes: true, attributeFilter: ['style'] });\r\n\r\n    \/\/ ---- \u0410\u043d\u0456\u043c\u0430\u0446\u0456\u044f ----\r\n    function showSlide(newIndex) {\r\n      if (isAnimating || newIndex === currentIndex) return;\r\n      isAnimating = true;\r\n\r\n      const h = getFixedHeight();\r\n      const current = slides[currentIndex];\r\n      const next = slides[newIndex];\r\n\r\n      next.style.cssText = `\r\n        position: absolute !important;\r\n        top: 0; left: 0;\r\n        width: 100% !important;\r\n        height: ${h}px;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        opacity: 1;\r\n        z-index: 3;\r\n        transform: translate(-100%, 100%);\r\n        transition: none;\r\n      `;\r\n\r\n      current.style.cssText = `\r\n        position: absolute !important;\r\n        top: 0; left: 0;\r\n        width: 100% !important;\r\n        height: ${h}px;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        opacity: 1;\r\n        z-index: 2;\r\n        transform: translate(0, 0);\r\n        transition: none;\r\n      `;\r\n\r\n      requestAnimationFrame(() => {\r\n        requestAnimationFrame(() => {\r\n          next.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n          next.style.transform = 'translate(0, 0)';\r\n\r\n          current.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n          current.style.transform = 'translate(100%, 100%)';\r\n        });\r\n      });\r\n\r\n      setTimeout(() => {\r\n        currentIndex = newIndex;\r\n        updateWrapperHeight();\r\n        resetSlides();\r\n        isAnimating = false;\r\n      }, 660);\r\n    }\r\n\r\n    \/\/ ---- \u0421\u0442\u0440\u0456\u043b\u043a\u0438 ----\r\n    const carouselEl = widget.querySelector('.elementor-image-carousel-wrapper');\r\n    carouselEl.style.position = 'relative';\r\n\r\n    const prevBtn = document.createElement('button');\r\n    prevBtn.className = 'custom-slider-arrow custom-slider-arrow-prev';\r\n    prevBtn.setAttribute('aria-label', '\u041f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u0441\u043b\u0430\u0439\u0434');\r\n    prevBtn.innerHTML = `<svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>`;\r\n\r\n    const nextBtn = document.createElement('button');\r\n    nextBtn.className = 'custom-slider-arrow custom-slider-arrow-next';\r\n    nextBtn.setAttribute('aria-label', '\u041d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u0441\u043b\u0430\u0439\u0434');\r\n    nextBtn.innerHTML = `<svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>`;\r\n\r\n    carouselEl.appendChild(prevBtn);\r\n    carouselEl.appendChild(nextBtn);\r\n\r\n    prevBtn.addEventListener('click', () => {\r\n      const newIndex = (currentIndex - 1 + slides.length) % slides.length;\r\n      showSlide(newIndex);\r\n    });\r\n\r\n    nextBtn.addEventListener('click', () => {\r\n      showSlide((currentIndex + 1) % slides.length);\r\n    });\r\n\r\n    \/\/ ---- Autoplay ----\r\n    let autoplayTimer = setInterval(() => {\r\n      showSlide((currentIndex + 1) % slides.length);\r\n    }, 3000);\r\n\r\n    carouselEl.addEventListener('mouseenter', () => clearInterval(autoplayTimer));\r\n    carouselEl.addEventListener('mouseleave', () => {\r\n      clearInterval(autoplayTimer);\r\n      autoplayTimer = setInterval(() => {\r\n        showSlide((currentIndex + 1) % slides.length);\r\n      }, 3000);\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'complete') {\r\n    initCustomAnimation();\r\n  } else {\r\n    window.addEventListener('load', initCustomAnimation);\r\n  }\r\n})();\r\n<\/script>\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>Pasika<\/p>","protected":false},"featured_media":3281,"parent":0,"template":"","meta":{"_acf_changed":false},"tag_portfolio":[21],"class_list":["post-3280","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","tag_portfolio-web-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/portfolio\/3280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":124,"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/portfolio\/3280\/revisions"}],"predecessor-version":[{"id":3807,"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/portfolio\/3280\/revisions\/3807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/media\/3281"}],"wp:attachment":[{"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/media?parent=3280"}],"wp:term":[{"taxonomy":"tag_portfolio","embeddable":true,"href":"https:\/\/diyapro.devinprogress.net\/uk\/wp-json\/wp\/v2\/tag_portfolio?post=3280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}