{"id":1207,"date":"2025-10-01T08:29:11","date_gmt":"2025-10-01T08:29:11","guid":{"rendered":"https:\/\/super-fizzy.com\/?page_id=1207"},"modified":"2026-01-20T13:56:46","modified_gmt":"2026-01-20T13:56:46","slug":"super-sips-your-flavor-adventure","status":"publish","type":"page","link":"https:\/\/super-fizzy.com\/ar\/super-sips-your-flavor-adventure\/","title":{"rendered":"Super Sips: Your Flavor Adventure"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1207\" class=\"elementor elementor-1207\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1db77d7 e-con-full e-flex e-con e-parent\" data-id=\"1db77d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;waves&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;}\">\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-71329e5 elementor-widget elementor-widget-heading\" data-id=\"71329e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u062c\u0627\u0647\u0632 \u062a\u0646\u062a\u0639\u0634\u061f \ud83d\ude0d<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-059cb0d elementor-widget elementor-widget-text-editor\" data-id=\"059cb0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u062c\u0631\u0628 \u0648\u0635\u0641\u0627\u062a\u0646\u0627 \u0627\u0644\u0633\u0647\u0644\u0629 \u0627\u0644\u0645\u0646\u0639\u0634\u0629\u060c \u0648\u062e\u0644\u064a \u0643\u0644 \u0631\u0634\u0641\u0629 \u062a\u062d\u0643\u064a \u0645\u0632\u0627\u062c\u0643 \u0628\u0637\u0631\u064a\u0642\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629!\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66b11ee e-flex e-con-boxed e-con e-parent\" data-id=\"66b11ee\" 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_top_negative&quot;:&quot;yes&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=\"true\">\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=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\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-502f765 e-flex e-con-boxed e-con e-parent\" data-id=\"502f765\" 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-8b05c88 elementor-widget elementor-widget-html\" data-id=\"8b05c88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.recipe-section {\r\n    padding: 80px 20px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.section-title {\r\n    text-align: center;\r\n    font-size: 2.5rem;\r\n    margin-bottom: 50px;\r\n    text-transform: none;\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    color:#000;\r\n}\r\n\r\n.slider-container {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n}\r\n\r\n.slider-wrapper {\r\n    flex: 1;\r\n    overflow: hidden;\r\n}\r\n\r\n.slider-track {\r\n    display: flex;\r\n    transition: transform 0.5s ease;\r\n    gap: 30px;\r\n}\r\n\r\n.recipe-card {\r\n    min-width: calc(33.333% - 20px);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.recipe-card:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.recipe-image {\r\n    width: 100%;\r\n    height: 350px !important;\r\n    object-fit: cover;\r\n    border-radius: 25px !important;\r\n}\r\n\r\n.recipe-title {\r\ncolor: #000;\r\n    padding: 0;\r\n    text-align: center;\r\n    font-size: 1.5rem;\r\n    margin-top: 10px;\r\n    font-weight: 900;\r\n}\r\n\r\n.view-recipe-btn {\r\n    color: #fff;\r\n    background: #3e407a;\r\n    box-shadow: 3px 3px #000 !important;\r\n    border: solid 3px #000 !important;\r\n    border: none;\r\n    padding: 15px 40px;\r\n    font-size: 1rem;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    display: block;\r\n    margin: 20px auto 20px;\r\n    border-radius: 50px;\r\n    transition: background 0.3s ease;\r\n}\r\n\r\n.view-recipe-btn:hover {\r\n    background: #3e407a;\r\n}\r\n\r\n.slider-btn {\r\n    background: #3e407a;\r\n    border: none;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    font-size: 2rem;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    padding:0;\r\n}\r\n\r\n.slider-btn:hover {\r\n    background: #3e407a;\r\n}\r\n\r\n\/* Modal Styles *\/\r\n.modal {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.9);\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n.modal.active {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n}\r\n\r\n.modal-content {\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    position: relative;\r\n    animation: modalSlideIn 0.3s ease;\r\n}\r\n\r\n@keyframes modalSlideIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-50px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.close-btn {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    background: rgb(167 167 167 \/ 20%);\r\n    border: 2px solid white;\r\n    color: white;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    font-size: 1.5rem;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease;\r\n    z-index: 10;\r\n    padding: 0;\r\n    color:#000;\r\n}\r\n\r\n.close-btn:hover {\r\n    background: rgba(255, 255, 255, 0.3);\r\n    color: #000;\r\n}\r\n\r\n.modal-body {\r\n    display: grid;\r\n    grid-template-columns: 2fr 3fr;\r\n    gap: 40px;\r\n    padding: 40px;\r\n}\r\n\r\n.modal-image-container {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.modal-image {\r\n    width: 100%;\r\n    border-radius: 8px;\r\n    object-fit: cover;\r\n}\r\n\r\n.modal-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.modal-title {\r\n    font-size: 2.5rem;\r\n    margin-bottom: 30px;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n    color: #000;\r\n}\r\n\r\n.recipe-sections {\r\n    flex: 1;\r\n}\r\n\r\n.recipe-section h1 {\r\n    margin-bottom:20px;\r\n}\r\n\r\n.recipe-section p {\r\n    text-align: center;\r\n    color:#000;\r\n    margin-bottom:30px !important;\r\n}\r\n\r\n.ingredients-section,\r\n.directions-section {\r\n    margin-bottom: 30px;\r\n    color: #000;\r\n}\r\n\r\n.ingredients-section h3,\r\n.directions-section h3 {\r\n    color: #000;\r\n    font-size: 1.2rem;\r\n    margin-bottom: 15px;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.ingredients-section h3::after,\r\n.directions-section h3::after {\r\n    content: '';\r\n    display: block;\r\n    width: 50px;\r\n    height: 3px;\r\n    background: #0066ff;\r\n    margin-top: 8px;\r\n}\r\n\r\n#ingredientsList,\r\n#directionsList {\r\n    list-style-position: outside;\r\n    padding-left: 10px;\r\n}\r\n\r\n#ingredientsList li,\r\n#directionsList li {\r\n    margin-bottom: 10px;\r\n    line-height: 1.6;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n#ingredientsList li {\r\n    list-style-type: none;\r\n}\r\n\r\n.modal-view-btn {\r\n    margin-top: 20px;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1024px) {\r\n    .recipe-card {\r\n        min-width: calc(50% - 15px);\r\n    }\r\n    \r\n    .modal-body {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .section-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .recipe-card {\r\n        min-width: 100%;\r\n    }\r\n    \r\n    .slider-btn {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .modal-body {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .modal-title {\r\n        font-size: 1.8rem;\r\n    }\r\n}\r\n.slider-track {\r\n    display: flex;\r\n    flex-direction: row; \/* always LTR flow *\/\r\n}\r\nhtml[dir=\"rtl\"] .slider-track {\r\n    flex-direction: row-reverse; \/* flip in Arabic *\/\r\n}\r\nhtml[dir=\"rtl\"] .prev-btn i {\r\n    transform: rotate(180deg);\r\n}\r\nhtml[dir=\"rtl\"] .next-btn i {\r\n    transform: rotate(180deg);\r\n}\r\n    <\/style>\r\n\r\n<section class=\"recipe-section\">\r\n\r\n    <div class=\"slider-container\">\r\n        <button class=\"slider-btn prev-btn\" aria-label=\"Previous recipe\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n        <div class=\"slider-wrapper\">\r\n            <div class=\"slider-track\">\r\n                    <!-- Recipe Card 1 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"1\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Tropical-Sunrise-1.webp\" alt=\"Loaded Tailgate Tots\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u062a\u0631\u0648\u0628\u064a\u0643\u0627\u0644 \u0635\u0646 \u0631\u0627\u064a\u0632\r\n<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n                    \r\n                    <!-- Recipe Card 2 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"2\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Frozen-Mojito.webp\" alt=\"Cinnamon Rolls\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0641\u0631\u0648\u0632\u0646 \u0645\u0648\u0647\u064a\u062a\u0648<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n\r\n                    \r\n                    <!-- Recipe Card 3 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"3\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Fruity-Fizz.webp\" alt=\"Cinnamon Rolls\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0641\u0631\u0648\u062a\u064a \u0641\u064a\u0632<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n\r\n\r\n                    <!-- Recipe Card 4 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"4\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Dark-Sparkle.png\" alt=\"Cinnamon Rolls\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u062f\u0627\u0631\u0643 \u0633\u0628\u0627\u0631\u0643\u0644<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n\r\n\r\n                    <!-- Recipe Card 5 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"5\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/summer-breeze.webp\" alt=\"Summer Breeze\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0633\u0645\u0631 \u0628\u0631\u064a\u0632<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n                    <!-- Recipe Card 6 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"6\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Blue-Wave.webp\" alt=\"Summer Breeze\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0628\u0644\u0648 \u0648\u064a\u0641<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n                    <!-- Recipe Card 12 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"7\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Midnight-Blue.png\" alt=\"Midnight Blue\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0645\u064a\u062f\u0646\u0627\u064a\u062a \u0628\u0644\u0648<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n                    <!-- Recipe Card 13 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"8\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Blue-Shock.webp\" alt=\"Blue Shock\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0628\u0644\u0648 \u0634\u0648\u0643<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n                    <!-- Recipe Card 14 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"9\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Berry-Punch.webp\" alt=\"Midnight Blue\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0628\u064a\u0631\u064a \u0628\u0646\u0634<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n                    <!-- Recipe Card 15 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"10\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/sour-apple-smash.webp\" alt=\"Midnight Blue\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u0622\u0628\u0644 \u0633\u0645\u0627\u0634<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n                    <!-- Recipe Card 16 -->\r\n                    <div class=\"recipe-card\" data-recipe=\"11\">\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Green-Blast.webp\" alt=\"Midnight Blue\" class=\"recipe-image\">\r\n                        <h2 class=\"recipe-title\">\u063a\u0631\u064a\u0646 \u0628\u0644\u0627\u0633\u062a<\/h2>\r\n                        <button class=\"view-recipe-btn\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0635\u0641\u0629<\/button>\r\n                    <\/div>\r\n                    \r\n\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <button class=\"slider-btn next-btn\" aria-label=\"Next recipe\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Modal -->\r\n    <div class=\"modal\" id=\"recipeModal\">\r\n        <div class=\"modal-content\">\r\n            <button class=\"close-btn\" aria-label=\"Close modal\">\u00d7<\/button>\r\n            \r\n            <div class=\"modal-body\">\r\n                <div class=\"modal-image-container\">\r\n                    <img decoding=\"async\" src=\"\" alt=\"\" class=\"modal-image\" id=\"modalImage\">\r\n                <\/div>\r\n                \r\n                <div class=\"modal-details\">\r\n                    <h2 class=\"modal-title\" id=\"modalTitle\"><\/h2>\r\n                    \r\n                    <div class=\"recipe-sections\">\r\n                        <div class=\"ingredients-section\">\r\n                            <h3>\u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a<\/h3>\r\n                            <ul id=\"ingredientsList\"><\/ul>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"directions-section\">\r\n                            <h3>\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u062d\u0636\u064a\u0631<\/h3>\r\n                            <ol id=\"directionsList\"><\/ol>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!--<button class=\"view-recipe-btn modal-view-btn\">VIEW RECIPE<\/button>-->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Recipe data\r\nconst recipes = {\r\n    1: {\r\n        title: \"Tropical Sunrise\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Tropical-Sunrise-1.webp\",\r\n        ingredients: [\r\n            \"Super Mango Peach + Pineapple Juice + Fresh Mango Slices + Ice Cubes\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    2: {\r\n        title: \"Frozen Mojito\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Frozen-Mojito.webp\",\r\n        ingredients: [\r\n            \"Super Mojito + Fresh Mint + Lemon Juice + Crushed Ice\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n\r\n        3: {\r\n        title: \"Fruity Fizz\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Fruity-Fizz.webp\",\r\n        ingredients: [\r\n            \"Super Tutti Frutti + Orange Juice + Red Berry Juice\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    4: {\r\n        title: \"Dark Sparkle\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Dark-Sparkle.png\",\r\n        ingredients: [\r\n            \"Super Grape + Soda + A Touch of Lemon\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    \r\n            5: {\r\n        title: \"Summer Breeze\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/summer-breeze.webp\",\r\n        ingredients: [\r\n            \"Super Watermelon + Lemon Juice + Thin Cucumber Slices\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    \r\n            6: {\r\n        title: \"Blue Wave\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Blue-Wave.webp\",\r\n        ingredients: [\r\n            \"Super Blueberry + Lemon Soda + Fresh Blueberries\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    7: {\r\n        title: \"Midnight Blue\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Midnight-Blue.png\",\r\n        ingredients: [\r\n            \"Super Blueberry + White Grape Juice + Ice\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    8: {\r\n        title: \"Blue Shock\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Blue-Shock.webp\",\r\n        ingredients: [\r\n            \"Super Sour Blueberry + Fresh Lemon + Light Salt on the Rim of the Glass\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    9: {\r\n        title: \"Berry Punch\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Berry-Punch.webp\",\r\n        ingredients: [\r\n            \"Super Sour Blueberry + Strawberry Juice + Mint\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    10: {\r\n        title: \"Apple Smash\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/sour-apple-smash.webp\",\r\n        ingredients: [\r\n            \"Super Green Apple Sour + Lemon Juice + Green Apple Slices\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    11: {\r\n        title: \"Green Blast\",\r\n        image: \"\/wp-content\/uploads\/2026\/01\/Green-Blast.webp\",\r\n        ingredients: [\r\n            \"Super Green Apple Sour + Ginger Ale + Ice\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    12: {\r\n        title: \"Citrus Cooler\",\r\n        image: \"\/wp-content\/uploads\/2025\/10\/Fruity-Fizz.webp\",\r\n        ingredients: [\r\n            \"Super Lime + Orange Juice + Grapefruit Slices\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    },\r\n    13: {\r\n        title: \"Fresh Spark\",\r\n        image: \"\/wp-content\/uploads\/2025\/10\/Fruity-Fizz.webp\",\r\n        ingredients: [\r\n            \"Super Lime + Soda + Lemon Slice for Garnish\"\r\n        ],\r\n        directions: [\r\n            \"Pour all ingredients into a chilled glass.\",\r\n            \"Stir or shake gently depending on the mix.\",\r\n            \"Add ice and garnish as suggested.\",\r\n            \"Serve immediately and enjoy!\"\r\n        ]\r\n    }\r\n    \r\n};\r\n\r\n\/\/ Slider functionality\r\nlet currentSlide = 0;\r\nconst track = document.querySelector('.slider-track');\r\nconst cards = document.querySelectorAll('.recipe-card');\r\nconst prevBtn = document.querySelector('.prev-btn');\r\nconst nextBtn = document.querySelector('.next-btn');\r\nconst modal = document.getElementById('recipeModal');\r\n\r\nfunction updateSlider() {\r\n    const cardWidth = cards[0].offsetWidth;\r\n    const gap = 30;\r\n    const slideWidth = cardWidth + gap;\r\n\r\n    if (document.documentElement.dir === \"rtl\") {\r\n        \/\/ In RTL, first slide is at right edge\r\n        const offset = currentSlide * slideWidth;\r\n        track.style.transform = `translateX(${offset}px)`; \r\n    } else {\r\n        const offset = currentSlide * slideWidth;\r\n        track.style.transform = `translateX(-${offset}px)`;\r\n    }\r\n}\r\n\r\nfunction updateSlider() {\r\n    const cardWidth = cards[0].offsetWidth;\r\n    const gap = 30;\r\n    const slideWidth = cardWidth + gap;\r\n\r\n    const maxSlides = cards.length - Math.floor(track.parentElement.offsetWidth \/ slideWidth);\r\n\r\n    \/\/ clamp currentSlide so it never goes out of range\r\n    if (currentSlide < 0) currentSlide = 0;\r\n    if (currentSlide > maxSlides) currentSlide = maxSlides;\r\n\r\n    track.style.transform = `translateX(-${currentSlide * slideWidth}px)`;\r\n}\r\n\r\nnextBtn.addEventListener('click', () => {\r\n    currentSlide++;\r\n    updateSlider();\r\n});\r\n\r\nprevBtn.addEventListener('click', () => {\r\n    currentSlide--;\r\n    updateSlider();\r\n});\r\n\r\n\r\n\/\/ Modal functionality\r\nfunction openModal(recipeId) {\r\n    const recipe = recipes[recipeId];\r\n    \r\n    document.getElementById('modalTitle').textContent = recipe.title;\r\n    document.getElementById('modalImage').src = recipe.image;\r\n    document.getElementById('modalImage').alt = recipe.title;\r\n    \r\n    const ingredientsList = document.getElementById('ingredientsList');\r\n    ingredientsList.innerHTML = '';\r\n    recipe.ingredients.forEach(ingredient => {\r\n        const li = document.createElement('li');\r\n        li.textContent = ingredient;\r\n        ingredientsList.appendChild(li);\r\n    });\r\n    \r\n    const directionsList = document.getElementById('directionsList');\r\n    directionsList.innerHTML = '';\r\n    recipe.directions.forEach(direction => {\r\n        const li = document.createElement('li');\r\n        li.textContent = direction;\r\n        directionsList.appendChild(li);\r\n    });\r\n    \r\n    modal.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeModal() {\r\n    modal.classList.remove('active');\r\n    document.body.style.overflow = 'auto';\r\n}\r\n\r\n\/\/ Event listeners for opening modal\r\ncards.forEach(card => {\r\n    card.addEventListener('click', (e) => {\r\n        if (!e.target.classList.contains('view-recipe-btn')) {\r\n            const recipeId = card.dataset.recipe;\r\n            openModal(recipeId);\r\n        }\r\n    });\r\n    \r\n    const btn = card.querySelector('.view-recipe-btn');\r\n    btn.addEventListener('click', (e) => {\r\n        e.stopPropagation();\r\n        const recipeId = card.dataset.recipe;\r\n        openModal(recipeId);\r\n    });\r\n});\r\n\r\n\/\/ Close modal\r\ndocument.querySelector('.close-btn').addEventListener('click', closeModal);\r\n\r\nmodal.addEventListener('click', (e) => {\r\n    if (e.target === modal) {\r\n        closeModal();\r\n    }\r\n});\r\n\r\ndocument.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape' && modal.classList.contains('active')) {\r\n        closeModal();\r\n    }\r\n});\r\n\r\n\/\/ Responsive slider\r\nwindow.addEventListener('resize', updateSlider);\r\n        \r\n    <\/script>\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>Ready to refresh? \ud83d\ude0d Try our easy and refreshing recipes, and let every sip express your mood in your own way! Tropical Sunrise VIEW RECIPE Frozen Mojito VIEW RECIPE Fruity Fizz VIEW RECIPE Dark Sparkle VIEW RECIPE Summer Breeze VIEW RECIPE Blue Wave VIEW RECIPE Midnight Blue VIEW RECIPE Blue Shock VIEW RECIPE Berry Punch [&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":"","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-1207","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\/1207","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=1207"}],"version-history":[{"count":0,"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/pages\/1207\/revisions"}],"wp:attachment":[{"href":"https:\/\/super-fizzy.com\/ar\/wp-json\/wp\/v2\/media?parent=1207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}