{"id":3424,"date":"2025-05-28T03:49:44","date_gmt":"2025-05-28T03:49:44","guid":{"rendered":"https:\/\/thesweetshop.ma\/?post_type=product&#038;p=3424"},"modified":"2025-09-03T01:35:56","modified_gmt":"2025-09-03T01:35:56","slug":"quick-calming-pad-centella-70-pads-130ml-skin1004","status":"publish","type":"product","link":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004","title":{"rendered":"Quick Calming Pad Centella 70 Pads (130ml) skin1004"},"content":{"rendered":"<p><strong>Centella Quick Calming Pad<\/strong><\/p>\n<p>&#8211; An essence-rich toner pad with Centella and Panthenol soothes and hydrates the skin<br \/>\n&#8211; Offers much more convenient use than facial sheet mask<br \/>\n&#8211; Gentle calming pad composed of only 10 EWG green-grade ingredients that are essential for soothing irritateed skin<br \/>\n&#8211; Triple layered pads contains more essence and strongly adheres to the skin<br \/>\n&#8211; Large size pads makes it easy to tend large areas of the face at once, with less hassle- Crescent moon shaped pad tailored for easy application around the curvatures of the eyes and nose area<\/p>\n<p>&nbsp;<\/p>\n    <div id=\"csb-customize-modal\" class=\"csb-modal\" style=\"display:none;\">\n    <div class=\"csb-modal-content\">\n        <button class=\"csb-close\" aria-label=\"Close\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n            <\/svg>\n        <\/button>\n        \n        <!-- Progress Bar -->\n        <div class=\"csb-progress-bar\">\n            <div class=\"csb-progress-step active\" data-step=\"1\">\n                <div class=\"step-circle\">1<\/div>\n                <span class=\"step-label\">Customize<\/span>\n            <\/div>\n            <div class=\"csb-progress-line\"><\/div>\n            <div class=\"csb-progress-step\" data-step=\"2\">\n                <div class=\"step-circle\">2<\/div>\n                <span class=\"step-label\">Preview<\/span>\n            <\/div>\n        <\/div>\n        \n        <!-- Step 1: Form -->\n        <div id=\"csb-step-1\" class=\"csb-step\">\n            <div class=\"csb-header\">\n                <svg class=\"header-icon\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gradient1)\" stroke-width=\"2\">\n                    <defs>\n                        <linearGradient id=\"gradient1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                            <stop offset=\"0%\" style=\"stop-color:#6366f1;stop-opacity:1\" \/>\n                            <stop offset=\"100%\" style=\"stop-color:#8b5cf6;stop-opacity:1\" \/>\n                        <\/linearGradient>\n                    <\/defs>\n                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                <\/svg>\n                <h2>Create Your Personalized Story Book<\/h2>\n                <p class=\"csb-subtitle\">Powered by AI Technology<\/p>\n            <\/div>\n            \n            <form id=\"csb-customize-form\">\n                <!-- Child Name -->\n                <div class=\"csb-form-group\">\n                    <label for=\"child_name\">\n                        <svg class=\"label-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                        <\/svg>\n                        Child Name                        <span class=\"required\">*<\/span>\n                    <\/label>\n                    <div class=\"input-wrapper\">\n                        <input type=\"text\" \n                               id=\"child_name\" \n                               name=\"child_name\" \n                               required \n                               placeholder=\"Enter the child's name\" \/>\n                    <\/div>\n                <\/div>\n                \n                <!-- Child Age -->\n                <div class=\"csb-form-group\">\n                    <label for=\"child_age\">\n                        <svg class=\"label-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                        <\/svg>\n                        Child Age                    <\/label>\n                    <div class=\"select-wrapper\">\n                        <select id=\"child_age\" name=\"child_age\">\n                            <option value=\"3-5\">3-5 years<\/option>\n                            <option value=\"6-8\" selected>6-8 years<\/option>\n                            <option value=\"9-12\">9-12 years<\/option>\n                        <\/select>\n                        <svg class=\"select-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                \n                <!-- Art Style Section with Horizontal Scroll -->\n                <div class=\"csb-form-group style-gallery-section\">\n                    <label class=\"section-label\">\n                        <svg class=\"label-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n                            <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n                        <\/svg>\n                        Art Style                        <span class=\"required\">*<\/span>\n                    <\/label>\n\n                    \n                    <div class=\"csb-styles-container\">\n                        <!-- Navigation Arrows -->\n                        <div class=\"csb-styles-nav prev\">\n                            <button type=\"button\" id=\"styles-prev\" aria-label=\"Previous styles\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <div class=\"csb-styles-nav next\">\n                            <button type=\"button\" id=\"styles-next\" aria-label=\"Next styles\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <div class=\"csb-style-options\" id=\"style-gallery\">\n                                                            <label class=\"csb-style-option\" for=\"design_style_pixar\">\n                                    <input type=\"radio\" id=\"design_style_pixar\" name=\"design_style\"\n                                           value=\"pixar\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/pixar.jpeg\"\n                                                 alt=\"Pixar 3D preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Pixar 3D<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_digital_painting\">\n                                    <input type=\"radio\" id=\"design_style_digital_painting\" name=\"design_style\"\n                                           value=\"digital_painting\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/digital_painting.jpeg\"\n                                                 alt=\"Digital Painting preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Digital Painting<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_claymation\">\n                                    <input type=\"radio\" id=\"design_style_claymation\" name=\"design_style\"\n                                           value=\"claymation\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/claymation.jpeg\"\n                                                 alt=\"Claymation preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Claymation<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_comic_book\">\n                                    <input type=\"radio\" id=\"design_style_comic_book\" name=\"design_style\"\n                                           value=\"comic_book\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/comic_book.jpeg\"\n                                                 alt=\"Comic Book preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Comic Book<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_paper_cutout\">\n                                    <input type=\"radio\" id=\"design_style_paper_cutout\" name=\"design_style\"\n                                           value=\"paper_cutout\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/paper_cutout.jpeg\"\n                                                 alt=\"Paper Cutout preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Paper Cutout<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_anime\">\n                                    <input type=\"radio\" id=\"design_style_anime\" name=\"design_style\"\n                                           value=\"anime\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/anime.jpeg\"\n                                                 alt=\"Anime preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Anime<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_watercolor\">\n                                    <input type=\"radio\" id=\"design_style_watercolor\" name=\"design_style\"\n                                           value=\"watercolor\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/watercolor.jpeg\"\n                                                 alt=\"Watercolor preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Watercolor<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_storybook\">\n                                    <input type=\"radio\" id=\"design_style_storybook\" name=\"design_style\"\n                                           value=\"storybook\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/storybook.jpeg\"\n                                                 alt=\"Classic preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Classic<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_flat_illustration\">\n                                    <input type=\"radio\" id=\"design_style_flat_illustration\" name=\"design_style\"\n                                           value=\"flat_illustration\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/flat_illustration.jpeg\"\n                                                 alt=\"Flat Illustration preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Flat Illustration<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                            <label class=\"csb-style-option\" for=\"design_style_retro_vintage\">\n                                    <input type=\"radio\" id=\"design_style_retro_vintage\" name=\"design_style\"\n                                           value=\"retro_vintage\" required>\n                                    <div class=\"csb-style-card\">\n                                        <div class=\"csb-style-thumb\">\n                                            <img decoding=\"async\" src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/styles\/retro_vintage.jpeg\"\n                                                 alt=\"Retro Vintage preview\"\n                                                 loading=\"lazy\">\n                                            <div class=\"style-overlay\">\n                                                <svg class=\"check-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                                <\/svg>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"csb-style-caption\">\n                                            <span>Retro Vintage<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                                                    <\/div>\n\n                        <!-- Scroll Indicator -->\n                        <div class=\"csb-scroll-indicator\" id=\"scroll-indicator\">\n                            <span class=\"scroll-dot active\" data-index=\"0\"><\/span>\n                            <span class=\"scroll-dot\" data-index=\"1\"><\/span>\n                            <span class=\"scroll-dot\" data-index=\"2\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!-- Story Type -->\n<div class=\"csb-form-group\">\n    <label for=\"story_type\">\n        <svg class=\"label-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n            <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n        <\/svg>\n        Story Type        <span class=\"required\">*<\/span>\n    <\/label>\n    <div class=\"select-wrapper\">\n        <select id=\"story_type\" name=\"story_type\" required>\n            <option value=\"\">Select story type<\/option>\n            <option value=\"adventure\" data-icon=\"map\">Adventure<\/option>\n            <option value=\"magical\" data-icon=\"sparkles\">Magical<\/option>\n            <option value=\"educational\" data-icon=\"book-open\">Educational<\/option>\n            <option value=\"bedtime\" data-icon=\"moon\">Bedtime<\/option>\n            <option value=\"friendship\" data-icon=\"users\">Friendship<\/option>\n            <option value=\"courage\" data-icon=\"shield\">Courage & Bravery<\/option>\n        <\/select>\n        <svg class=\"select-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n        <\/svg>\n    <\/div>\n<\/div>\n                <!-- Story Title -->\n<div class=\"csb-form-group\">\n    <label for=\"story_title\">\n        <svg class=\"label-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"><\/path>\n            <polyline points=\"14.5 2 14.5 8 20.5 8\"><\/polyline>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n        <\/svg>\n        Book Title    <\/label>\n    <div class=\"input-wrapper\">\n        <input type=\"text\" \n               id=\"story_title\" \n               name=\"story_title\" \n               placeholder=\"Leave empty for auto-generated title\" \/>\n       <button type=\"button\" \n        id=\"auto-generate-title\" \n        class=\"csb-auto-btn\"\n        title=\"Auto-generate title\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <polyline points=\"23 4 23 10 17 10\"><\/polyline>\n        <polyline points=\"1 20 1 14 7 14\"><\/polyline>\n        <path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path>\n    <\/svg>\n<\/button>\n    <\/div>\n    <small class=\"form-hint\">If left empty, we'll create a personalized title based on your child's name and story type<\/small>\n<\/div>\n                \n                <!-- Story Preview -->\n                <div id=\"story-preview-container\" class=\"csb-story-preview-box\" style=\"display:none;\">\n                    <div class=\"preview-header\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                            <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                        <\/svg>\n                        <h4>Story Preview<\/h4>\n                    <\/div>\n                    <div id=\"story-preview-content\" class=\"csb-preview-content\"><\/div>\n                <\/div>\n                \n                <!-- Child Description -->\n                <div class=\"csb-form-group\">\n                    <label for=\"child_description\">\n                        <svg class=\"label-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                        <\/svg>\n                        Child Description (Optional)                    <\/label>\n                    <textarea id=\"child_description\" \n                              name=\"child_description\" \n                              rows=\"3\"\n                              placeholder=\"e.g., loves dinosaurs, has a pet cat named Fluffy, favorite color is blue...\"><\/textarea>\n                    <small class=\"form-hint\">This helps personalize the story even more!<\/small>\n                <\/div>\n                \n                <!-- Upload Photo -->\n                <div class=\"csb-form-group\">\n                    <label for=\"child_image\">\n                        <svg class=\"label-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n                            <polyline points=\"21 15 16 10 5 21\"><\/polyline>\n                        <\/svg>\n                        Upload Child Photo (Optional)                    <\/label>\n                    <div class=\"csb-upload-area\">\n                        <input type=\"file\" \n                               id=\"child_image\" \n                               name=\"child_image\" \n                               accept=\"image\/*\" \/>\n                        <label for=\"child_image\" class=\"csb-upload-label\">\n                            <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" opacity=\"0.6\">\n                                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                <polyline points=\"17 8 12 3 7 8\"><\/polyline>\n                                <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\n                            <\/svg>\n                            <span class=\"upload-text\">Click to upload or drag image here<\/span>\n                            <span class=\"upload-hint\">JPG, PNG or WebP (Max 5MB)<\/span>\n                        <\/label>\n                        <div id=\"image-preview\"><\/div>\n                    <\/div>\n                    <small class=\"form-hint\">We'll create a character based on this photo!<\/small>\n                <\/div>\n                \n                <button type=\"submit\" class=\"csb-generate-btn\">\n                    <span class=\"btn-content\">\n                        <svg class=\"btn-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n                        <\/svg>\n                        <span class=\"btn-text\">Generate Story Preview<\/span>\n                    <\/span>\n                    <div class=\"csb-spinner\" style=\"display:none;\">\n                        <div class=\"spinner-ring\"><\/div>\n                    <\/div>\n                <\/button>\n            <\/form>\n        <\/div>\n        \n        <!-- Step 2: Results -->\n        <div id=\"csb-step-2\" class=\"csb-step\" style=\"display:none;\">\n            <div class=\"csb-header\">\n                <svg class=\"header-icon\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"url(#gradient2)\" stroke-width=\"2\">\n                    <defs>\n                        <linearGradient id=\"gradient2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                            <stop offset=\"0%\" style=\"stop-color:#10b981;stop-opacity:1\" \/>\n                            <stop offset=\"100%\" style=\"stop-color:#059669;stop-opacity:1\" \/>\n                        <\/linearGradient>\n                    <\/defs>\n                    <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n                    <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n                <\/svg>\n                <h2>Your Story Preview<\/h2>\n                <p class=\"csb-subtitle\">Review your personalized story book<\/p>\n            <\/div>\n            \n            <!-- Loading State -->\n            <div id=\"csb-loading\" class=\"csb-loading-container\" style=\"display:none;\">\n                <div class=\"csb-loading-animation\">\n                    <div class=\"csb-magic-book\">\n                        <div class=\"book-page\"><\/div>\n                        <div class=\"book-page\"><\/div>\n                        <div class=\"book-page\"><\/div>\n                    <\/div>\n                    <p class=\"loading-title\">Creating your magical story...<\/p>\n                    <p class=\"csb-loading-status\">This may take 30-60 seconds<\/p>\n                    <div class=\"loading-progress\">\n                        <div class=\"progress-track\">\n                            <div class=\"progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Results Container -->\n            <div id=\"csb-results\" style=\"display:none;\">\n                <div class=\"csb-book-showcase\">\n                    <!-- Book Cover -->\n                    <div class=\"csb-cover-section\">\n                        <h3 class=\"section-title\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n                                <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n                            <\/svg>\n                            Book Cover                        <\/h3>\n                        <div class=\"csb-cover-wrapper\">\n                            <div class=\"csb-cover-image\">\n                                <img decoding=\"async\" id=\"cover-image\" src=\"\" alt=\"Book Cover\">\n                                <div class=\"csb-cover-overlay\"><\/div>\n                            <\/div>\n                            <div class=\"csb-ai-badge\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n                                <\/svg>\n                                <span>AI Generated with Gemini 2.0<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Pages Gallery -->\n                    <div class=\"csb-pages-gallery\">\n                        <h3 class=\"section-title\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n                                <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n                            <\/svg>\n                            Full Book Pages                            <span class=\"page-count\">(12 Pages)<\/span>\n                        <\/h3>\n                        <div class=\"csb-pages-scroll\">\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 1<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-2.jpg\"\n     alt=\"Page 1\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 2<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-3.jpg\"\n     alt=\"Page 2\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 3<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-4.jpg\"\n     alt=\"Page 3\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 4<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-1.jpg\"\n     alt=\"Page 4\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 5<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-2.jpg\"\n     alt=\"Page 5\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 6<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-3.jpg\"\n     alt=\"Page 6\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 7<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-4.jpg\"\n     alt=\"Page 7\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 8<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-1.jpg\"\n     alt=\"Page 8\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 9<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-2.jpg\"\n     alt=\"Page 9\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 10<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-3.jpg\"\n     alt=\"Page 10\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 11<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-4.jpg\"\n     alt=\"Page 11\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"csb-page-item\">\n                                <div class=\"csb-page-locked\">\n                                    <div class=\"csb-page-number\">Page 12<\/div>\n                                    <div class=\"csb-page-content-blur\">\n                                        <img src=\"https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/page-blur-1.jpg\"\n     alt=\"Page 12\"\n     loading=\"lazy\"\n     decoding=\"async\"\n     fetchpriority=\"low\"\n     data-no-lazy=\"1\"\n     onerror=\"this.onerror=null; this.src='https:\/\/thesweetshop.ma\/wp-content\/plugins\/story-generator-3\/assets\/placeholder-300x400.png';\">\n\n                                    <\/div>\n                                    <div class=\"csb-lock-overlay\">\n                                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                            <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                                            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                                        <\/svg>\n                                        <span class=\"lock-text\">Locked<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <\/div>\n                        \n                        <div class=\"csb-unlock-message\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n                                <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\n                            <\/svg>\n                            <div class=\"unlock-text\">\n                                <strong>All 12 illustrated pages will be unlocked after payment<\/strong>\n                                <p>Each page contains unique AI-generated illustrations matching your story<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Story Preview Text -->\n                <div class=\"csb-story-preview\">\n                    <h3 class=\"section-title\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                        <\/svg>\n                        Story Preview                    <\/h3>\n                    <div id=\"story-preview-text\" class=\"csb-story-text\"><\/div>\n                <\/div>\n                \n                <!-- Story Info Grid -->\n                <div class=\"csb-story-info\">\n                    <div class=\"csb-info-grid\">\n                        <div class=\"csb-info-item\">\n                            <div class=\"info-icon-wrapper\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n                                    <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"info-content\">\n                                <strong>Pages:<\/strong>\n                                <span>12 AI illustrated pages<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"csb-info-item\">\n                            <div class=\"info-icon-wrapper\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                    <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"info-content\">\n                                <strong>Format:<\/strong>\n                                <span>Digital PDF (High Resolution)<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"csb-info-item\">\n                            <div class=\"info-icon-wrapper\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"info-content\">\n                                <strong>Delivery:<\/strong>\n                                <span>5-10 minutes after payment<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"csb-info-item\">\n                            <div class=\"info-icon-wrapper\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                                    <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n                                    <polyline points=\"21 15 16 10 5 21\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"info-content\">\n                                <strong>Style:<\/strong>\n                                <span id=\"selected-style-name\"><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Hidden form for direct checkout -->\n                <form id=\"csb-direct-checkout-form\" method=\"post\" style=\"display:none;\">\n                    <input type=\"hidden\" name=\"add-to-cart\" id=\"csb-product-id\" value=\"\">\n                    <input type=\"hidden\" name=\"csb_story_data\" id=\"csb-story-data\" value=\"\">\n                <\/form>\n                \n                <!-- Action Buttons -->\n                <div class=\"csb-actions\">\n                    <button type=\"button\" class=\"csb-btn csb-btn-secondary\" onclick=\"csbBackToForm()\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n                            <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n                        <\/svg>\n                        Back to Edit                    <\/button>\n                    <button type=\"button\" class=\"csb-btn csb-btn-warning\" onclick=\"csbRegenerateStory()\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <polyline points=\"23 4 23 10 17 10\"><\/polyline>\n                            <polyline points=\"1 20 1 14 7 14\"><\/polyline>\n                            <path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path>\n                        <\/svg>\n                        Try Different Style                    <\/button>\n                    <button type=\"button\" class=\"csb-btn csb-btn-primary\" id=\"csb-checkout-btn\" onclick=\"csbContinueToPayment()\">\n                        Continue to Payment                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n    \n","protected":false},"excerpt":{"rendered":"<p>Centella Quick Calming Pad &#8211; An essence-rich toner pad with Centella and Panthenol soothes and hydrates the skin &#8211; Offers much more convenient use than&#8230;<\/p>\n","protected":false},"featured_media":3426,"comment_status":"open","ping_status":"closed","template":"","meta":{"_joinchat":[]},"etheme_brands":[],"product_brand":[],"product_cat":[175,109],"product_tag":[],"class_list":{"0":"post-3424","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-skin-1004","7":"product_cat-soin-de-la-peau","9":"first","10":"instock","11":"sale","12":"shipping-taxable","13":"purchasable","14":"product-type-simple"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quick Calming Pad Centella 70 Pads (130ml) skin1004 -Maroc - The Sweet Shop<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quick Calming Pad Centella 70 Pads (130ml) skin1004 -Maroc - The Sweet Shop\" \/>\n<meta property=\"og:description\" content=\"Centella Quick Calming Pad &#8211; An essence-rich toner pad with Centella and Panthenol soothes and hydrates the skin &#8211; Offers much more convenient use than...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004\" \/>\n<meta property=\"og:site_name\" content=\"The Sweet Shop\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-03T01:35:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thesweetshop.ma\/wp-content\/uploads\/2025\/05\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004\",\"url\":\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004\",\"name\":\"Quick Calming Pad Centella 70 Pads (130ml) skin1004 -Maroc - The Sweet Shop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thesweetshop.ma\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp\",\"datePublished\":\"2025-05-28T03:49:44+00:00\",\"dateModified\":\"2025-09-03T01:35:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#primaryimage\",\"url\":\"https:\\\/\\\/thesweetshop.ma\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp\",\"contentUrl\":\"https:\\\/\\\/thesweetshop.ma\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp\",\"width\":1440,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thesweetshop.ma\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shop\",\"item\":\"https:\\\/\\\/thesweetshop.ma\\\/?page_id=5\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Quick Calming Pad Centella 70 Pads (130ml) skin1004\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thesweetshop.ma\\\/#website\",\"url\":\"https:\\\/\\\/thesweetshop.ma\\\/\",\"name\":\"The Sweet Shop\",\"description\":\"1# Le premier site de maquillage au Maroc\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thesweetshop.ma\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quick Calming Pad Centella 70 Pads (130ml) skin1004 -Maroc - The Sweet Shop","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004","og_locale":"fr_FR","og_type":"article","og_title":"Quick Calming Pad Centella 70 Pads (130ml) skin1004 -Maroc - The Sweet Shop","og_description":"Centella Quick Calming Pad &#8211; An essence-rich toner pad with Centella and Panthenol soothes and hydrates the skin &#8211; Offers much more convenient use than...","og_url":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004","og_site_name":"The Sweet Shop","article_modified_time":"2025-09-03T01:35:56+00:00","og_image":[{"width":1440,"height":1440,"url":"https:\/\/thesweetshop.ma\/wp-content\/uploads\/2025\/05\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004","url":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004","name":"Quick Calming Pad Centella 70 Pads (130ml) skin1004 -Maroc - The Sweet Shop","isPartOf":{"@id":"https:\/\/thesweetshop.ma\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#primaryimage"},"image":{"@id":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#primaryimage"},"thumbnailUrl":"https:\/\/thesweetshop.ma\/wp-content\/uploads\/2025\/05\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp","datePublished":"2025-05-28T03:49:44+00:00","dateModified":"2025-09-03T01:35:56+00:00","breadcrumb":{"@id":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#primaryimage","url":"https:\/\/thesweetshop.ma\/wp-content\/uploads\/2025\/05\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp","contentUrl":"https:\/\/thesweetshop.ma\/wp-content\/uploads\/2025\/05\/skin1004-mask-pad-70-pads-130ml-centella-quick-calming-pad-38642832474358_1440x.webp","width":1440,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/thesweetshop.ma\/?product=quick-calming-pad-centella-70-pads-130ml-skin1004#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thesweetshop.ma\/"},{"@type":"ListItem","position":2,"name":"Shop","item":"https:\/\/thesweetshop.ma\/?page_id=5"},{"@type":"ListItem","position":3,"name":"Quick Calming Pad Centella 70 Pads (130ml) skin1004"}]},{"@type":"WebSite","@id":"https:\/\/thesweetshop.ma\/#website","url":"https:\/\/thesweetshop.ma\/","name":"The Sweet Shop","description":"1# Le premier site de maquillage au Maroc","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thesweetshop.ma\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=\/wp\/v2\/product\/3424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=\/wp\/v2\/product"}],"about":[{"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3424"}],"version-history":[{"count":4,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=\/wp\/v2\/product\/3424\/revisions"}],"predecessor-version":[{"id":3480,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=\/wp\/v2\/product\/3424\/revisions\/3480"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=\/wp\/v2\/media\/3426"}],"wp:attachment":[{"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3424"}],"wp:term":[{"taxonomy":"brand","embeddable":true,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fetheme_brands&post=3424"},{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_brand&post=3424"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_cat&post=3424"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/thesweetshop.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_tag&post=3424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}