{"id":57640,"date":"2026-03-10T02:06:13","date_gmt":"2026-03-09T23:06:13","guid":{"rendered":"https:\/\/jo.raghadorganics.com\/?page_id=57640"},"modified":"2026-06-10T12:09:57","modified_gmt":"2026-06-10T09:09:57","slug":"raghad-delicious","status":"publish","type":"page","link":"https:\/\/jo.raghadorganics.com\/ar\/raghad-delicious\/","title":{"rendered":"Raghad Delicious"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Raghad Delicious &#8211; \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u062d\u0635\u0631\u064a\u0629<\/title>\n    <!-- \u062e\u0637\u0648\u0637 \u062c\u0648\u062c\u0644 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700&amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&amp;display=swap\" rel=\"stylesheet\">\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            \/\/ \u062a\u0641\u0639\u064a\u0644 important \u0648\u0631\u0628\u0637\u0647\u0627 \u0628\u0627\u0644\u0640 ID \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u064a\u0645\u0646\u0639 \u0642\u0627\u0644\u0628 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0645\u0646 \u062a\u062e\u0631\u064a\u0628 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\n            important: '#raghad-delicious-landing',\n            theme: {\n                extend: {\n                    fontFamily: {\n                        cairo: ['Cairo', 'sans-serif'],\n                        playfair: ['Playfair Display', 'serif'],\n                    },\n                    colors: {\n                        blusho: {\n                            light: '#FFFBF9',\n                            cream: '#F9F5F0',\n                            accent: '#E8A5A5',\n                            text: '#2C2A29',\n                            gray: '#7A7571'\n                        },\n                        raghad: {\n                            vanilla: '#FDFBF7',\n                            vanillaDark: '#D4C4A8',\n                            strawberry: '#FFF0F3',\n                            strawberryDark: '#E2858E',\n                            caramel: '#FDF6ED',\n                            caramelDark: '#C18A53',\n                            bubblegum: '#FEF0F8',\n                            bubblegumDark: '#D973A6',\n                            gold: '#C5A059'\n                        }\n                    },\n                    boxShadow: {\n                        'soft': '0 20px 40px -15px rgba(0,0,0,0.05)',\n                        'glow': '0 0 40px rgba(255,255,255,0.8)',\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* \u0643\u0648\u062f \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0645\u0646\u0639 \u062a\u062f\u0627\u062e\u0644 \u0623\u0646\u0645\u0627\u0637 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 CSS Overrides *\/\n        #raghad-delicious-landing {\n            font-family: 'Cairo', sans-serif !important;\n            background-color: #FFFBF9 !important;\n            text-align: right;\n        }\n        \n        \/* \u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u062a\u064a \u062a\u0641\u0631\u0636\u0647\u0627 \u0625\u0636\u0627\u0641\u0627\u062a \u0648\u0642\u0648\u0627\u0644\u0628 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b *\/\n        #raghad-delicious-landing p {\n            margin-top: 0 !important;\n            margin-bottom: 1rem !important;\n            line-height: 1.8 !important;\n        }\n        #raghad-delicious-landing p:last-child {\n            margin-bottom: 0 !important;\n        }\n        #raghad-delicious-landing h1, \n        #raghad-delicious-landing h2, \n        #raghad-delicious-landing h3, \n        #raghad-delicious-landing h4, \n        #raghad-delicious-landing h5, \n        #raghad-delicious-landing h6 {\n            margin: 0 !important;\n            padding: 0 !important;\n            font-family: 'Cairo', sans-serif !important;\n            line-height: 1.3 !important;\n        }\n        #raghad-delicious-landing ul, \n        #raghad-delicious-landing ol {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 0 !important;\n        }\n        #raghad-delicious-landing a {\n            text-decoration: none !important;\n            color: inherit;\n        }\n        #raghad-delicious-landing button {\n            background: none !important;\n            border: none !important;\n            padding: 0 !important;\n            cursor: pointer !important;\n        }\n        #raghad-delicious-landing img {\n            max-width: 100% !important;\n            height: auto !important;\n            display: inline-block !important;\n            margin: 0 !important;\n        }\n\n        \/* \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0631\u0643\u064a\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u0629 *\/\n        .fade-in { animation: fadeIn 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\n        .fade-up { animation: fadeUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards; opacity: 0; transform: translateY(20px); }\n        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n        @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\n        \n        .tab-btn { position: relative; }\n        .tab-btn::after {\n            content: ''; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);\n            width: 0; height: 2px; background-color: #C5A059; transition: width 0.3s ease;\n        }\n        .tab-btn.active::after { width: 40%; }\n        .tab-btn.active { color: #2C2A29 !important; font-weight: 700 !important; }\n\n        .hide-scrollbar::-webkit-scrollbar { display: none; }\n        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n\n        .glass-panel {\n            background: rgba(255, 255, 255, 0.85) !important;\n            backdrop-filter: blur(16px) !important;\n            border: 1px solid rgba(255, 255, 255, 0.6) !important;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-blusho-light text-blusho-text antialiased\">\n\n    <!-- \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u0639\u0632\u0648\u0644\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 -->\n    <div id=\"raghad-delicious-landing\" class=\"w-full overflow-hidden\">\n\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 (Hero Section) - \u062a\u0635\u0645\u064a\u0645 Blusho \u0627\u0644\u0631\u0627\u0642\u064a \u0627\u0644\u062e\u0627\u0644\u064a \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0646 \u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0623\u0643\u0644 \u0648\u0627\u0644\u062a\u0630\u0648\u0642 -->\n        <section class=\"relative w-full px-4 md:px-8 py-20 md:py-32 text-center bg-blusho-cream flex items-center justify-center\">\n            <div class=\"absolute inset-0 opacity-40 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cream-paper.png')] w-full pointer-events-none\"><\/div>\n            \n            <div class=\"relative z-10 max-w-4xl mx-auto flex flex-col items-center justify-center\">\n                <!-- \u0627\u0644\u0634\u0639\u0627\u0631 -->\n                <img decoding=\"async\" src=\"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/raghad-delicious-logo.png\" alt=\"Raghad Delicious\" class=\"w-56 md:w-72 mx-auto mb-8 md:mb-10 drop-shadow-sm fade-up\" style=\"animation-delay: 0.1s;\">\n                \n                <h2 class=\"text-raghad-gold text-xs sm:text-sm md:text-base font-bold mb-4 tracking-[0.2em] uppercase fade-up\" style=\"animation-delay: 0.2s;\">Premium Body Care Rituals<\/h2>\n                \n                <h1 class=\"font-playfair text-3xl sm:text-4xl md:text-6xl lg:text-7xl font-semibold text-blusho-text mb-6 md:mb-8 leading-tight fade-up\" style=\"animation-delay: 0.3s;\" dir=\"ltr\">\n                    The Exclusive <br><span class=\"italic font-light text-raghad-gold\">Collections<\/span>\n                <\/h1>\n                \n                <p class=\"text-base sm:text-lg md:text-xl text-blusho-gray mb-8 md:mb-10 max-w-2xl mx-auto leading-relaxed px-2 md:px-4 fade-up\" style=\"animation-delay: 0.4s;\">\n                    \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u0639\u0627\u0644\u0645 <span class=\"font-playfair font-semibold text-blusho-text\">Raghad Delicious<\/span>. \u062d\u064a\u062b \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629 \u0625\u0644\u0649 \u0637\u0642\u0648\u0633 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u063a\u0645\u0631 \u062d\u0648\u0627\u0633\u0643. \u0645\u0644\u0627\u0645\u0633 \u062d\u0631\u064a\u0631\u064a\u0629\u060c \u0631\u0648\u0627\u0626\u062d \u0639\u0637\u0631\u064a\u0629 \u062a\u0623\u0633\u0631 \u0627\u0644\u0623\u0646\u0641\u0627\u0633\u060c \u0648\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0641\u0627\u062e\u0631\u0629 \u063a\u0646\u064a\u0629 \u062a\u0645\u0646\u062d \u0628\u0634\u0631\u062a\u0643 \u0646\u0639\u0648\u0645\u0629 \u0641\u0627\u0626\u0642\u0629 \u0648\u0625\u0634\u0631\u0627\u0642\u0629 \u0637\u0628\u064a\u0639\u064a\u0629.\n                <\/p>\n                \n                <div class=\"fade-up\" style=\"animation-delay: 0.5s;\">\n                    <a href=\"#packages-section\" class=\"inline-block bg-blusho-text text-white px-8 sm:px-10 py-3.5 sm:py-4 rounded-full shadow-lg hover:shadow-xl hover:bg-black transition-all duration-300 font-semibold text-base sm:text-lg\">\n                        \u0627\u0643\u062a\u0634\u0641\u064a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u0642\u0633\u0645 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u062d\u0635\u0631\u064a\u0629 (The Core Section) -->\n        <section id=\"packages-section\" class=\"w-full py-16 md:py-28 px-4 md:px-8 transition-colors duration-700 bg-raghad-vanilla relative\">\n            <div class=\"absolute inset-0 bg-gradient-to-b from-white\/40 to-transparent pointer-events-none\"><\/div>\n            \n            <div class=\"max-w-[90rem] mx-auto relative z-10\">\n                \n                <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0631\u0627\u0642\u064a\u0629 -->\n                <div class=\"flex justify-center mb-10 md:mb-16 overflow-x-auto hide-scrollbar pb-2 w-full\">\n                    <div class=\"flex gap-6 sm:gap-10 md:gap-16 lg:gap-24 border-b border-gray-200\/60 px-4 md:px-12 flex-nowrap min-w-max md:min-w-0\">\n                        <button onclick=\"changePackage('vanilla')\" id=\"tab-vanilla\" class=\"tab-btn active pb-4 text-base sm:text-lg md:text-2xl transition-all duration-300 text-blusho-gray hover:text-blusho-text whitespace-nowrap font-playfair\" dir=\"ltr\">Vanilla Ice Cream<\/button>\n                        <button onclick=\"changePackage('strawberry')\" id=\"tab-strawberry\" class=\"tab-btn pb-4 text-base sm:text-lg md:text-2xl transition-all duration-300 text-blusho-gray hover:text-blusho-text whitespace-nowrap font-playfair\" dir=\"ltr\">Strawberry Cake<\/button>\n                        <button onclick=\"changePackage('caramel')\" id=\"tab-caramel\" class=\"tab-btn pb-4 text-base sm:text-lg md:text-2xl transition-all duration-300 text-blusho-gray hover:text-blusho-text whitespace-nowrap font-playfair\" dir=\"ltr\">Caramel<\/button>\n                        <button onclick=\"changePackage('bubblegum')\" id=\"tab-bubblegum\" class=\"tab-btn pb-4 text-base sm:text-lg md:text-2xl transition-all duration-300 text-blusho-gray hover:text-blusho-text whitespace-nowrap font-playfair\" dir=\"ltr\">Bubblegum<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- \u062d\u0627\u0648\u064a\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0642\u0629 \u0648\u0627\u0644\u0635\u063a\u064a\u0631\u0629 -->\n                <div class=\"max-w-[85rem] mx-auto fade-in w-full\" id=\"package-content\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-16 items-center\">\n                        \n                        <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0644\u0644\u0628\u0643\u062c - \u062a\u0623\u062e\u0630 5 \u0623\u0639\u0645\u062f\u0629 \u0648\u062a\u062a\u0645\u0631\u0643\u0632 \u0628\u0634\u0643\u0644 \u0623\u0646\u064a\u0642 \u0641\u064a \u0627\u0644\u0640 Desktop -->\n                        <div class=\"lg:col-span-5 relative group cursor-pointer w-full max-w-md mx-auto lg:max-w-none\" onclick=\"openImageModal(document.getElementById('pkg-image').src)\">\n                            <div class=\"absolute inset-0 bg-white rounded-3xl transform rotate-3 scale-105 opacity-50 shadow-soft transition-transform duration-500 group-hover:rotate-6\"><\/div>\n                            <div class=\"relative bg-white p-2 md:p-4 rounded-3xl shadow-xl overflow-hidden border border-gray-100 z-10\">\n                                <img decoding=\"async\" id=\"pkg-image\" src=\"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Vanilla-icecream-05-scaled.jpg\" alt=\"Vanilla Package\" class=\"w-full h-auto object-cover rounded-2xl transform group-hover:scale-105 transition duration-700\">\n                                \n                                <!-- \u0634\u0627\u0631\u0629 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0623\u0646\u064a\u0642\u0629 -->\n                                <div class=\"absolute bottom-4 right-4 sm:bottom-6 sm:right-6 bg-white\/95 backdrop-blur-md text-blusho-text text-[11px] sm:text-xs px-3 sm:px-4 py-2 rounded-full flex items-center gap-2 shadow-lg pointer-events-none transition-transform group-hover:scale-110\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5 sm:h-4 sm:w-4 text-raghad-gold\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"><\/path>\n                                    <\/svg>\n                                    <span class=\"font-semibold tracking-wide\">\u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0628\u0648\u0643\u0633<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0628\u0643\u062c - \u062a\u0623\u062e\u0630 7 \u0623\u0639\u0645\u062f\u0629 -->\n                        <div class=\"lg:col-span-7 flex flex-col justify-center text-center lg:text-right\">\n                            \n                            <!-- \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0648\u0635\u0641 \u0648\u0632\u0631 \u0627\u0644\u0634\u0631\u0627\u0621 -->\n                            <div class=\"mb-6 md:mb-10\">\n                                <h4 id=\"pkg-title-ar\" class=\"text-xs sm:text-sm md:text-lg font-bold mb-2 tracking-widest uppercase text-raghad-vanillaDark\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0641\u0627\u0646\u064a\u0644\u0627 \u0622\u064a\u0633 \u0643\u0631\u064a\u0645<\/h4>\n                                <h3 id=\"pkg-title-en\" class=\"font-playfair text-3xl sm:text-4xl md:text-6xl lg:text-7xl font-bold text-blusho-text mb-4 sm:mb-6\" dir=\"ltr\">Vanilla Ice Cream Package<\/h3>\n                                <p id=\"pkg-desc\" class=\"text-blusho-gray text-sm sm:text-base md:text-xl leading-relaxed max-w-2xl mx-auto lg:mx-0 font-light\">\n                                    \u062a\u062c\u0631\u0628\u0629 \u062d\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0633\u062a\u0648\u062d\u0627\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629. \u0646\u0627\u0639\u0645\u0629\u060c \u062f\u0627\u0641\u0626\u0629 \u0648\u0641\u0627\u062e\u0631\u0629. \u0645\u0644\u0627\u0645\u0633 \u0645\u062e\u0645\u0644\u064a\u0629 \u062a\u0630\u0648\u0628 \u0628\u0628\u0637\u0621 \u0639\u0644\u0649 \u0628\u0634\u0631\u062a\u0643 \u0645\u0639 \u0631\u0627\u0626\u062d\u0629 \u0627\u0644\u0641\u0627\u0646\u064a\u0644\u0627 \u0627\u0644\u0643\u0631\u064a\u0645\u064a\u0629 \u0627\u0644\u0622\u0633\u0631\u0629.\n                                <\/p>\n\n                                <!-- \u0632\u0631 \u0627\u0637\u0644\u0628\u064a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0622\u0646 \u0627\u0644\u0641\u0627\u062e\u0631 -->\n                                <div class=\"mt-6 md:mt-8 flex justify-center lg:justify-start\">\n                                    <a id=\"pkg-buy-btn\" href=\"https:\/\/jo.raghadorganics.com\/product\/vanilla-package\/\" target=\"_blank\" class=\"inline-flex items-center justify-center bg-raghad-gold hover:bg-[#b08e4d] text-white px-8 md:px-10 py-3.5 md:py-4 rounded-full shadow-md hover:shadow-xl transition-all duration-300 font-bold text-base md:text-lg gap-2\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\" \/>\n                                        <\/svg>\n                                        \u0627\u0637\u0644\u0628\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0622\u0646\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 (\u0634\u0628\u0643\u0629 2x2) -->\n                            <div class=\"w-full\">\n                                <h5 class=\"text-lg sm:text-xl md:text-2xl font-semibold text-blusho-text mb-6 flex items-center justify-center lg:justify-start gap-4\">\n                                    <span class=\"w-8 sm:w-12 h-[1px] bg-raghad-gold\/50 hidden sm:block\"><\/span>\n                                    \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0628\u0648\u0643\u0633\n                                    <span class=\"w-8 sm:w-12 h-[1px] bg-raghad-gold\/50 hidden sm:block\"><\/span>\n                                <\/h5>\n                                \n                                <div id=\"pkg-items-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 md:gap-6\">\n                                    <!-- \u064a\u062a\u0645 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0647\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u0628\u062a -->\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u0642\u0633\u0645 \u0637\u0642\u0648\u0633 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 -->\n        <section class=\"w-full py-16 md:py-28 px-4 md:px-8 bg-white relative overflow-hidden\">\n            <!-- \u062f\u064a\u0643\u0648\u0631 \u062e\u0644\u0641\u064a\u0629 \u0628\u0633\u064a\u0637 -->\n            <div class=\"absolute top-0 right-0 w-64 h-64 bg-raghad-vanilla rounded-full blur-3xl opacity-50 -translate-y-1\/2 translate-x-1\/2 pointer-events-none\"><\/div>\n            \n            <div class=\"max-w-[85rem] mx-auto relative z-10\">\n                <div class=\"text-center mb-12 md:mb-16\">\n                    <h4 class=\"text-raghad-gold font-semibold tracking-[0.2em] mb-2 uppercase text-xs sm:text-sm md:text-base\">Rituals<\/h4>\n                    <h3 class=\"text-2xl sm:text-3xl md:text-5xl text-blusho-text font-bold\">\u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0645\u062a\u0627\u0639<\/h3>\n                <\/div>\n                \n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8\">\n                    <!-- \u0643\u0631\u062a 1 -->\n                    <div class=\"bg-blusho-light p-6 sm:p-8 md:p-10 rounded-2xl border border-gray-100 hover:shadow-soft transition-all duration-300 text-center group\">\n                        <div class=\"w-14 h-14 sm:w-16 sm:h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 text-raghad-gold group-hover:scale-110 transition-transform\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 sm:h-8 sm:w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                        <\/div>\n                        <h5 class=\"text-lg sm:text-xl md:text-2xl font-bold text-blusho-text mb-2.5 font-playfair\">Lip Butter<\/h5>\n                        <p class=\"text-blusho-gray text-xs sm:text-sm md:text-base leading-relaxed\">\u064a\u064f\u062f\u0644\u0643 \u0628\u0644\u0637\u0641 \u0639\u0644\u0649 \u0627\u0644\u0634\u0641\u0627\u0647 \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0631\u0637\u064a\u0628 \u0641\u0648\u0631\u064a\u060c \u0646\u0639\u0648\u0645\u0629 \u0644\u0627 \u062a\u0642\u0627\u0648\u0645\u060c \u0648\u0644\u0645\u0639\u0627\u0646 \u0645\u062b\u0627\u0644\u064a.<\/p>\n                    <\/div>\n                    <!-- \u0643\u0631\u062a 2 -->\n                    <div class=\"bg-blusho-light p-6 sm:p-8 md:p-10 rounded-2xl border border-gray-100 hover:shadow-soft transition-all duration-300 text-center group\">\n                        <div class=\"w-14 h-14 sm:w-16 sm:h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 text-raghad-gold group-hover:scale-110 transition-transform\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 sm:h-8 sm:w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"><\/path><\/svg>\n                        <\/div>\n                        <h5 class=\"text-lg sm:text-xl md:text-2xl font-bold text-blusho-text mb-2.5 font-playfair\">Body Powder<\/h5>\n                        <p class=\"text-blusho-gray text-xs sm:text-sm md:text-base leading-relaxed\">\u062a\u064f\u0648\u0636\u0639 \u0639\u0644\u0649 \u0628\u0634\u0631\u0629 \u0646\u0638\u064a\u0641\u0629 \u0648\u062c\u0627\u0641\u0629 \u0648\u062a\u064f\u062f\u0644\u0643 \u0628\u0644\u0637\u0641 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0625\u0633\u0641\u0646\u062c\u0629 (\u0627\u0644\u0628\u0641) \u0644\u0646\u0639\u0648\u0645\u0629 \u0648\u0644\u0645\u0639\u0629 \u0633\u0627\u062d\u0631\u0629.<\/p>\n                    <\/div>\n                    <!-- \u0643\u0631\u062a 3 -->\n                    <div class=\"bg-blusho-light p-6 sm:p-8 md:p-10 rounded-2xl border border-gray-100 hover:shadow-soft transition-all duration-300 text-center group\">\n                        <div class=\"w-14 h-14 sm:w-16 sm:h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 text-raghad-gold group-hover:scale-110 transition-transform\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 sm:h-8 sm:w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n                        <\/div>\n                        <h5 class=\"text-lg sm:text-xl md:text-2xl font-bold text-blusho-text mb-2.5 font-playfair\">Scented Oil<\/h5>\n                        <p class=\"text-blusho-gray text-xs sm:text-sm md:text-base leading-relaxed\">\u062a\u064f\u0633\u0643\u0628 \u0643\u0645\u064a\u0629 \u0641\u064a \u0631\u0627\u062d\u0629 \u0627\u0644\u064a\u062f\u060c \u0648\u062a\u064f\u0648\u0632\u0639 \u0628\u062d\u0631\u0643\u0627\u062a \u062f\u0627\u0626\u0631\u064a\u0629 \u0644\u0637\u064a\u0641\u0629 \u062d\u062a\u0649 \u062a\u0645\u062a\u0635\u0647\u0627 \u0627\u0644\u0628\u0634\u0631\u0629. \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0645\u0633\u0627\u062c \u0648\u0644\u062a\u0639\u0637\u064a\u0631 \u0631\u0627\u0626\u0639.<\/p>\n                    <\/div>\n                    <!-- \u0643\u0631\u062a 4 -->\n                    <div class=\"bg-blusho-light p-6 sm:p-8 md:p-10 rounded-2xl border border-gray-100 hover:shadow-soft transition-all duration-300 text-center group\">\n                        <div class=\"w-14 h-14 sm:w-16 sm:h-16 mx-auto bg-white rounded-full flex items-center justify-center shadow-sm mb-6 text-raghad-gold group-hover:scale-110 transition-transform\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 sm:h-8 sm:w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"><\/path><\/svg>\n                        <\/div>\n                        <h5 class=\"text-lg sm:text-xl md:text-2xl font-bold text-blusho-text mb-2.5 font-playfair\">Body Butter<\/h5>\n                        <p class=\"text-blusho-gray text-xs sm:text-sm md:text-base leading-relaxed\">\u062a\u064f\u062f\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u062c\u0633\u0645 \u0628\u0639\u062f \u0627\u0644\u0627\u0633\u062a\u062d\u0645\u0627\u0645 \u0628\u062d\u0631\u0643\u0627\u062a \u0644\u0637\u064a\u0641\u0629 \u062d\u062a\u0649 \u062a\u0645\u062a\u0635\u0647\u0627 \u0627\u0644\u0628\u0634\u0631\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u062a\u0631\u0637\u064a\u0628 \u0639\u0645\u064a\u0642 \u0648\u0641\u0627\u062e\u0631.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u0642\u0633\u0645 \u0641\u0644\u0633\u0641\u0629 \u0627\u0644\u062c\u0645\u0627\u0644 -->\n        <section class=\"w-full py-16 md:py-28 px-4 md:px-8 bg-blusho-cream text-center relative\">\n            <div class=\"absolute inset-0 opacity-30 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cream-paper.png')] w-full pointer-events-none\"><\/div>\n            <div class=\"max-w-6xl mx-auto relative z-10\">\n                <h4 class=\"text-raghad-gold font-semibold tracking-[0.2em] mb-2 uppercase text-xs sm:text-sm md:text-base\">Our Philosophy<\/h4>\n                <h3 class=\"text-2xl sm:text-3xl md:text-5xl font-bold text-blusho-text mb-6\">\u0641\u0644\u0633\u0641\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629<\/h3>\n                <p class=\"text-base sm:text-lg md:text-xl text-blusho-gray mb-12 md:mb-16 max-w-2xl mx-auto leading-relaxed px-2\">\n                    \u0646\u0624\u0645\u0646 \u0623\u0646 \u0645\u0627 \u062a\u0636\u0639\u064a\u0646\u0647 \u0639\u0644\u0649 \u0628\u0634\u0631\u062a\u0643 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0646\u0642\u064a\u0627\u064b\u060c \u0622\u0645\u0646\u0627\u064b\u060c \u0648\u063a\u0646\u064a\u0627\u064b \u0628\u0623\u062c\u0648\u062f \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0631\u0645 \u0631\u0642\u0629 \u0648\u062c\u0645\u0627\u0644 \u0628\u0634\u0631\u062a\u0643. \u0644\u0642\u062f \u0627\u0628\u062a\u0643\u0631\u0646\u0627 \u0647\u0630\u0647 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0644\u062a\u0643\u0648\u0646 \u0645\u0644\u0627\u0630\u064b\u0627 \u062d\u0633\u064a\u064b\u0627 \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629.\n                <\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-16\">\n                    <div class=\"bg-white\/60 p-6 sm:p-8 rounded-3xl border border-white hover:bg-white transition duration-300 shadow-sm hover:shadow-md\">\n                        <div class=\"text-raghad-gold text-4xl sm:text-5xl mb-4 sm:mb-6\">\u2728<\/div>\n                        <h4 class=\"text-xl sm:text-2xl font-bold text-blusho-text mb-3\">\u0645\u0643\u0648\u0646\u0627\u062a \u0637\u0628\u064a\u0639\u064a\u0629<\/h4>\n                        <p class=\"text-blusho-gray text-xs sm:text-sm md:text-base leading-relaxed\">\u0632\u064a\u0648\u062a \u0648\u0632\u0628\u062f\u0629 \u0637\u0628\u064a\u0639\u064a\u0629 \u063a\u0646\u064a\u0629 \u062a\u063a\u0630\u064a \u0628\u0634\u0631\u062a\u0643 \u0645\u0646 \u0627\u0644\u0623\u0639\u0645\u0627\u0642 \u0648\u062a\u0645\u0646\u062d\u0647\u0627 \u0646\u0636\u0627\u0631\u0629 \u0648\u0625\u0634\u0631\u0627\u0642\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u062a\u062f\u0648\u0645.<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/60 p-6 sm:p-8 rounded-3xl border border-white hover:bg-white transition duration-300 shadow-sm hover:shadow-md\">\n                        <div class=\"text-raghad-gold text-4xl sm:text-5xl mb-4 sm:mb-6\">\ud83c\udf43<\/div>\n                        <h4 class=\"text-xl sm:text-2xl font-bold text-blusho-text mb-3\">\u0622\u0645\u0646\u0629 \u0648\u0641\u0639\u0627\u0644\u0629<\/h4>\n                        <p class=\"text-blusho-gray text-xs sm:text-sm md:text-base leading-relaxed\">\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0646\u0642\u064a\u0629 \u0648\u0622\u0645\u0646\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0628\u0634\u0631\u0629\u060c \u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0623\u064a \u0645\u0648\u0627\u062f \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0636\u0627\u0631\u0629\u060c \u0644\u0623\u0646 \u0635\u062d\u062a\u0643 \u0648\u062c\u0645\u0627\u0644\u0643 \u0647\u0645\u0627 \u0623\u0648\u0644\u0648\u064a\u062a\u0646\u0627.<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/60 p-6 sm:p-8 rounded-3xl border border-white hover:bg-white transition duration-300 shadow-sm hover:shadow-md\">\n                        <div class=\"text-raghad-gold text-4xl sm:text-5xl mb-4 sm:mb-6\">\ud83c\udf38<\/div>\n                        <h4 class=\"text-xl sm:text-2xl font-bold text-blusho-text mb-3\">\u0631\u0648\u0627\u0626\u062d \u0622\u0633\u0631\u0629<\/h4>\n                        <p class=\"text-blusho-gray text-xs sm:text-sm md:text-base leading-relaxed\">\u0639\u0637\u0648\u0631 \u0644\u0630\u064a\u0630\u0629 \u0648\u0645\u0645\u064a\u0632\u0629 \u0645\u0633\u062a\u0648\u062d\u0627\u0629 \u0645\u0646 \u0623\u0634\u0647\u0649 \u0627\u0644\u0646\u0643\u0647\u0627\u062a \u0627\u0644\u0639\u0637\u0631\u064a\u0629 \u0644\u062a\u0645\u0646\u062d\u0643 \u062a\u062c\u0631\u0628\u0629 \u062d\u0633\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u062a\u0631\u0627\u0641\u0642\u0643 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u0627\u0644\u0641\u0648\u062a\u0631 (Footer) -->\n        <footer class=\"bg-[#1A1818] text-white\/80 py-12 md:py-16 px-4 md:px-8 border-t-[6px] border-raghad-gold\">\n            <div class=\"max-w-[85rem] mx-auto grid grid-cols-1 md:grid-cols-12 gap-10 md:gap-12 text-center md:text-right\">\n                \n                <!-- \u0639\u0645\u0648\u062f 1: \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u0648\u0635\u0641 -->\n                <div class=\"md:col-span-5 flex flex-col items-center md:items-start\">\n                    <img decoding=\"async\" src=\"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/raghad-delicious-logo.png\" alt=\"Raghad Delicious Logo\" class=\"w-56 mb-6 brightness-0 invert opacity-90\">\n                    <p class=\"text-xs sm:text-sm md:text-base leading-relaxed max-w-sm text-white\/70\">\n                        \u0648\u062c\u0647\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u062d\u0627\u0629 \u0645\u0646 \u0627\u0644\u0637\u0628\u064a\u0639\u0629\u060c \u0648\u0627\u0644\u0622\u0645\u0646\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0644\u0644\u0628\u0634\u0631\u0629. \u062f\u0639\u064a \u062d\u0648\u0627\u0633\u0643 \u062a\u0633\u062a\u0645\u062a\u0639 \u0628\u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629.\n                    <\/p>\n                <\/div>\n\n                <!-- \u0639\u0645\u0648\u062f 2: \u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629 -->\n                <div class=\"md:col-span-3\">\n                    <h4 class=\"text-white text-lg sm:text-xl font-bold mb-4 sm:mb-6 font-playfair tracking-wide\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n                    <ul class=\"space-y-3 sm:space-y-4 text-xs sm:text-sm md:text-base\">\n                        <li><a href=\"#packages-section\" class=\"hover:text-raghad-gold hover:translate-x-[-5px] inline-block transition-transform\">\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u062d\u0635\u0631\u064a\u0629<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-raghad-gold hover:translate-x-[-5px] inline-block transition-transform\">\u0641\u0644\u0633\u0641\u062a\u0646\u0627<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-raghad-gold hover:translate-x-[-5px] inline-block transition-transform\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-raghad-gold hover:translate-x-[-5px] inline-block transition-transform\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- \u0639\u0645\u0648\u062f 3: \u0627\u0644\u062a\u0648\u0627\u0635\u0644 -->\n                <div class=\"md:col-span-4\">\n                    <h4 class=\"text-white text-lg sm:text-xl font-bold mb-4 sm:mb-6 font-playfair tracking-wide\">\u0627\u0628\u0642\u064a \u0639\u0644\u0649 \u062a\u0648\u0627\u0635\u0644<\/h4>\n                    <p class=\"text-xs sm:text-sm md:text-base mb-4 sm:mb-6 text-white\/70\">\u0627\u0646\u0636\u0645\u064a \u0625\u0644\u0649 \u0639\u0627\u0626\u0644\u062a\u0646\u0627 \u0648\u062a\u0627\u0628\u0639\u064a\u0646\u0627 \u0639\u0644\u0649 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0644\u062a\u0643\u0648\u0646\u064a \u0623\u0648\u0644 \u0645\u0646 \u064a\u0639\u0631\u0641 \u0639\u0646 \u0625\u0635\u062f\u0627\u0631\u0627\u062a\u0646\u0627 \u0627\u0644\u062c\u062f\u064a\u062f\u0629.<\/p>\n                    <div class=\"flex gap-4 justify-center md:justify-start\">\n                        <a href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-full border border-white\/20 flex items-center justify-center hover:bg-raghad-gold hover:border-raghad-gold hover:text-white transition-all\" rel=\"nofollow noopener\">\n                            <!-- Instagram Icon -->\n                            <svg class=\"w-4.5 h-4.5 sm:w-5 sm:h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"><\/path><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.facebook.com\/\" target=\"_blank\" class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-full border border-white\/20 flex items-center justify-center hover:bg-raghad-gold hover:border-raghad-gold hover:text-white transition-all\" rel=\"nofollow noopener\">\n                            <!-- Facebook Icon -->\n                            <svg class=\"w-4.5 h-4.5 sm:w-5 sm:h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"><\/path><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.tiktok.com\/\" target=\"_blank\" class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-full border border-white\/20 flex items-center justify-center hover:bg-raghad-gold hover:border-raghad-gold hover:text-white transition-all\" rel=\"nofollow noopener\">\n                            <!-- TikTok Icon -->\n                            <svg class=\"w-4.5 h-4.5 sm:w-5 sm:h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19.69 3.63a8.98 8.98 0 0 1-3.79-1.49v10.51a5.35 5.35 0 1 1-5.35-5.35c.29 0 .57.02.85.07v3.2a2.16 2.16 0 1 0 1.3 2.08v-12.7h3.19a5.8 5.8 0 0 0 3.8 3.8v-3.12z\"><\/path><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"max-w-[85rem] mx-auto mt-12 sm:mt-16 pt-8 border-t border-white\/10 text-center text-xs sm:text-sm text-white\/40\">\n                <p>\u00a9 2026 Raghad Delicious. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\n            <\/div>\n        <\/footer>\n\n    <\/div>\n\n    <!-- \u0646\u0627\u0641\u0630\u0629 \u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 (Popup Modal) -->\n    <div id=\"imagePopup\" class=\"fixed inset-0 z-[100] hidden flex-col justify-center items-center bg-white\/95 backdrop-blur-md opacity-0 transition-opacity duration-300 p-4\" onclick=\"closeImageModal()\">\n        <button class=\"absolute top-6 right-6 md:top-10 md:right-10 text-blusho-text hover:text-raghad-gold text-4xl md:text-5xl font-light focus:outline-none transition-colors\">\u00d7<\/button>\n        <img decoding=\"async\" id=\"popupImg\" src=\"\" class=\"max-w-full max-h-[80vh] md:max-h-[85vh] object-contain rounded-xl shadow-2xl transform scale-95 transition-transform duration-300 border border-gray-200 bg-white p-2\" alt=\"\u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0635\u0648\u0631\u0629\" onclick=\"event.stopPropagation()\">\n    <\/div>\n\n    <!-- \u0627\u0644\u0633\u0643\u0631\u0628\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u0644\u0645\u0648\u0642\u0639 -->\n    <script>\n        \/\/ \u062f\u0648\u0627\u0644 \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0646\u0628\u062b\u0642\u0629 \u0644\u0644\u0635\u0648\u0631\n        function openImageModal(src) {\n            const popup = document.getElementById('imagePopup');\n            const popupImg = document.getElementById('popupImg');\n            popupImg.src = src;\n            popup.classList.remove('hidden');\n            popup.classList.add('flex');\n            setTimeout(() => {\n                popup.classList.remove('opacity-0');\n                popupImg.classList.remove('scale-95');\n                popupImg.classList.add('scale-100');\n            }, 10);\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeImageModal() {\n            const popup = document.getElementById('imagePopup');\n            const popupImg = document.getElementById('popupImg');\n            popup.classList.add('opacity-0');\n            popupImg.classList.remove('scale-100');\n            popupImg.classList.add('scale-95');\n            setTimeout(() => {\n                popup.classList.add('hidden');\n                popup.classList.remove('flex');\n                document.body.style.overflow = '';\n            }, 300);\n        }\n\n        \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u062d\u062f\u062b\u0629\n        const packagesData = {\n            vanilla: {\n                titleEn: \"Vanilla Ice Cream Package\",\n                titleAr: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0641\u0627\u0646\u064a\u0644\u0627 \u0622\u064a\u0633 \u0643\u0631\u064a\u0645\",\n                desc: \"\u062a\u062c\u0631\u0628\u0629 \u062d\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0633\u062a\u0648\u062d\u0627\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629. \u0646\u0627\u0639\u0645\u0629\u060c \u062f\u0627\u0641\u0626\u0629 \u0648\u0641\u0627\u062e\u0631\u0629. \u0645\u0644\u0627\u0645\u0633 \u0645\u062e\u0645\u0644\u064a\u0629 \u062a\u0630\u0648\u0628 \u0628\u0628\u0637\u0621 \u0639\u0644\u0649 \u0628\u0634\u0631\u062a\u0643 \u0645\u0639 \u0631\u0627\u0626\u062d\u0629 \u0627\u0644\u0641\u0627\u0646\u064a\u0644\u0627 \u0627\u0644\u0643\u0631\u064a\u0645\u064a\u0629 \u0627\u0644\u0622\u0633\u0631\u0629.\",\n                image: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Vanilla-icecream-05-scaled.jpg\",\n                bgColor: \"bg-raghad-vanilla\",\n                textColor: \"text-raghad-vanillaDark\",\n                buyUrl: \"https:\/\/jo.raghadorganics.com\/product\/vanilla-package\/\",\n                items: [\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u0634\u0641\u0627\u0647 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 10 g\", desc: \"\u062a\u0631\u0637\u064a\u0628 \u0639\u0645\u064a\u0642 \u0628\u0639\u0628\u064a\u0631 \u0627\u0644\u0641\u0627\u0646\u064a\u0644\u0627 \u0627\u0644\u062f\u0627\u0641\u0626 \u0648\u0627\u0644\u0644\u0637\u064a\u0641.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Vanilla-icecream-02-scaled.jpg\" },\n                    { title: \"\u0628\u0648\u062f\u0631\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 25 g\", desc: \"\u0645\u0644\u0645\u0633 \u0645\u062e\u0645\u0644\u064a \u0648\u0644\u0645\u0639\u0629 \u0631\u0627\u0626\u0639\u0629 \u062a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Vanilla-icecream-01-scaled.jpg\" },\n                    { title: \"\u0632\u064a\u062a \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647 150 g\", desc: \"\u0632\u064a\u062a \u062d\u0631\u064a\u0631\u064a \u064a\u0645\u0646\u062d \u0628\u0634\u0631\u062a\u0643 \u0646\u0639\u0648\u0645\u0629 \u0648\u0644\u0645\u0639\u0627\u0646\u0627\u064b \u0641\u0627\u0626\u0642\u0627\u064b.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Vanilla-icecream-07-scaled.jpg\" },\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 100 g\", desc: \"\u0642\u0648\u0627\u0645 \u0643\u0631\u064a\u0645\u064a \u063a\u0646\u064a \u0644\u0628\u0634\u0631\u0629 \u0631\u0637\u0628\u0629 \u0648\u0645\u0634\u0631\u0642\u0629.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Vanilla-icecream-08-scaled.jpg\" }\n                ]\n            },\n            strawberry: {\n                titleEn: \"Strawberry Cake Package\",\n                titleAr: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u0648\u0644\u0629 \u0643\u064a\u0643\",\n                desc: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0641\u0627\u062e\u0631\u0629 \u0644\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629 \u0628\u0631\u0627\u0626\u062d\u0629 \u0627\u0644\u0641\u0631\u0627\u0648\u0644\u0629 \u0627\u0644\u0639\u0637\u0631\u064a\u0629 \u0627\u0644\u0645\u0646\u0639\u0634\u0629. \u0645\u0644\u0627\u0645\u0633 \u0646\u0627\u0639\u0645\u0629 \u0648\u062d\u0631\u064a\u0631\u064a\u0629 \u062a\u062c\u0639\u0644 \u0643\u0644 \u0644\u062d\u0638\u0629 \u0645\u0646 \u0631\u0648\u062a\u064a\u0646\u0643 \u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u062f\u0644\u0627\u0644 \u0648\u0627\u0644\u0645\u0631\u062d \u0648\u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629.\",\n                image: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/strawberry-cake-05-scaled.jpg\",\n                bgColor: \"bg-raghad-strawberry\",\n                textColor: \"text-raghad-strawberryDark\",\n                buyUrl: \"https:\/\/jo.raghadorganics.com\/product\/strawberry-package\/\",\n                items: [\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u0634\u0641\u0627\u0647 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 10 g\", desc: \"\u062a\u0631\u0637\u064a\u0628 \u0645\u062b\u0627\u0644\u064a \u0628\u0631\u0627\u0626\u062d\u0629 \u0627\u0644\u0641\u0631\u0627\u0648\u0644\u0629 \u0627\u0644\u0633\u0627\u062d\u0631\u0629.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/strawberry-cake-02-scaled.jpg\" },\n                    { title: \"\u0628\u0648\u062f\u0631\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 25 g\", desc: \"\u062a\u0648\u0647\u062c \u0646\u0627\u0639\u0645 \u064a\u062a\u0631\u0643 \u0639\u0628\u0642\u0627\u064b \u0645\u0646\u0639\u0634\u0627\u064b \u0639\u0644\u0649 \u0628\u0634\u0631\u062a\u0643.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/strawberry-cake-01-scaled.jpg\" },\n                    { title: \"\u0632\u064a\u062a \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647 150 g\", desc: \"\u0632\u064a\u062a \u0639\u0637\u0631\u064a \u062d\u0631\u064a\u0631\u064a \u064a\u063a\u0645\u0631 \u0628\u0634\u0631\u062a\u0643 \u0628\u0627\u0644\u062f\u0644\u0627\u0644.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/strawberry-cake-08-scaled.jpg\" },\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 100 g\", desc: \"\u062a\u0631\u0637\u064a\u0628 \u0639\u0645\u064a\u0642 \u0648\u0644\u0648\u0646 \u0646\u0627\u0639\u0645 \u0648\u0645\u0634\u0631\u0642.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/strawberry-cake-06-scaled.jpg\" }\n                ]\n            },\n            caramel: {\n                titleEn: \"Caramel Package\",\n                titleAr: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0643\u0631\u0627\u0645\u064a\u0644\",\n                desc: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0641\u0627\u062e\u0631\u0629 \u0648\u0645\u0645\u064a\u0632\u0629 \u062a\u063a\u0644\u0641 \u0628\u0634\u0631\u062a\u0643 \u0628\u0631\u0627\u0626\u062d\u0629 \u0627\u0644\u0643\u0631\u0627\u0645\u064a\u0644 \u0627\u0644\u062f\u0627\u0641\u0626\u0629 \u0648\u0627\u0644\u0639\u0645\u064a\u0642\u0629. \u0645\u0644\u0645\u0633 \u062d\u0631\u064a\u0631\u064a \u0646\u0627\u0639\u0645 \u064a\u0645\u0646\u062d\u0643 \u0634\u0639\u0648\u0631\u0627\u064b \u0645\u0637\u0644\u0642\u0627\u064b \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u062e\u0627\u0621 \u0641\u064a \u0643\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645.\",\n                image: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Caramel-04-scaled.jpg\",\n                bgColor: \"bg-raghad-caramel\",\n                textColor: \"text-raghad-caramelDark\",\n                buyUrl: \"https:\/\/jo.raghadorganics.com\/product\/caramel-package\/\",\n                items: [\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u0634\u0641\u0627\u0647 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 10 g\", desc: \"\u0634\u0641\u0627\u0647 \u0646\u0627\u0639\u0645\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u0628\u0631\u0627\u0626\u062d\u0629 \u0627\u0644\u0643\u0631\u0627\u0645\u064a\u0644 \u0627\u0644\u063a\u0646\u064a\u0629.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Caramel-07-scaled.jpg\" },\n                    { title: \"\u0628\u0648\u062f\u0631\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 25 g\", desc: \"\u0645\u0644\u0645\u0633 \u0645\u062e\u0645\u0644\u064a \u0648\u062a\u0648\u0647\u062c \u062f\u0627\u0641\u0626 \u064a\u0646\u0627\u0633\u0628 \u0631\u0642\u0629 \u0628\u0634\u0631\u062a\u0643.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Caramel-02-scaled.jpg\" },\n                    { title: \"\u0632\u064a\u062a \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647 150 g\", desc: \"\u064a\u063a\u0644\u0641 \u0628\u0634\u0631\u062a\u0643 \u0628\u0639\u0637\u0631 \u062f\u0627\u0641\u0626 \u064a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Caramel-01-scaled.jpg\" },\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 100 g\", desc: \"\u062a\u0645\u0646\u062d \u0628\u0634\u0631\u062a\u0643 \u0631\u0637\u0648\u0628\u0629 \u0641\u0627\u0626\u0642\u0629 \u0648\u0646\u0639\u0648\u0645\u0629 \u0645\u062e\u0645\u0644\u064a\u0629.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/Caramel-05-scaled.jpg\" }\n                ]\n            },\n            bubblegum: {\n                titleEn: \"Bubblegum Package\",\n                titleAr: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0628\u0628\u0644 \u062c\u0645\",\n                desc: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0631\u062d\u0629\u060c \u0645\u0646\u0639\u0634\u0629 \u0648\u0645\u0641\u0639\u0645\u0629 \u0628\u0627\u0644\u0646\u0639\u0648\u0645\u0629. \u0635\u064f\u0645\u0645\u062a \u0644\u062a\u0645\u0646\u062d \u0628\u0634\u0631\u062a\u0643 \u0645\u0644\u0645\u0633\u0627\u064b \u0643\u0627\u0644\u062d\u0631\u064a\u0631 \u0648\u0631\u0627\u0626\u062d\u0629 \u0632\u0643\u064a\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u062a\u062c\u0639\u0644 \u0631\u0648\u062a\u064a\u0646\u0643 \u0627\u0644\u064a\u0648\u0645\u064a \u063a\u0627\u064a\u0629 \u0641\u064a \u0627\u0644\u0627\u0646\u062a\u0639\u0627\u0634 \u0648\u0627\u0644\u0645\u062a\u0639\u0629.\",\n                image: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/bubble-gum-07-scaled.jpg\", \n                bgColor: \"bg-raghad-bubblegum\",\n                textColor: \"text-raghad-bubblegumDark\",\n                buyUrl: \"https:\/\/jo.raghadorganics.com\/product\/bubble-gum-package\/\",\n                items: [\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u0634\u0641\u0627\u0647 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 10 g\", desc: \"\u0634\u0641\u0627\u0647 \u0646\u0627\u0639\u0645\u0629 \u0648\u0631\u0637\u0628\u0629 \u0628\u0631\u0627\u0626\u062d\u0629 \u0627\u0644\u0639\u0644\u0643\u0629 \u0627\u0644\u0645\u0646\u0639\u0634\u0629 \u0648\u0627\u0644\u0644\u0637\u064a\u0641\u0629.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/bubble-gum-04-scaled.jpg\" },\n                    { title: \"\u0628\u0648\u062f\u0631\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 25 g\", desc: \"\u062a\u062a\u0631\u0643 \u0644\u0645\u0633\u0629 \u062d\u0631\u064a\u0631\u064a\u0629 \u0648\u0631\u0627\u0626\u062d\u0629 \u0641\u0648\u0627\u062d\u0629 \u0645\u0645\u064a\u0632\u0629.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/bubble-gum-01-scaled.jpg\" },\n                    { title: \"\u0632\u064a\u062a \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647 150 g\", desc: \"\u0642\u0648\u0627\u0645 \u0631\u0627\u0626\u0639 \u064a\u0645\u062a\u0635 \u0628\u0633\u0631\u0639\u0629 \u0644\u064a\u0639\u064a\u062f \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0648\u0627\u0644\u0644\u0645\u0639\u0627\u0646 \u0644\u0644\u0628\u0634\u0631\u0629.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/bubble-gum-02-scaled.jpg\" },\n                    { title: \"\u0632\u0628\u062f\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0646\u0643\u064e\u0651\u0647\u0629 100 g\", desc: \"\u062a\u0631\u0637\u064a\u0628 \u0645\u0631\u0643\u0632 \u064a\u062d\u0645\u064a \u0628\u0634\u0631\u062a\u0643 \u0648\u064a\u0645\u0646\u062d\u0647\u0627 \u0639\u0628\u0642\u0627\u064b \u0633\u0627\u062d\u0631\u0627\u064b.\", img: \"https:\/\/jo.raghadorganics.com\/wp-content\/uploads\/2026\/03\/bubble-gum-08-scaled.jpg\" }\n                ]\n            }\n        };\n\n        \/\/ \u062f\u0627\u0644\u0629 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0628\u064a\u0646 \u0627\u0644\u0628\u0643\u062c\u0627\u062a\n        function changePackage(pkgKey) {\n            const pkg = packagesData[pkgKey];\n            \n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0623\u0632\u0631\u0627\u0631 (\u062a\u0635\u0645\u064a\u0645 Blusho - Underline)\n            document.querySelectorAll('.tab-btn').forEach(btn => {\n                btn.classList.remove('active', 'text-blusho-text');\n                btn.classList.add('text-blusho-gray');\n            });\n            const activeBtn = document.getElementById(`tab-${pkgKey}`);\n            activeBtn.classList.add('active', 'text-blusho-text');\n            activeBtn.classList.remove('text-blusho-gray');\n\n            \/\/ \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0644\u0644\u0642\u0633\u0645\n            const section = document.getElementById('packages-section');\n            section.className = `w-full py-16 md:py-28 px-4 md:px-8 transition-colors duration-1000 ${pkg.bgColor} relative`;\n\n            \/\/ \u0639\u0645\u0644 \u062a\u0623\u062b\u064a\u0631 \u0627\u0646\u062a\u0642\u0627\u0644 \u0644\u0644\u0645\u062d\u062a\u0648\u0649\n            const contentDiv = document.getElementById('package-content');\n            contentDiv.classList.remove('fade-in');\n            void contentDiv.offsetWidth; \n            contentDiv.classList.add('fade-in');\n\n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\n            document.getElementById('pkg-image').src = pkg.image;\n            document.getElementById('pkg-title-en').textContent = pkg.titleEn;\n            document.getElementById('pkg-title-ar').textContent = pkg.titleAr;\n            document.getElementById('pkg-title-ar').className = `text-xs sm:text-sm md:text-lg font-bold mb-2 md:mb-3 tracking-widest uppercase ${pkg.textColor}`;\n            document.getElementById('pkg-desc').textContent = pkg.desc;\n\n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0631\u0627\u0628\u0637 \u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u062e\u0627\u0635 \u0628\u0627\u0644\u0628\u0643\u062c \u0627\u0644\u0645\u062d\u062f\u062f\n            const buyButton = document.getElementById('pkg-buy-btn');\n            buyButton.href = pkg.buyUrl;\n\n            \/\/ \u0628\u0646\u0627\u0621 \u0634\u0628\u0643\u0629 \u0627\u0644\u0643\u0631\u0648\u062a \u0644\u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a (The Grid Design)\n            const itemsGrid = document.getElementById('pkg-items-grid');\n            itemsGrid.innerHTML = '';\n            \n            pkg.items.forEach((item, index) => {\n                const card = document.createElement('div');\n                \/\/ \u062a\u0623\u062b\u064a\u0631 \u062d\u0631\u0643\u064a \u0645\u062a\u0633\u0644\u0633\u0644 \u0644\u0644\u0643\u0631\u0648\u062a\n                card.style.animationDelay = `${index * 0.1}s`;\n                card.className = \"fade-up bg-white\/60 hover:bg-white backdrop-blur-sm p-3 md:p-4 rounded-2xl flex items-center gap-4 transition-all duration-300 border border-white shadow-sm hover:shadow-md cursor-pointer group\";\n                card.onclick = () => openImageModal(item.img);\n                \n                card.innerHTML = `\n                    <div class=\"relative w-16 h-16 md:w-20 md:h-20 rounded-xl overflow-hidden shadow-sm flex-shrink-0 bg-white\">\n                        <img decoding=\"async\" src=\"${item.img}\" class=\"w-full h-full object-cover transform group-hover:scale-110 transition duration-500\" alt=\"${item.title}\">\n                        <div class=\"absolute inset-0 bg-black\/10 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex-1 text-right\">\n                        <h6 class=\"font-bold text-blusho-text text-sm md:text-base mb-1 font-playfair\">${item.title}<\/h6>\n                        <p class=\"text-[11px] md:text-sm text-blusho-gray leading-snug\">${item.desc}<\/p>\n                    <\/div>\n                `;\n                itemsGrid.appendChild(card);\n            });\n        }\n\n        \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062f\u0627\u0644\u0629 \u0641\u0648\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            changePackage('vanilla');\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Raghad Delicious &#8211; \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u062d\u0635\u0631\u064a\u0629 Premium Body Care Rituals The Exclusive Collections \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u0639\u0627\u0644\u0645 Raghad Delicious. \u062d\u064a\u062b \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0628\u0634\u0631\u0629 \u0625\u0644\u0649 \u0637\u0642\u0648\u0633 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u063a\u0645\u0631 \u062d\u0648\u0627\u0633\u0643. \u0645\u0644\u0627\u0645\u0633 \u062d\u0631\u064a\u0631\u064a\u0629\u060c \u0631\u0648\u0627\u0626\u062d \u0639\u0637\u0631\u064a\u0629 \u062a\u0623\u0633\u0631 \u0627\u0644\u0623\u0646\u0641\u0627\u0633\u060c \u0648\u062a\u0631\u0643\u064a\u0628\u0627\u062a \u0641\u0627\u062e\u0631\u0629 \u063a\u0646\u064a\u0629 \u062a\u0645\u0646\u062d \u0628\u0634\u0631\u062a\u0643 \u0646\u0639\u0648\u0645\u0629 \u0641\u0627\u0626\u0642\u0629 \u0648\u0625\u0634\u0631\u0627\u0642\u0629 \u0637\u0628\u064a\u0639\u064a\u0629. \u0627\u0643\u062a\u0634\u0641\u064a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a Vanilla Ice Cream Strawberry Cake Caramel Bubblegum \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0628\u0648\u0643\u0633 [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":57639,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-canvas.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-57640","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/pages\/57640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/comments?post=57640"}],"version-history":[{"count":18,"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/pages\/57640\/revisions"}],"predecessor-version":[{"id":59902,"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/pages\/57640\/revisions\/59902"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/media\/57639"}],"wp:attachment":[{"href":"https:\/\/jo.raghadorganics.com\/ar\/wp-json\/wp\/v2\/media?parent=57640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}