{"id":856,"date":"2025-09-28T12:05:27","date_gmt":"2025-09-28T12:05:27","guid":{"rendered":"https:\/\/super-fizzy.com\/?page_id=856"},"modified":"2025-10-06T12:42:19","modified_gmt":"2025-10-06T12:42:19","slug":"homepage-2","status":"publish","type":"page","link":"https:\/\/super-fizzy.com\/ar\/homepage-2\/","title":{"rendered":"Homepage"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"856\" class=\"elementor elementor-856\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e032239 e-con-full e-flex e-con e-parent\" data-id=\"e032239\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-231afca elementor-widget elementor-widget-html\" data-id=\"231afca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.slider-container {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 700px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .slide {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            opacity: 0;\r\n            transition: opacity 0.7s ease-in-out;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .slide.active {\r\n            opacity: 1;\r\n        }\r\n\r\n        .slide-bg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            z-index: 1;\r\n        }\r\n\r\n        .decor-elements {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .decor-item {\r\n            position: absolute;\r\n            width: 80px;\r\n            height: 80px;\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 50%;\r\n            opacity: 0.9;\r\n            animation: float 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-20px); }\r\n        }\r\n\r\n        .slide-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n            padding: 20px;\r\n        }\r\n\r\n        .slide-title {\r\n            font-size: 50px;\r\n            font-style: italic;\r\n            color: #ffd93d;\r\n            text-shadow: 3px 3px 6px rgba(0,0,0,0.3);\r\n            margin-bottom: 10px;\r\n            animation: slideInDown 0.7s ease-out;\r\n            font-family: \"Vujahday Script\";\r\n            \r\n        }\r\n\r\n        .slide-subtitle {\r\n            font-size: 70px;\r\n            font-weight: 900;\r\n            color: white;\r\n            text-shadow: 4px 4px 8px rgba(0,0,0,0.4);\r\n            letter-spacing: -2px;\r\n            line-height: 1;\r\n            margin-bottom: 20px;\r\n            animation: slideInDown 0.7s ease-out 0.1s backwards;\r\n        }\r\n\r\n        .slide-tagline {\r\n            background: #2d3561;\r\n            color: #ffd93d;\r\n            padding: 15px 40px;\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n            letter-spacing: 0.05em;\r\n            clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%);\r\n            display: inline-block;\r\n            margin-bottom: 30px;\r\n            animation: slideInUp 0.7s ease-out 0.2s backwards;\r\n        }\r\n\r\n        .product-image {\r\n            max-width: 900px !important;\r\n            width: 90%;\r\n            height: 300px !important;\r\n            object-fit: contain;\r\n            filter: drop-shadow(0 20px 40px rgba(0,0,0,0.3));\r\n            animation: slideInUp 0.7s ease-out 0.3s backwards;\r\n        }\r\n        .product-cans {\r\n   display: flex;\r\n   justify-content: center;\r\n   align-items: center;\r\n   gap: 10px;\r\n   max-width: 1200px;\r\n   width: 90%;\r\n   margin: auto;\r\n   height: 300px !important;\r\n   animation: slideInUp 0.7s \r\nease-out 0.3s backwards;\r\n        }\r\n\r\n\r\n        .can-item {\r\n            width: auto;\r\n            object-fit: contain;\r\n            filter: drop-shadow(0 20px 40px rgba(0,0,0,0.3));\r\n            transition: transform 0.3s ease;\r\n            animation: popIn 0.5s ease-out backwards;\r\n            max-height: 280px !important;\r\n        }\r\n\r\n        \/* For 3 cans layout *\/\r\n        .product-cans .can-item:first-child:nth-last-child(3),\r\n        .product-cans .can-item:first-child:nth-last-child(3) ~ .can-item:nth-child(1) { height: 180px; }\r\n        .product-cans .can-item:first-child:nth-last-child(3) ~ .can-item:nth-child(2) { height: 220px; }\r\n        .product-cans .can-item:first-child:nth-last-child(3) ~ .can-item:nth-child(3) { height: 180px; }\r\n\r\n        \/* For 4-5 cans layout *\/\r\n        .product-cans .can-item:first-child:nth-last-child(4) ~ .can-item:nth-child(2),\r\n        .product-cans .can-item:first-child:nth-last-child(5) ~ .can-item:nth-child(2) { height: 180px; }\r\n        .product-cans .can-item:first-child:nth-last-child(4) ~ .can-item:nth-child(3),\r\n        .product-cans .can-item:first-child:nth-last-child(5) ~ .can-item:nth-child(3) { height: 200px; }\r\n        .product-cans .can-item:first-child:nth-last-child(5) ~ .can-item:nth-child(4) { height: 180px; }\r\n\r\n        \/* For 6-8 cans layout *\/\r\n        .product-cans .can-item:first-child:nth-last-child(6) ~ .can-item:nth-child(2),\r\n        .product-cans .can-item:first-child:nth-last-child(7) ~ .can-item:nth-child(2),\r\n        .product-cans .can-item:first-child:nth-last-child(8) ~ .can-item:nth-child(2) { height: 170px; }\r\n        .product-cans .can-item:first-child:nth-last-child(6) ~ .can-item:nth-child(3),\r\n        .product-cans .can-item:first-child:nth-last-child(7) ~ .can-item:nth-child(3),\r\n        .product-cans .can-item:first-child:nth-last-child(8) ~ .can-item:nth-child(3) { height: 190px; }\r\n        .product-cans .can-item:first-child:nth-last-child(6) ~ .can-item:nth-child(4),\r\n        .product-cans .can-item:first-child:nth-last-child(7) ~ .can-item:nth-child(4),\r\n        .product-cans .can-item:first-child:nth-last-child(8) ~ .can-item:nth-child(4) { height: 200px; }\r\n        .product-cans .can-item:first-child:nth-last-child(6) ~ .can-item:nth-child(5),\r\n        .product-cans .can-item:first-child:nth-last-child(7) ~ .can-item:nth-child(5),\r\n        .product-cans .can-item:first-child:nth-last-child(8) ~ .can-item:nth-child(5) { height: 190px; }\r\n        .product-cans .can-item:first-child:nth-last-child(6) ~ .can-item:nth-child(6),\r\n        .product-cans .can-item:first-child:nth-last-child(7) ~ .can-item:nth-child(6),\r\n        .product-cans .can-item:first-child:nth-last-child(8) ~ .can-item:nth-child(6) { height: 170px; }\r\n        .product-cans .can-item:first-child:nth-last-child(7) ~ .can-item:nth-child(7) { height: 150px; }\r\n        .product-cans .can-item:first-child:nth-last-child(8) ~ .can-item:nth-child(7),\r\n        .product-cans .can-item:first-child:nth-last-child(8) ~ .can-item:nth-child(8) { height: 150px; }\r\n\r\n          \/* For 9-10 cans layout *\/\r\n        .product-cans .can-item:first-child:nth-last-child(9),\r\n        .product-cans .can-item:first-child:nth-last-child(10) { height: 120px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(1),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(1) { height: 120px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(2),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(2) { height: 140px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(3),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(3) { height: 160px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(4),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(4) { height: 180px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(5),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(5) { height: 200px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(6),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(6) { height: 200px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(7),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(7) { height: 180px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(8),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(8) { height: 160px; }\r\n        .product-cans .can-item:first-child:nth-last-child(9) ~ .can-item:nth-child(9),\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(9) { height: 140px; }\r\n        .product-cans .can-item:first-child:nth-last-child(10) ~ .can-item:nth-child(10) { height: 120px; }\r\n\r\n\r\n\r\n        .can-item:nth-child(1) { animation-delay: 0.4s; }\r\n        .can-item:nth-child(2) { animation-delay: 0.5s; }\r\n        .can-item:nth-child(3) { animation-delay: 0.6s; }\r\n        .can-item:nth-child(4) { animation-delay: 0.7s; }\r\n        .can-item:nth-child(5) { animation-delay: 0.8s; }\r\n        .can-item:nth-child(6) { animation-delay: 0.9s; }\r\n        .can-item:nth-child(7) { animation-delay: 1s; }\r\n        .can-item:nth-child(8) { animation-delay: 1.1s; }\r\n        .can-item:nth-child(9) { animation-delay: 1.2s; }\r\n        .can-item:nth-child(10) { animation-delay: 1.3s; }\r\n\r\n\r\n        .can-item:hover {\r\n            transform: translateY(-10px) scale(1.05);\r\n        }\r\n\r\n        @keyframes slideInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .nav-arrow {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            z-index: 20;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            backdrop-filter: blur(10px);\r\n            border: none;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 0\r\n        }\r\n\r\n        .nav-arrow:hover {\r\n            background: rgba(255, 255, 255, 0.5);\r\n            transform: translateY(-50%) scale(1.1);\r\n        }\r\n\r\n        .nav-arrow.prev { left: 20px; }\r\n        .nav-arrow.next { right: 20px; }\r\n\r\n        .nav-arrow svg {\r\n            width: 30px;\r\n            height: 30px;\r\n            stroke: white;\r\n            stroke-width: 3;\r\n            fill: none;\r\n        }\r\n\r\n        .slide-indicators {\r\n            position: absolute;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 20;\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        .indicator {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.5);\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            padding: 0\r\n        }\r\n\r\n        .indicator.active {\r\n            width: 40px;\r\n            border-radius: 6px;\r\n            background: white;\r\n        }\r\n\r\n        .indicator:hover {\r\n            background: rgba(255, 255, 255, 0.75);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .product-image {\r\n                height: 250px;\r\n            }\r\n            \r\n            .decor-item {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n        }\r\n        \r\n        \r\n               @media (max-width: 768px) {\r\n            .product-cans {\r\n                height: 250px !important;\r\n                gap: 8px;\r\n            }\r\n\r\n            .can-item {\r\n                height: 200px;\r\n            }\r\n            \r\n            .decor-item {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"slider-container\">\r\n        <div class=\"slide active\" data-slide=\"0\">\r\n            <div class=\"slide-bg\" style=\"background: radial-gradient(#2d7f8c, #56bfb0);\"><\/div>\r\n            <div class=\"decor-elements\">\r\n                <div class=\"decor-item\" style=\"top: 15%; left: 8%; animation-delay: 0s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/coconut.webp\" alt=\"lime\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 35%; left: 15%; animation-delay: 0.3s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/lemon.webp\" alt=\"pineapple\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 45%; right: 12%; animation-delay: 0.6s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/mint.webp\" alt=\"coconut\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 20%; right: 10%; animation-delay: 0.9s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/pineapple.webp\" alt=\"mint\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slide-content\">\r\n                <h1 class=\"slide-title\">\u0646\u0643\u0647\u0627\u062a \u0641\u0648\u0627\u0643\u0647<\/h1>\r\n                <h2 class=\"slide-subtitle\">\u0633\u0648\u0628\u0631 \u063a\u0627\u0632\u064a<\/h2>\r\n                <div class=\"slide-tagline\">\u0633\u0648\u0628\u0631 \u0641\u0648\u0627\u0643\u0647\u2026 \u0646\u0643\u0647\u0627\u062a \u0639\u0644\u0649 \u0645\u0632\u0627\u062c\u0643!<\/div>\r\n                <div class=\"product-cans\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tutti-frutti-scaled.webp\" alt=\"Lime\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/triple-berry-scaled.webp\" alt=\"Orange\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/blueberry-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/lime-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/mango-and-peach-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/watermelon-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/pomegranate-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/bubble-gum-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/pina-colada-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/grape-scaled.webp\" alt=\"Grape\" class=\"can-item\">\r\n    <!-- Add as many cans as you want -->\r\n<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide\" data-slide=\"1\">\r\n            <div class=\"slide-bg\" style=\"background: radial-gradient(#ebe7ac, #54b048);\"><\/div>\r\n            <div class=\"decor-elements\">\r\n                <div class=\"decor-item\" style=\"top: 15%; left: 8%; animation-delay: 0s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/coconut.webp\" alt=\"lime\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 35%; left: 15%; animation-delay: 0.3s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/lemon.webp\" alt=\"pineapple\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 45%; right: 12%; animation-delay: 0.6s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/mint.webp\" alt=\"coconut\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 20%; right: 10%; animation-delay: 0.9s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/pineapple.webp\" alt=\"mint\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slide-content\">\r\n                <h1 class=\"slide-title\">\u062e\u0627\u0644\u064d \u0645\u0646 \u0627\u0644\u0633\u0643\u0631<\/h1>\r\n                <h2 class=\"slide-subtitle\">\u0633\u0648\u0628\u0631 \u063a\u0627\u0632\u064a<\/h2>\r\n                <div class=\"slide-tagline\">\u0628\u062f\u0648\u0646 \u0633\u0643\u0631 .. \u0628\u062f\u0648\u0646 \u0630\u0646\u0628!<\/div>\r\n                <div class=\"product-cans\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/mojito-free-sugar-scaled.webp\" alt=\"Lime\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/tutti-frutti-free-scaled.webp\" alt=\"Orange\" class=\"can-item\">\r\n    <!-- Add as many cans as you want -->\r\n<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide\" data-slide=\"2\">\r\n            <div class=\"slide-bg\" style=\"background: radial-gradient(#f2ffb2, #afe700)\"><\/div>\r\n            <div class=\"decor-elements\">\r\n                <div class=\"decor-item\" style=\"top: 15%; left: 8%; animation-delay: 0s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/coconut.webp\" alt=\"lime\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 35%; left: 15%; animation-delay: 0.3s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/lemon.webp\" alt=\"pineapple\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 45%; right: 12%; animation-delay: 0.6s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/mint.webp\" alt=\"coconut\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 20%; right: 10%; animation-delay: 0.9s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/pineapple.webp\" alt=\"mint\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slide-content\">\r\n                <h1 class=\"slide-title\">\u0646\u0643\u0647\u0627\u062a \u062d\u0627\u0645\u0636\u0629<\/h1>\r\n                <h2 class=\"slide-subtitle\">\u0633\u0648\u0628\u0631 \u063a\u0627\u0632\u064a<\/h2>\r\n                <div class=\"slide-tagline\">\u0637\u0639\u0645 \u0628\u0641\u062c\u0651\u0631 \u0627\u0644\u062d\u0645\u0648\u0636\u0629!<\/div>\r\n                <div class=\"product-cans\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/green-apple-sour.webp\" alt=\"Lime\" class=\"can-item\">\r\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/blueberry-sour.webp\" alt=\"Orange\" class=\"can-item\">\r\n    <!-- Add as many cans as you want -->\r\n<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide\" data-slide=\"3\">\r\n            <div class=\"slide-bg\" style=\"background: radial-gradient(#97b9c7, #4ab1cb)\"><\/div>\r\n            <div class=\"decor-elements\">\r\n                <div class=\"decor-item\" style=\"top: 15%; left: 8%; animation-delay: 0s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/coconut.webp\" alt=\"lime\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 35%; left: 15%; animation-delay: 0.3s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/lemon.webp\" alt=\"pineapple\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 45%; right: 12%; animation-delay: 0.6s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/mint.webp\" alt=\"coconut\">\r\n                <\/div>\r\n                <div class=\"decor-item\" style=\"top: 20%; right: 10%; animation-delay: 0.9s;\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/pineapple.webp\" alt=\"mint\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slide-content\">\r\n                <h1 class=\"slide-title\">\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u063a\u0627\u0632\u064a\u0629<\/h1>\r\n                <h2 class=\"slide-subtitle\">\u0633\u0648\u0628\u0631 \u063a\u0627\u0632\u064a<\/h2>\r\n                <div class=\"slide-tagline\">\u0633\u0648\u0628\u0631 \u0645\u0646\u0639\u0634\u0629\u060c \u0633\u0648\u0628\u0631 \u0641\u0648\u0627\u0631\u0651\u0629!<\/div>\r\n                <div class=\"product-cans\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/sparkling-water-2.webp\" alt=\"Lime\" class=\"can-item\">\r\n                    <!-- Add as many cans as you want -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <button class=\"nav-arrow prev\" onclick=\"changeSlide(-1)\" aria-label=\"Previous slide\">\r\n            <svg viewbox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n        <\/button>\r\n        <button class=\"nav-arrow next\" onclick=\"changeSlide(1)\" aria-label=\"Next slide\">\r\n            <svg viewbox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"slide-indicators\">\r\n            <button class=\"indicator active\" onclick=\"goToSlide(0)\" aria-label=\"Slide 1\"><\/button>\r\n            <button class=\"indicator\" onclick=\"goToSlide(1)\" aria-label=\"Slide 2\"><\/button>\r\n            <button class=\"indicator\" onclick=\"goToSlide(2)\" aria-label=\"Slide 3\"><\/button>\r\n            <button class=\"indicator\" onclick=\"goToSlide(3)\" aria-label=\"Slide 3\"><\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n <script>\r\n        var currentSlide = 0;\r\n        var slides = document.querySelectorAll('.slide');\r\n        var indicators = document.querySelectorAll('.indicator');\r\n        var totalSlides = slides.length;\r\n        var autoplayInterval;\r\n\r\n        function showSlide(index) {\r\n            slides.forEach(function(slide) {\r\n                slide.classList.remove('active');\r\n            });\r\n            indicators.forEach(function(ind) {\r\n                ind.classList.remove('active');\r\n            });\r\n            \r\n            slides[index].classList.add('active');\r\n            indicators[index].classList.add('active');\r\n        }\r\n\r\n        function changeSlide(direction) {\r\n            currentSlide = (currentSlide + direction + totalSlides) % totalSlides;\r\n            showSlide(currentSlide);\r\n            resetAutoplay();\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            currentSlide = index;\r\n            showSlide(currentSlide);\r\n            resetAutoplay();\r\n        }\r\n\r\n        function startAutoplay() {\r\n            autoplayInterval = setInterval(function() {\r\n                changeSlide(1);\r\n            }, 5000);\r\n        }\r\n\r\n        function resetAutoplay() {\r\n            clearInterval(autoplayInterval);\r\n        }\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bf8d45 e-flex e-con-boxed e-con e-parent\" data-id=\"8bf8d45\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9771879 e-con-full e-flex e-con e-child\" data-id=\"9771879\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-016e403 e-con-full e-flex e-con e-child\" data-id=\"016e403\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bec215 elementor-widget elementor-widget-heading\" data-id=\"3bec215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0646\u0628\u0630\u0629 \u0639\u0646 \u0633\u0648\u0628\u0631<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f02c839 elementor-widget elementor-widget-text-editor\" data-id=\"f02c839\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u062a\u0645 \u062a\u0623\u0633\u064a\u0633 \u0633\u0648\u0628\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062f\u0624\u0648\u0628 \u0648\u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0633\u0648\u0628\u0631 \u0645\u0646\u0630 \u0639\u0627\u0645 2015\u060c \u0648\u0645\u0646\u0630 \u0630\u0644\u0643 \u0627\u0644\u062d\u064a\u0646 \u0648\u0646\u062d\u0646 \u0646\u0639\u0645\u0644 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0623\u0641\u0636\u0644 \u0645\u0634\u0631\u0648\u0628 \u063a\u0627\u0632\u064a \u0628\u062d\u064a\u062b \u064a\u0631\u0636\u064a \u0648\u064a\u0641\u0648\u0642 \u062a\u0648\u0642\u0639\u0627\u062a \u0645\u062d\u0628\u0651\u064a \u0645\u0634\u0631\u0648\u0628\u0627\u062a\u0646\u0627 \u0627\u0644\u063a\u0627\u0632\u064a\u0629.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5da9b elementor-widget elementor-widget-button\" data-id=\"dd5da9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ae1bad e-con-full e-flex e-con e-child\" data-id=\"9ae1bad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d894a68 elementor-widget elementor-widget-image\" data-id=\"d894a68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/super-fizzy.com\/wp-content\/uploads\/2025\/09\/freepik__closeup-of-diverse-hands-holding-bubble-gum-soda-c__89596.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e7860a e-con-full e-flex e-con e-child\" data-id=\"7e7860a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-967879a e-con-full e-flex e-con e-child\" data-id=\"967879a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b40daeb elementor-widget elementor-widget-image\" data-id=\"b40daeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/super-fizzy.com\/wp-content\/uploads\/2025\/09\/freepik__place-this-uploaded-bubble-gum-soda-can-on-a-woode__89595.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eca6959 e-con-full e-flex e-con e-child\" data-id=\"eca6959\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a7473 elementor-widget elementor-widget-heading\" data-id=\"c5a7473\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062f\u0644\u0644 \u062d\u0648\u0627\u0633\u0643<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64e3289 elementor-widget elementor-widget-text-editor\" data-id=\"64e3289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0646\u0643\u0647\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u0639\u0629 \u0644\u062f\u064a\u0646\u0627 \u0645\u0646 \u0627\u0644\u0631\u0634\u0641\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0645\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0646\u0643\u0647\u0627\u062a \u0633\u0648\u0628\u0631 \u0633\u064a\u0635\u0628\u062d \u0633\u0648\u0628\u0631 \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0627\u0644\u0623\u0648\u0644 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u0627\u0644\u063a\u0627\u0632\u064a\u0629 \u0628\u0646\u0643\u0647\u0627\u062a \u0641\u0631\u064a\u062f\u0629 \u0645\u062a\u0646\u0648\u0639\u0629: \u0627\u0644\u062a\u0648\u062a\u064a \u0641\u0631\u0648\u062a\u064a\u060c \u0627\u0644\u0632\u0646\u062c\u0628\u064a\u0644\u060c \u0627\u0644\u0628\u064a\u0646\u0627 \u0643\u0648\u0644\u0627\u062f\u0627\u060c \u0627\u0644\u0628\u0637\u064a\u062e\u060c \u0627\u0644\u0639\u0646\u0628\u060c \u0627\u0644\u062a\u0641\u0627\u062d\u060c \u0627\u0644\u0646\u0639\u0646\u0627\u0639\u060c \u0627\u0644\u0644\u064a\u0645\u0648\u0646 \u0648\u0627\u0644\u0631\u0645\u0627\u0646.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3395ba9 elementor-widget elementor-widget-button\" data-id=\"3395ba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbeee4a e-flex e-con-boxed e-con e-parent\" data-id=\"cbeee4a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e985293 elementor-widget elementor-widget-html\" data-id=\"e985293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"secure-sip\">\r\n        <h2 class=\"sip-title\">\u0642\u062f \u064a\u0639\u062c\u0628\u0643 \u0623\u064a\u0636\u064b\u0627<\/h2>\r\n        \r\n        <div class=\"sip-carousel\">\r\n<button class=\"sip-arrow prev\">\r\n    <i class=\"fas fa-chevron-left\"><\/i>\r\n<\/button>\r\n<button class=\"sip-arrow next\">\r\n    <i class=\"fas fa-chevron-right\"><\/i>\r\n<\/button>\r\n            \r\n            <div class=\"sip-container\">\r\n                <div class=\"sip-track\" id=\"sipTrack\">\r\n                    <!-- Product 1 - 6-Flavor Nostalgic Pack -->\r\n                    <div class=\"sip-product\">\r\n                        <div class=\"product-image-container gradient-green\">\r\n                            <!-- <div class=\"variety-pack\">\r\n                                <div class=\"can-row\">\r\n                                    <div class=\"mini-can brown\">Cream Soda<\/div>\r\n                                    <div class=\"mini-can purple\">Grape<\/div>\r\n                                    <div class=\"mini-can blue\">Vanilla Cola<\/div>\r\n                                <\/div>\r\n                                <div class=\"can-row\">\r\n                                    <div class=\"mini-can orange\">Orange<\/div>\r\n                                    <div class=\"mini-can yellow\">Ginger Ale<\/div>\r\n                                    <div class=\"mini-can green\">super<\/div>\r\n                                <\/div>\r\n                            <\/div> -->\r\n                            <div class=\"single-can pink\">\r\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/BlueBerry-scaled.png\">\r\n                                <!-- <span class=\"can-flavor\">Black Cherry<\/span>\r\n                                <span class=\"can-brand\">super<\/span>\r\n                                <span class=\"can-tagline\">Zero Sugar Soda<\/span>\r\n                                <span class=\"can-size\">12 FL OZ (355 mL)<\/span> -->\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"product-details\">\r\n                            <h4>\u0627\u0644\u0628\u0644\u0648\u0628\u064a\u0631\u064a<\/h4>\r\n                            <button class=\"buy-button\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Product 2 - 6-Flavor Rainbow Pack -->\r\n                    <div class=\"sip-product\">\r\n                        <div class=\"product-image-container gradient-rainbow\">\r\n                            <!-- <div class=\"variety-pack\">\r\n                                <div class=\"can-row\">\r\n                                    <div class=\"mini-can pink\">Strawberry<\/div>\r\n                                    <div class=\"mini-can orange\">Orange<\/div>\r\n                                    <div class=\"mini-can yellow\">Lemon Lime<\/div>\r\n                                <\/div>\r\n                                <div class=\"can-row\">\r\n                                    <div class=\"mini-can purple\">Grape<\/div>\r\n                                    <div class=\"mini-can red\">Cherry<\/div>\r\n                                    <div class=\"mini-can green\">super<\/div>\r\n                                <\/div>\r\n                            <\/div> -->\r\n                            <div class=\"single-can pink\">\r\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/lime-scaled.png\">\r\n                                <!-- <span class=\"can-flavor\">Black Cherry<\/span>\r\n                                <span class=\"can-brand\">super<\/span>\r\n                                <span class=\"can-tagline\">Zero Sugar Soda<\/span>\r\n                                <span class=\"can-size\">12 FL OZ (355 mL)<\/span> -->\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"product-details\">\r\n                            <h4>\u0644\u0627\u064a\u0645<\/h4>\r\n                            <button class=\"buy-button\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Product 3 - Black Cherry -->\r\n                    <div class=\"sip-product\">\r\n                        <div class=\"product-image-container gradient-pink\">\r\n                            <div class=\"single-can pink\">\r\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Mojito-scaled.png\">\r\n                                <!-- <span class=\"can-flavor\">Black Cherry<\/span>\r\n                                <span class=\"can-brand\">super<\/span>\r\n                                <span class=\"can-tagline\">Zero Sugar Soda<\/span>\r\n                                <span class=\"can-size\">12 FL OZ (355 mL)<\/span> -->\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"product-details\">\r\n                            <h4>\u0645\u0648\u0647\u064a\u062a\u0648<\/h4>\r\n                            <button class=\"buy-button\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Product 4 - Caffeine Free Cola -->\r\n                    <div class=\"sip-product\">\r\n                        <div class=\"product-image-container gradient-blue\">\r\n                            <div class=\"single-can blue\">\r\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/BubbleGum_-scaled.png\">\r\n                                <!-- <span class=\"can-flavor\">Black Cherry<\/span>\r\n                                <span class=\"can-brand\">super<\/span>\r\n                                <span class=\"can-tagline\">Zero Sugar Soda<\/span>\r\n                                <span class=\"can-size\">12 FL OZ (355 mL)<\/span> -->\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"product-details\">\r\n                            <h4>\u0639\u0644\u0643\u0629<\/h4>\r\n                            <button class=\"buy-button\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Product 5 - Ginger Root Beer -->\r\n                    <div class=\"sip-product\">\r\n                        <div class=\"product-image-container gradient-brown\">\r\n                          <div class=\"single-can blue\">\r\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Pinacolada-scaled.png\">\r\n                                <!-- <span class=\"can-flavor\">Black Cherry<\/span>\r\n                                <span class=\"can-brand\">super<\/span>\r\n                                <span class=\"can-tagline\">Zero Sugar Soda<\/span>\r\n                                <span class=\"can-size\">12 FL OZ (355 mL)<\/span> -->\r\n\r\n                        <\/div>\r\n                        <\/div>\r\n                        <div class=\"product-details\">\r\n                            <h4>GINGER ROOT BEER<\/h4>\r\n                            <button class=\"buy-button\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Product 6 - Creamy Root Beer -->\r\n                    <div class=\"sip-product\">\r\n                        <div class=\"product-image-container gradient-purple\">\r\n\r\n                            <div class=\"single-can blue\">\r\n                                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Pomegranate_-scaled.png\">\r\n                                <!-- <span class=\"can-flavor\">Black Cherry<\/span>\r\n                                <span class=\"can-brand\">super<\/span>\r\n                                <span class=\"can-tagline\">Zero Sugar Soda<\/span>\r\n                                <span class=\"can-size\">12 FL OZ (355 mL)<\/span> -->\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"product-details\">\r\n                            <h4>CREAMY ROOT BEER<\/h4>\r\n                            <button class=\"buy-button\">\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n   \r\n\r\n    <script>\r\n        function toggleMenu() {\r\n            document.querySelector('.offcanvas-menu').classList.toggle('active');\r\n        }\r\n    <\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    const sipContainer = document.querySelector('.sip-container');\r\n    const sipPrev = document.querySelector('.sip-arrow.prev');\r\n    const sipNext = document.querySelector('.sip-arrow.next');\r\n\r\n    const scrollAmount = 300; \/\/ pixels to scroll per arrow click\r\n\r\n    \/\/ Arrow click\r\n    sipPrev.addEventListener('click', () => {\r\n        sipContainer.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n    });\r\n    sipNext.addEventListener('click', () => {\r\n        sipContainer.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n    });\r\n\r\n    \/\/ Touch\/drag support\r\n    let isDragging = false, startX, scrollStart;\r\n\r\n    sipContainer.addEventListener('mousedown', (e) => {\r\n        isDragging = true;\r\n        startX = e.pageX - sipContainer.offsetLeft;\r\n        scrollStart = sipContainer.scrollLeft;\r\n    });\r\n    sipContainer.addEventListener('mouseleave', () => isDragging = false);\r\n    sipContainer.addEventListener('mouseup', () => isDragging = false);\r\n    sipContainer.addEventListener('mousemove', (e) => {\r\n        if(!isDragging) return;\r\n        const x = e.pageX - sipContainer.offsetLeft;\r\n        const walk = (x - startX) * 1; \/\/ scroll speed multiplier\r\n        sipContainer.scrollLeft = scrollStart - walk;\r\n    });\r\n\r\n    \/\/ Optional: touch support for mobile\r\n    let touchStartX = 0, touchScrollStart = 0;\r\n    sipContainer.addEventListener('touchstart', e => {\r\n        touchStartX = e.touches[0].pageX;\r\n        touchScrollStart = sipContainer.scrollLeft;\r\n    });\r\n    sipContainer.addEventListener('touchmove', e => {\r\n        const x = e.touches[0].pageX;\r\n        const walk = (x - touchStartX) * 1;\r\n        sipContainer.scrollLeft = touchScrollStart - walk;\r\n    });\r\n});\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9ac80f e-flex e-con-boxed e-con e-parent\" data-id=\"e9ac80f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95613bb elementor-widget elementor-widget-html\" data-id=\"95613bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \r\n    \r\n    .section {\r\n      position: relative;\r\n      gap: 80px;\r\n      padding: 80px 0;\r\n    }\r\n\r\n    .section .content {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      position: relative;\r\n      gap: 80px;\r\n    }\r\n\r\n    .section-heading {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .section-heading h2 {\r\n        font-size: 45px;\r\n        line-height: 50px;\r\n        font-weight: 800;\r\n        color: #000;\r\n    }\r\n\r\n    .section-heading h2 span {\r\n        color: #E7194F; \/* highlight *\/\r\n    }\r\n\r\n    .section-heading p {\r\n        font-size: 16px;\r\n        color: #555;\r\n        margin-top: 10px;\r\n        max-width: 600px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n\r\n    .center-img {\r\n        width: 120px;\r\n        position: relative;\r\n        z-index: 2;\r\n        transform: rotate(-8deg);\r\n    }\r\n\r\n    .side {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      gap: 100px;\r\n    }\r\n\r\n    .info-box {\r\n      width: 220px;\r\n      background: #fff;\r\n      padding: 15px;\r\n      border-radius: 10px;\r\n      box-shadow: 0px 4px 15px rgba(0,0,0,0.1);\r\n      position: relative;\r\n    }\r\n\r\n    .info-box h3 {\r\n      font-size: 16px;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .info-box p {\r\n      font-size: 14px;\r\n      color: #444;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Arrows *\/\r\n    .arrow {\r\n      width: 60px;\r\n      height: 2px;\r\n      position: absolute;\r\n      top: 25%;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    .arrow.left {\r\n      right: -126px;\r\n      transform: rotate(124deg);\r\n    }\r\n\r\n    .arrow.right {\r\n        left: -95px;\r\n        transform: rotate(-32deg);\r\n    }\r\n\r\n    .arrow.right img {\r\n        width: 70px;\r\n    }\r\n\r\n    .side .info-box:first-of-type .arrow.left {\r\n        right: -103px;\r\n        top: 80px;\r\n    }\r\n\r\n    .side .info-box:nth-child(2) .arrow.left {\r\n        right: -95px;\r\n        top: 80px;\r\n    }\r\n    \r\n    .arrow.left img {\r\n        width: 50px;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n      .section {\r\n        flex-direction: column;\r\n        gap: 40px;\r\n      }\r\n      .side {\r\n        flex-direction: row;\r\n        gap: 20px;\r\n      }\r\n      .info-box {\r\n        width: 150px;\r\n      }\r\n      .arrow {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    \r\n<\/style>\r\n<section class=\"section\">\r\n  \r\n  <!-- Heading -->\r\n  <div class=\"section-heading\">\r\n    <h2>Be more than well get<br><span>Extra Nourishment<\/span><\/h2>\r\n    <p>If you\u2019re new to Cann \u2014 here\u2019s the lowdown: THC and CBD are both cannabinoids found in marijuana and hemp. However, they\u2019re very different.<\/p>\r\n  <\/div>\r\n\r\n    <!-- Content Wrapper -->\r\n    <div class=\"content\">\r\n        <!-- Left Side -->\r\n        <div class=\"side\">\r\n        <div class=\"info-box\">\r\n            <h3>Great Customers Relationship<\/h3>\r\n            <p>Every customer should feel like they are attended and cared for like a friend.<\/p>\r\n            <div class=\"arrow left\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/arrow-1.png\" alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"info-box\">\r\n            <h3>Sustainable Packaging<\/h3>\r\n            <p>Sustainable packaging is an eco-friendly option for small & medium brands.<\/p>\r\n            <div class=\"arrow left\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/arrow-1.png\" alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\r\n\r\n        <!-- Center Image -->\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/Artboard-2-scaled.png\" alt=\"Center Product\" class=\"center-img\">\r\n\r\n        <!-- Right Side -->\r\n        <div class=\"side\">\r\n        <div class=\"info-box\">\r\n            <h3>Impact with Society<\/h3>\r\n            <p>Our programs improve community access to water and sanitation.<\/p>\r\n            <div class=\"arrow right\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/arrow-down.png\" alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"info-box\">\r\n            <h3>In Collaboration<\/h3>\r\n            <p>Working with global partners to bring positive impact.<\/p>\r\n            <div class=\"arrow right\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/arrow-down.png\" alt=\"\">\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-036062f e-flex e-con-boxed e-con e-parent\" data-id=\"036062f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7\tc23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4\tc21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e3fef reviews elementor-widget elementor-widget-html\" data-id=\"d3e3fef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.reviews-container {\r\n            margin: 0 auto;\r\n            background: transparent;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .reviews-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .reviews-title {\r\n            font-size: 2.5rem;\r\n            font-weight: bold;\r\n            color: #333;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .rating-summary {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .stars {\r\n            display: flex;\r\n            gap: 3px;\r\n        }\r\n\r\n        .star {\r\n            color: #ffd700;\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .review-count {\r\n            color: #666;\r\n            font-size: 1rem;\r\n            margin-left: 10px;\r\n        }\r\n\r\n        .reviews-wrapper {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n.reviews-grid {\r\n    display: flex;\r\n    gap: 20px;\r\n    align-items: stretch;\r\n    transition: transform 0.3s ease;\r\n    width: 100%; \/* JS will handle the movement *\/\r\n}\r\n\r\n.reviews-slide {\r\n    flex: 0 0 100%; \/* each slide takes full width, JS shifts them *\/\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n        .review-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            padding: 30px;\r\n            flex: 1;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n            border: 1px solid #f0f0f0;\r\n            min-height: 280px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .review-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .reviewer-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .reviewer-name {\r\n            font-weight: bold;\r\n            color: #333;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .verified-badge {\r\n            color: #999;\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        .review-date {\r\n            color: #999;\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        .review-stars {\r\n            display: flex;\r\n            gap: 2px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .review-stars .star {\r\n            color: #ffd700;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .review-title {\r\n            font-weight: bold;\r\n            color: #333;\r\n            margin-bottom: 15px;\r\n            font-size: 1rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .review-text {\r\n            color: #666;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .product-tag {\r\n            color: #999;\r\n            font-size: 0.9rem;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .nav-button {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: white;\r\n            border: 2px solid #e0e0e0;\r\n            border-radius: 50%;\r\n            width: 50px;\r\n            height: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n            transition: all 0.3s ease;\r\n            z-index: 10;\r\n            padding: 0;\r\n        }\r\n\r\n        .nav-button:hover {\r\n            background: #f5f5f5;\r\n            border-color: #ccc;\r\n        }\r\n\r\n        .nav-prev {\r\n            left: -25px;\r\n        }\r\n\r\n        .nav-next {\r\n            right: -25px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .reviews-slide {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .nav-button {\r\n                display: none;\r\n            }\r\n            \r\n            .reviews-container {\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .reviews-grid {\r\n                width: 100%;\r\n            }\r\n\r\n            .reviews-slide {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n    <div class=\"reviews-container\">\r\n        <div class=\"reviews-header\">\r\n            <h1 class=\"reviews-title\">YOUR KIND WORDS<\/h1>\r\n            <div class=\"rating-summary\">\r\n                <div class=\"stars\">\r\n                    <span class=\"star\">\u2605<\/span>\r\n                    <span class=\"star\">\u2605<\/span>\r\n                    <span class=\"star\">\u2605<\/span>\r\n                    <span class=\"star\">\u2605<\/span>\r\n                    <span class=\"star\">\u2605<\/span>\r\n                <\/div>\r\n                <span class=\"review-count\">398 \u062a\u0642\u064a\u064a\u0645\u064b\u0627<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"reviews-wrapper\">\r\n            <button class=\"nav-button nav-prev\">\u2039<\/button>\r\n            \r\n            <div class=\"reviews-grid\" id=\"reviewsGrid\">\r\n                <!-- Slide 1 -->\r\n                <div class=\"reviews-slide\">\r\n                    <div class=\"review-card\">\r\n                        <div class=\"review-header\">\r\n                            <div class=\"reviewer-info\">\r\n                                <span class=\"reviewer-name\">LESLEY W.<\/span>\r\n                                <span class=\"verified-badge\">\u25cf Verified Buyer<\/span>\r\n                            <\/div>\r\n                            <span class=\"review-date\">09\/23\/25<\/span>\r\n                        <\/div>\r\n                        <div class=\"review-stars\">\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"review-title\">MOST ENJOYABLE<\/h3>\r\n                        <p class=\"review-text\">Very refreshing apple taste and not too sweet. Just the right size bottle too.<\/p>\r\n                        <div class=\"product-tag\">\u0627\u0644\u0628\u0637\u064a\u062e<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"review-card\">\r\n                        <div class=\"review-header\">\r\n                            <div class=\"reviewer-info\">\r\n                                <span class=\"reviewer-name\">PAT F.<\/span>\r\n                                <span class=\"verified-badge\">\u25cf Verified Buyer<\/span>\r\n                            <\/div>\r\n                            <span class=\"review-date\">09\/27\/25<\/span>\r\n                        <\/div>\r\n                        <div class=\"review-stars\">\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"review-title\">ORANGE<\/h3>\r\n                        <p class=\"review-text\">Nice very tasty like a true orange very refreshing<\/p>\r\n                        <div class=\"product-tag\">\u0627\u0644\u0628\u064a\u0646\u0627\u0643\u0648\u0644\u0627\u062f\u0627<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"review-card\">\r\n                        <div class=\"review-header\">\r\n                            <div class=\"reviewer-info\">\r\n                                <span class=\"reviewer-name\">HANNAH T.<\/span>\r\n                                <span class=\"verified-badge\">\u25cf Verified Buyer<\/span>\r\n                            <\/div>\r\n                            <span class=\"review-date\">09\/26\/25<\/span>\r\n                        <\/div>\r\n                        <div class=\"review-stars\">\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"review-title\">LOVE IT!<\/h3>\r\n                        <p class=\"review-text\">This is the best cranberry I've ever had!<\/p>\r\n                        <div class=\"product-tag\">Cranberry<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Slide 2 -->\r\n                <div class=\"reviews-slide\">\r\n                    <div class=\"review-card\">\r\n                        <div class=\"review-header\">\r\n                            <div class=\"reviewer-info\">\r\n                                <span class=\"reviewer-name\">HANNAH T.<\/span>\r\n                                <span class=\"verified-badge\">\u25cf Verified Buyer<\/span>\r\n                            <\/div>\r\n                            <span class=\"review-date\">09\/26\/25<\/span>\r\n                        <\/div>\r\n                        <div class=\"review-stars\">\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"review-title\">LOVE IT!<\/h3>\r\n                        <p class=\"review-text\">This is the best cranberry I've ever had!<\/p>\r\n                        <div class=\"product-tag\">Cranberry<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"review-card\">\r\n                        <div class=\"review-header\">\r\n                            <div class=\"reviewer-info\">\r\n                                <span class=\"reviewer-name\">HANNAH T.<\/span>\r\n                                <span class=\"verified-badge\">\u25cf Verified Buyer<\/span>\r\n                            <\/div>\r\n                            <span class=\"review-date\">09\/26\/25<\/span>\r\n                        <\/div>\r\n                        <div class=\"review-stars\">\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"review-title\">LOVE IT!<\/h3>\r\n                        <p class=\"review-text\">This is the best cranberry I've ever had!<\/p>\r\n                        <div class=\"product-tag\">Cranberry<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"review-card\">\r\n                        <div class=\"review-header\">\r\n                            <div class=\"reviewer-info\">\r\n                                <span class=\"reviewer-name\">MIKE S.<\/span>\r\n                                <span class=\"verified-badge\">\u25cf Verified Buyer<\/span>\r\n                            <\/div>\r\n                            <span class=\"review-date\">09\/25\/25<\/span>\r\n                        <\/div>\r\n                        <div class=\"review-stars\">\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                            <span class=\"star\">\u2605<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"review-title\">AMAZING FLAVOR<\/h3>\r\n                        <p class=\"review-text\">Perfect balance of sweetness and tartness. Will definitely order again!<\/p>\r\n                        <div class=\"product-tag\">Mixed Berry<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <button class=\"nav-button nav-next\">\u203a<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<script>\r\n    const reviewsGrid = document.getElementById('reviewsGrid');\r\n    const slides = document.querySelectorAll('.reviews-slide');\r\n    const totalSlides = slides.length;\r\n    let currentSlide = 0;\r\n\r\n    function updateSlide() {\r\n        const translateX = -(currentSlide * 100);\r\n        reviewsGrid.style.transform = `translateX(${translateX}%)`;\r\n    }\r\n\r\n    document.querySelector('.nav-prev').addEventListener('click', () => {\r\n        if (currentSlide > 0) {\r\n            currentSlide--;\r\n            updateSlide();\r\n        }\r\n    });\r\n\r\n    document.querySelector('.nav-next').addEventListener('click', () => {\r\n        if (currentSlide < totalSlides - 1) {\r\n            currentSlide++;\r\n            updateSlide();\r\n        }\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2c4440 e-con-full e-flex e-con e-parent\" data-id=\"d2c4440\" 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-3f42090 elementor-widget elementor-widget-html\" data-id=\"3f42090\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <style>\r\n\r\n        .container {\r\n            margin: 0 auto;\r\n            background: white;\r\n            padding: 60px;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .header {\r\n            margin-bottom: 40px;\r\n            text-align: left;\r\n        }\r\n\r\n        .follow-text {\r\n            font-size: 2rem;\r\n            color: #000000;\r\n            font-weight: 800;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .brand-section {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .instagram-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n            background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: bold;\r\n            font-size: 18px;\r\n        }\r\n\r\n        .brand-name {\r\n            font-size: 2rem;\r\n            font-weight: 300;\r\n            color: #333;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(10, 1fr);\r\n            grid-template-rows: repeat(6, 150px);\r\n            gap: 15px;\r\n            width: 100%;\r\n        }\r\n\r\n        .grid-item {\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            background: #f0f0f0;\r\n        }\r\n\r\n        .grid-item:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .grid-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .grid-item:hover img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Grid positioning exactly like the reference *\/\r\n        .item-1 {\r\n            grid-column: 1 \/ 4;\r\n            grid-row: 1 \/ 3;\r\n        }\r\n\r\n        .item-2 {\r\n            grid-column: 4 \/ 8;\r\n            grid-row: 1 \/ 3;\r\n        }\r\n\r\n        .item-3 {\r\n            grid-column: 8 \/ 12;\r\n            grid-row: 1 \/ 4;\r\n        }\r\n\r\n        .item-4 {\r\n            grid-column: 12 \/ 13;\r\n            grid-row: 1 \/ 3;\r\n        }\r\n\r\n        .item-5 {\r\n            grid-column: 1 \/ 5;\r\n            grid-row: 3 \/ 5;\r\n        }\r\n\r\n        .item-6 {\r\n            grid-column: 5 \/ 8;\r\n            grid-row: 3 \/ 5;\r\n        }\r\n\r\n        .item-7 {\r\n            grid-column: 12 \/ 13;\r\n            grid-row: 3 \/ 6;\r\n        }\r\n\r\n        .item-8 {\r\n            grid-column: 1 \/ 4;\r\n            grid-row: 5 \/ 7;\r\n        }\r\n\r\n        .item-9 {\r\n            grid-column: 4 \/ 8;\r\n            grid-row: 5 \/ 7;\r\n        }\r\n\r\n        .item-10 {\r\n            grid-column: 8 \/ 10;\r\n            grid-row: 4 \/ 7;\r\n        }\r\n\r\n        .item-11 {\r\n            grid-column: 10 \/ 12;\r\n            grid-row: 4 \/ 7;\r\n        }\r\n\r\n        \/* Overlay effect *\/\r\n        .grid-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(45deg, rgba(0,0,0,0.1), transparent);\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            z-index: 1;\r\n        }\r\n\r\n        .grid-item:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .container {\r\n                padding: 40px;\r\n            }\r\n            \r\n            .grid {\r\n                grid-template-columns: repeat(8, 1fr);\r\n                grid-template-rows: repeat(8, 120px);\r\n            }\r\n\r\n            .item-1 { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\r\n            .item-2 { grid-column: 3 \/ 6; grid-row: 1 \/ 3; }\r\n            .item-3 { grid-column: 6 \/ 9; grid-row: 1 \/ 4; }\r\n            .item-4 { grid-column: 1 \/ 4; grid-row: 3 \/ 5; }\r\n            .item-5 { grid-column: 4 \/ 6; grid-row: 3 \/ 5; }\r\n            .item-6 { grid-column: 1 \/ 3; grid-row: 5 \/ 7; }\r\n            .item-7 { grid-column: 3 \/ 5; grid-row: 5 \/ 7; }\r\n            .item-8 { grid-column: 5 \/ 7; grid-row: 5 \/ 7; }\r\n            .item-9 { grid-column: 4 \/ 8; grid-row: 5 \/ 7; }\r\n            .item-10 { grid-column: 7 \/ 9; grid-row: 6 \/ 8; }\r\n            .item-11 { grid-column: 1 \/ 9; grid-row: 7 \/ 8; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .container {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .brand-name {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .grid {\r\n                grid-template-columns: repeat(4, 1fr);\r\n                grid-template-rows: repeat(12, 100px);\r\n                gap: 10px;\r\n            }\r\n\r\n            .item-1 { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\r\n            .item-2 { grid-column: 3 \/ 5; grid-row: 1 \/ 3; }\r\n            .item-3 { grid-column: 1 \/ 3; grid-row: 3 \/ 5; }\r\n            .item-4 { grid-column: 3 \/ 5; grid-row: 3 \/ 5; }\r\n            .item-5 { grid-column: 1 \/ 3; grid-row: 5 \/ 7; }\r\n            .item-6 { grid-column: 3 \/ 5; grid-row: 5 \/ 7; }\r\n            .item-7 { grid-column: 1 \/ 3; grid-row: 7 \/ 9; }\r\n            .item-8 { grid-column: 3 \/ 5; grid-row: 7 \/ 9; }\r\n            .item-9 { grid-column: 1 \/ 3; grid-row: 9 \/ 11; }\r\n            .item-10 { grid-column: 3 \/ 5; grid-row: 9 \/ 11; }\r\n            .item-11 { grid-column: 1 \/ 5; grid-row: 11 \/ 12; }\r\n        }\r\n    <\/style>\r\n    \r\n    <div class=\"container\">\r\n        <div class=\"header1\">\r\n            <div class=\"follow-text\">\u062a\u0627\u0628\u0639\u0648\u0646\u0627 \u0639\u0644\u0649 <span style=\"color: #eb294e;\">Instagram<\/span><\/div>\r\n            <div class=\"brand-section\">\r\n                <i class=\"fa-brands fa-instagram\"><\/i>\r\n                <div class=\"brand-name\">super.drinkv<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"grid\">\r\n            <div class=\"grid-item item-1\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509042239860-f550ce710b93?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Coffee can\">\r\n            <\/div>\r\n\r\n            <div class=\"grid-item item-2\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Person with coffee\">\r\n            <\/div>\r\n\r\n            <div class=\"grid-item item-3\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497935586351-b67a49e012bf?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Coffee preparation\">\r\n            <\/div>\r\n\r\n\r\n            <div class=\"grid-item item-5\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498804103079-a6351b050096?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Iced coffee\">\r\n            <\/div>\r\n\r\n            <div class=\"grid-item item-6\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542990253-a781e04c0082?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Coffee cans\">\r\n            <\/div>\r\n\r\n            <div class=\"grid-item item-8\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1493857671505-72967e2e2760?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Coffee setup\">\r\n            <\/div>\r\n\r\n            <div class=\"grid-item item-9\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514432324607-a09d9b4aefdd?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Coffee pour\">\r\n            <\/div>\r\n\r\n            <div class=\"grid-item item-10\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581636625402-29b2a704ef13?q=80&w=388&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Modern coffee\">\r\n            <\/div>\r\n\r\n            <div class=\"grid-item item-11\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511537190424-bbbab87ac5eb?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Coffee lifestyle\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Add click functionality to grid items\r\n        document.querySelectorAll('.grid-item').forEach(item => {\r\n            item.addEventListener('click', function() {\r\n                \/\/ Add a subtle click animation\r\n                this.style.transform = 'scale(0.98)';\r\n                setTimeout(() => {\r\n                    this.style.transform = '';\r\n                }, 150);\r\n            });\r\n        });\r\n\r\n        \/\/ Lazy loading effect\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Apply initial animation state and observe\r\n        document.querySelectorAll('.grid-item').forEach((item, index) => {\r\n            item.style.opacity = '0';\r\n            item.style.transform = 'translateY(20px)';\r\n            item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n            observer.observe(item);\r\n        });\r\n\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92fd550 e-flex e-con-boxed e-con e-parent\" data-id=\"92fd550\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1b73ef elementor-widget elementor-widget-html\" data-id=\"a1b73ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .slider .e-con-inner {\n        padding: 0 !important;\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Fruity Flavours SUPER FIZZY SUPER FRUITY, SUPER FUN! Sugar Free Super Fizzy Super Taste, Guilt-Free Sour Flavours Super Fizzy A Tangy Twist in Every Sip Sparkling Water Super Fizzy Super Sparkle, Super Refresh! About Super Fizzy Drink Super was launched by the hard work of our family business since 2015, since then we have worked [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-856","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/pages\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":0,"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/pages\/856\/revisions"}],"wp:attachment":[{"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/media?parent=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}