Changeset 356312

Timestamp:

10/30/2026 01:25:15 PM (23 hours ago)

Author:

themedropbox

Message:

New version of Skin Care Solutions - 1.4.2

Location:

skin-care-solutions/1.4.2

Files:

• . (copied) (copied from skin-care-solutions/1.4.1 )
• classes/class-svg-icons.php (modified) (1 diff)
• functions.php (modified) (5 diffs)
• inc/custom-functions.php (modified) (1 diff)
• inc/homepage-setup/assets/css/homepage-setup-style.css (modified) (1 diff)
• inc/homepage-setup/assets/js/homepage-setup-script.js (modified) (1 diff)
• inc/homepage-setup/homepage-setup-contents.php (modified) (26 diffs)
• inc/homepage-setup/homepage-setup-settings.php (modified) (2 diffs)
• inc/homepage-setup/tgm/class-tgm-plugin-activation.php (modified) (8 diffs)
• inc/metabox.php (modified) (1 diff)
• languages/skin-care-solutions.pot (modified) (3 diffs)
• lib/breadcrumbs/breadcrumbs.php (modified) (1 diff)
• readme.txt (modified) (3 diffs)
• style.css (modified) (1 diff)

skin-care-solutions/1.4.2/classes/class-svg-icons.php

@@ -99 +99 @@
             ),
             'wp' => array(
-                'wordpress.com',
-                'wordpress.org',
+                'WordPress.com',
+                'WordPress.org',
             ),
         );

skin-care-solutions/1.4.2/functions.php

@@ -83 +83 @@
                 }
                 if (! defined( 'SKIN_CARE_SOLUTIONS_SUPPORT_FREE' ) ){
-                define('SKIN_CARE_SOLUTIONS_SUPPORT_FREE',__('https://wordpress.org/support/theme/skin-care-solutions/','skin-care-solutions'));
+                define('SKIN_CARE_SOLUTIONS_SUPPORT_FREE',__('https://WordPress.org/support/theme/skin-care-solutions/','skin-care-solutions'));
                 }
                 if (! defined( 'SKIN_CARE_SOLUTIONS_REVIEW_FREE' ) ){
-                define('SKIN_CARE_SOLUTIONS_REVIEW_FREE',__('https://wordpress.org/support/theme/skin-care-solutions/reviews/#new-post/','skin-care-solutions'));
+                define('SKIN_CARE_SOLUTIONS_REVIEW_FREE',__('https://WordPress.org/support/theme/skin-care-solutions/reviews/#new-post/','skin-care-solutions'));
                 }
                 if (! defined( 'SKIN_CARE_SOLUTIONS_DEMO_PRO' ) ){
@@ -96 +96 @@
                 if (! defined( 'SKIN_CARE_SOLUTIONS_BUNDLE_BUTTON' ) ){
                         define('SKIN_CARE_SOLUTIONS_BUNDLE_BUTTON',__('https://www.omegathemes.com/products/wp-theme-bundle','skin-care-solutions'));
+                }
+                if (! defined( 'SKIN_CARE_SOLUTIONS_HIRE_EXPERT' ) ){
+                        define('SKIN_CARE_SOLUTIONS_HIRE_EXPERT',__('https://www.omegathemes.com/pages/contact','skin-care-solutions'));
                 }
 
@@ -263 +266 @@
 // NOTICE FUNCTION
 
-function skin_care_solutions_admin_notice() { 
-    global $pagenow;
-    $theme_args = wp_get_theme();
-    $meta = get_option( 'skin_care_solutions_admin_notice' );
-    $name = $theme_args->get( 'Name' );
-    $current_screen = get_current_screen();
-
-    if ( ! $meta ) {
-        if ( is_network_admin() ) {
-            return;
-        }
-
-        if ( ! current_user_can( 'manage_options' ) ) {
-            return;
-        }
-
-        if ( $current_screen->base != 'appearance_page_skincaresolutions-wizard' ) {
-            ?>
-            <div class="notice notice-success notice-content">
-                <h2><?php esc_html_e('Welcome! Thank you for choosing Skin Care Solutions. Let’s Set Up Your Website!', 'skin-care-solutions') ?> </h2>
-                <p><?php esc_html_e('Before you dive into customization, let’s go through a quick setup process to ensure everything runs smoothly. Click below to start setting up your website in minutes!', 'skin-care-solutions') ?> </p>
-                <div class="info-link">
-                    <a href="<?php echo esc_url( admin_url( 'themes.php?page=skincaresolutions-wizard' ) ); ?>"><?php esc_html_e('Get Started with Skin Care Solutions', 'skin-care-solutions'); ?></a>
-                                        <a href="#" class="notice-bundle" id="bundleTrigger"><?php esc_html_e('Get All WP Themes', 'skin-care-solutions'); ?></a>
-                                        <div class="bundle-overlay" id="bundlePopup">
-                                                <div class="bundle-modal">
-                                                        <span class="close-popup">&times;</span>
-                                                        <div class="sale-badge"><?php esc_html_e('🔥 MEGA SALE', 'skin-care-solutions'); ?></div>
-                                                        <h2><?php esc_html_e('Unlock All Premium WP Themes', 'skin-care-solutions'); ?></h2>
-                                                        <p> <?php esc_html_e('Unlock the Full Potential of Your Website with Our 70+ WordPress Themes Bundle', 'skin-care-solutions'); ?></p>
-                                                        <ul>
-                                                                <li><?php esc_html_e('✔ Expert Support', 'skin-care-solutions'); ?></li>
-                                                                <li><?php esc_html_e('✔ Premium Theme ZIP File', 'skin-care-solutions'); ?></li>
-                                                                <li><?php esc_html_e('✔ Ready-to-Use Website Templates', 'skin-care-solutions'); ?></li>
-                                                                <li><?php esc_html_e('✔ Demo Content (Included in the file)', 'skin-care-solutions'); ?></li>
-                                                                <li><?php esc_html_e('✔ Access to the Premium Support Forum', 'skin-care-solutions'); ?></li>
-                                                        </ul>
-                                                        <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUNDLE_BUTTON ); ?>" target="_blank" class="bundle-cta"><?php esc_html_e('Get the Bundle Now →', 'skin-care-solutions'); ?></a>
-                                                </div>
-                                        </div>
-                </div>
-                <p class="dismiss-link"><strong><a href="?skin_care_solutions_admin_notice=1"><?php esc_html_e( 'Dismiss', 'skin-care-solutions' ); ?></a></strong></p>
+/**
+ * Whether the welcome notice should be shown on the current admin screen.
+ */
+function skin_care_solutions_show_admin_notice() {
+    if ( get_option( 'skin_care_solutions_admin_notice' ) || is_network_admin() || ! current_user_can( 'manage_options' ) ) {
+        return false;
+    }
+
+    $skin_care_solutions_current_screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
+    if ( $skin_care_solutions_current_screen && 'appearance_page_skincaresolutions-wizard' === $skin_care_solutions_current_screen->base ) {
+        return false;
+    }
+
+    // Once every setup step is done the notice only stays on the Dashboard.
+    if ( skin_care_solutions_setup_is_complete() ) {
+        return $skin_care_solutions_current_screen && 'dashboard' === $skin_care_solutions_current_screen->base;
+    }
+
+    return true;
+}
+
+/**
+ * Whether every Getting Started step is done.
+ */
+function skin_care_solutions_setup_is_complete() {
+    return function_exists( 'skin_care_solutions_get_setup_progress' ) && ! in_array( false, skin_care_solutions_get_setup_progress(), true );
+}
+
+function skin_care_solutions_admin_notice() {
+    if ( ! skin_care_solutions_show_admin_notice() ) {
+        return;
+    }
+
+    $skin_care_solutions_theme_args = wp_get_theme();
+    $skin_care_solutions_name = $skin_care_solutions_theme_args->get( 'Name' );
+    $skin_care_solutions_progress = function_exists( 'skin_care_solutions_get_setup_progress' ) ? skin_care_solutions_get_setup_progress() : array();
+    $skin_care_solutions_done = count( array_filter( $skin_care_solutions_progress ) );
+    $skin_care_solutions_total = max( 1, count( $skin_care_solutions_progress ) );
+    $skin_care_solutions_complete = skin_care_solutions_setup_is_complete();
+    $skin_care_solutions_dismiss_url = wp_nonce_url( add_query_arg( 'skin_care_solutions_admin_notice', '1' ), 'skin_care_solutions_dismiss_notice' );
+    ?>
+    <div class="notice omg-notice<?php echo $skin_care_solutions_complete ? ' omg-notice--complete' : ''; ?>" data-nonce="<?php echo esc_attr( wp_create_nonce( 'skin_care_solutions_dismiss_notice' ) ); ?>">
+        <div class="omg-notice__media">
+            <img src="<?php echo esc_url( get_template_directory_uri() . '/screenshot.png' ); ?>" alt="<?php echo esc_attr( $skin_care_solutions_name ); ?>">
+        </div>
+        <div class="omg-notice__body">
+            <p class="omg-notice__eyebrow">
+                <?php
+                if ( $skin_care_solutions_complete ) {
+                    /* translators: %s: theme name */
+                    printf( esc_html__( '%s setup complete', 'skin-care-solutions' ), esc_html( $skin_care_solutions_name ) );
+                } else {
+                    /* translators: %s: theme name */
+                    printf( esc_html__( 'Thanks for choosing %s', 'skin-care-solutions' ), esc_html( $skin_care_solutions_name ) );
+                }
+                ?>
+            </p>
+            <?php if ( $skin_care_solutions_complete ) : ?>
+                <h2 class="omg-notice__title"><?php esc_html_e( 'Your store is ready', 'skin-care-solutions' ); ?></h2>
+                <p class="omg-notice__text"><?php esc_html_e( 'Every setup step is done. Add your products, fine-tune the design in the Customizer, or unlock more layouts with Pro.', 'skin-care-solutions' ); ?></p>
+            <?php else : ?>
+                <h2 class="omg-notice__title"><?php esc_html_e( 'Let’s set up your store in a few minutes', 'skin-care-solutions' ); ?></h2>
+                <p class="omg-notice__text"><?php esc_html_e( 'Install the recommended plugins, import the demo and make it yours, all from one Getting Started page.', 'skin-care-solutions' ); ?></p>
+            <?php endif; ?>
+            <div class="omg-notice__progress">
+                <span class="omg-progress"><span class="omg-progress__bar" style="width: <?php echo esc_attr( max( 3, round( $skin_care_solutions_done / $skin_care_solutions_total * 100 ) ) ); ?>%"></span></span>
+                <span class="omg-notice__count">
+                    <?php
+                    /* translators: 1: steps done, 2: total steps */
+                    printf( esc_html__( '%1$s of %2$s steps done', 'skin-care-solutions' ), esc_html( $skin_care_solutions_done ), esc_html( $skin_care_solutions_total ) );
+                    ?>
+                </span>
             </div>
-            <?php
-        }
-    }
+            <div class="omg-notice__actions">
+                <?php if ( $skin_care_solutions_complete ) : ?>
+                    <a class="omg-btn omg-btn--primary" href="<?php echo esc_url( admin_url( 'themes.php?page=skincaresolutions-wizard' ) ); ?>"><?php esc_html_e( 'Getting Started', 'skin-care-solutions' ); ?></a>
+                    <a class="omg-btn omg-btn--outline" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank"><?php esc_html_e( 'View your site', 'skin-care-solutions' ); ?></a>
+                    <a class="omg-btn omg-btn--outline" href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>"><?php esc_html_e( 'Customize', 'skin-care-solutions' ); ?></a>
+                <?php else : ?>
+                    <a class="omg-btn omg-btn--primary" href="<?php echo esc_url( admin_url( 'themes.php?page=skincaresolutions-wizard&omg-focus=1' ) ); ?>"><?php echo $skin_care_solutions_done ? esc_html__( 'Continue setup', 'skin-care-solutions' ) : esc_html__( 'Get started', 'skin-care-solutions' ); ?></a>
+                <?php endif; ?>
+                <a class="omg-btn omg-btn--premium" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUY_NOW ); ?>" target="_blank"><?php esc_html_e( 'Go To Premium', 'skin-care-solutions' ); ?></a>
+                <a class="omg-btn omg-btn--outline-pink" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUNDLE_BUTTON ); ?>" target="_blank"><?php esc_html_e( 'Get all WP themes for $69', 'skin-care-solutions' ); ?></a>
+            </div>
+        </div>
+        <a class="omg-notice__close" href="<?php echo esc_url( $skin_care_solutions_dismiss_url ); ?>" aria-label="<?php esc_attr_e( 'Dismiss this notice', 'skin-care-solutions' ); ?>">
+            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
+        </a>
+    </div>
+    <?php
 }
 add_action( 'admin_notices', 'skin_care_solutions_admin_notice' );
@@ -314 +361 @@
 if ( ! function_exists( 'skin_care_solutions_update_admin_notice' ) ) :
 /**
- * Updating admin notice on dismiss
+ * Updating admin notice on dismiss (link fallback when JS is off)
  */
 function skin_care_solutions_update_admin_notice() {
-    if ( isset( $_GET['skin_care_solutions_admin_notice'] ) && $_GET['skin_care_solutions_admin_notice'] == '1' ) {
+    if ( isset( $_GET['skin_care_solutions_admin_notice'] ) && '1' === $_GET['skin_care_solutions_admin_notice'] && current_user_can( 'manage_options' ) ) {
+        check_admin_referer( 'skin_care_solutions_dismiss_notice' );
         update_option( 'skin_care_solutions_admin_notice', true );
+        wp_safe_redirect( remove_query_arg( array( 'skin_care_solutions_admin_notice', '_wpnonce' ) ) );
+        exit;
     }
 }
 endif;
 add_action( 'admin_init', 'skin_care_solutions_update_admin_notice' );
+
+/**
+ * Dismiss the welcome notice over AJAX
+ */
+function skin_care_solutions_dismiss_admin_notice() {
+    check_ajax_referer( 'skin_care_solutions_dismiss_notice', 'nonce' );
+    if ( ! current_user_can( 'manage_options' ) ) {
+        wp_send_json_error();
+    }
+    update_option( 'skin_care_solutions_admin_notice', true );
+    wp_send_json_success();
+}
+add_action( 'wp_ajax_skin_care_solutions_dismiss_notice', 'skin_care_solutions_dismiss_admin_notice' );
 
 // After Switch theme function
@@ -330 +393 @@
 }
 
+
 add_filter( 'woocommerce_enable_setup_wizard', '__return_false' );

skin-care-solutions/1.4.2/inc/custom-functions.php

@@ -377 +377 @@
                                     echo '<br>';
                                     echo esc_html__('Theme: ', 'skin-care-solutions') . '<a href="' . esc_url('https://www.omegathemes.com/products/free-skin-care-wordpress-theme') . '" title="' . esc_attr__('Skin Care Solutions', 'skin-care-solutions') . '" target="_blank"><span>' . esc_html__('Skin Care Solutions', 'skin-care-solutions') . '</span></a>' . esc_html__(' By ', 'skin-care-solutions') . '  <span>' . esc_html__('OMEGA ', 'skin-care-solutions') . '</span>';
-                                    echo esc_html__('Powered by ', 'skin-care-solutions') . '<a href="' . esc_url('https://wordpress.org') . '" title="' . esc_attr__('WordPress', 'skin-care-solutions') . '" target="_blank"><span>' . esc_html__('wordpress.', 'skin-care-solutions') . '</span></a>';
+                                    echo esc_html__('Powered by ', 'skin-care-solutions') . '<a href="' . esc_url('https://WordPress.org') . '" title="' . esc_attr__('WordPress', 'skin-care-solutions') . '" target="_blank"><span>' . esc_html__('WordPress.', 'skin-care-solutions') . '</span></a>';
                                 ?>
                             </div>

skin-care-solutions/1.4.2/inc/homepage-setup/assets/css/homepage-setup-style.css

@@ -1 @@
-.whizzie-wrap {
+/*--------------------------------------------------------------
+# Getting Started page & welcome notice
+# All selectors are prefixed with .omg- so they never touch core admin UI
+--------------------------------------------------------------*/
+
+.omg-wrap,
+.omg-notice {
+        --omg-ink: #111318;
+        --omg-text: #2b2f38;
+        --omg-muted: #555a69;
+        --omg-border: #e4e6ec;
+        --omg-surface: #ffffff;
+        --omg-soft: #f5f6f9;
+        --omg-blue: #2546e0;
+        --omg-blue-dark: #1b36b8;
+        --omg-blue-soft: #e8ecfd;
+        --omg-pink: #e3165b;
+        --omg-pink-dark: #c20f4b;
+        --omg-pink-soft: #fde8ef;
+        --omg-green: #12a150;
+        --omg-radius: 14px;
+        --omg-radius-sm: 9px;
+        --omg-shadow: 0 1px 2px rgba(17, 19, 24, .04), 0 6px 20px rgba(17, 19, 24, .04);
+        --omg-ease: cubic-bezier(.22, .8, .3, 1);
+        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        color: var(--omg-text);
+        font-weight: 500;
+        -webkit-font-smoothing: antialiased;
+}
+.omg-wrap *,
+.omg-notice * {
+        box-sizing: border-box;
+}
+.omg-wrap {
+        margin: 24px 20px 0 0;
+}
+.omg-icon {
+        width: 1em;
+        height: 1em;
+        flex: none;
+}
+
+/* Buttons
+--------------------------------------------- */
+.omg-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 6px;
+        min-height: 44px;
+        padding: 0 18px;
+        border: 1px solid transparent;
+        border-radius: var(--omg-radius-sm);
+        font-weight: 700;
+        font-size: 14px;
+        line-height: 1.2;
+        font-family: inherit;
+        text-decoration: none;
+        cursor: pointer;
+        transition: background-color .2s, border-color .2s, color .2s, transform .2s var(--omg-ease), box-shadow .2s;
+}
+.omg-btn:hover {
+        transform: translateY(-1px);
+}
+.omg-btn:active {
+        transform: translateY(0);
+}
+.omg-btn:focus-visible,
+.omg-step__head:focus-visible,
+.omg-code__copy:focus-visible,
+.omg-chip:focus-visible,
+.omg-links__item:focus-visible,
+.omg-notice__close:focus-visible {
+        outline: 2px solid var(--omg-blue);
+        outline-offset: 2px;
+        box-shadow: none;
+}
+.omg-btn--primary {
+        background: var(--omg-blue);
+        color: #fff;
+}
+.omg-btn--primary:hover,
+.omg-btn--primary:focus {
+        background: var(--omg-blue-dark);
+        color: #fff;
+        box-shadow: 0 6px 16px rgba(37, 70, 224, .25);
+}
+.omg-btn--dark {
+        background: var(--omg-ink);
+        color: #fff;
+}
+.omg-btn--dark:hover,
+.omg-btn--dark:focus {
+        background: #000;
+        color: #fff;
+}
+.omg-btn--pink {
+        background: var(--omg-pink);
+        color: #fff;
+}
+.omg-btn--pink:hover,
+.omg-btn--pink:focus {
+        background: var(--omg-pink-dark);
+        color: #fff;
+        box-shadow: 0 6px 16px rgba(227, 22, 91, .3);
+}
+.omg-btn--ghost,
+.omg-btn--outline {
+        background: var(--omg-surface);
+        border-color: var(--omg-border);
+        color: var(--omg-ink);
+}
+.omg-btn--ghost:hover,
+.omg-btn--ghost:focus,
+.omg-btn--outline:hover,
+.omg-btn--outline:focus {
+        border-color: var(--omg-ink);
+        color: var(--omg-ink);
+}
+.omg-btn--outline-pink {
+        background: var(--omg-surface);
+        border-color: var(--omg-pink);
+        color: var(--omg-pink);
+}
+.omg-btn--outline-pink:hover,
+.omg-btn--outline-pink:focus {
+        background: var(--omg-pink);
+        color: #fff;
+}
+.omg-btn--block {
+        display: flex;
+        width: 100%;
+}
+.omg-btn[disabled],
+.omg-btn.is-busy {
+        opacity: .65;
+        cursor: not-allowed;
+        transform: none;
+        box-shadow: none;
+}
+.omg-btn.is-busy::before {
+        content: '';
+        width: 14px;
+        height: 14px;
+        border: 2px solid currentColor;
+        border-right-color: transparent;
+        border-radius: 50%;
+        animation: omg-spin .7s linear infinite;
+}
+.omg-link {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        margin-top: 16px;
+        color: var(--omg-blue);
+        font-weight: 700;
+        text-underline-offset: 3px;
+}
+.omg-link .omg-icon {
+        transition: transform .2s var(--omg-ease);
+}
+.omg-link:hover .omg-icon {
+        transform: translateX(3px);
+}
+
+/* Header
+--------------------------------------------- */
+.omg-header {
+        display: flex;
+        align-items: flex-end;
+        justify-content: space-between;
+        gap: 16px;
+        flex-wrap: wrap;
+        margin-bottom: 22px;
+}
+.omg-eyebrow {
+        margin: 0 0 6px;
+        color: var(--omg-muted);
+        font-size: 12px;
+        font-weight: 700;
+        letter-spacing: .08em;
+        text-transform: uppercase;
+}
+.omg-wrap .omg-title {
+        margin: 0;
+        padding: 0;
+        color: var(--omg-ink);
+        font-size: 30px;
+        font-weight: 800;
+        line-height: 1.15;
+        letter-spacing: -.02em;
+}
+.omg-header__actions {
+        display: flex;
+        gap: 10px;
+}
+.omg-wrap .wp-header-end {
+        margin: 0;
+}
+
+/* Layout & cards
+--------------------------------------------- */
+.omg-layout {
+        display: grid;
+        grid-template-columns: 360px minmax(0, 1fr);
+        gap: 22px;
+        align-items: start;
+}
+.omg-main {
+        display: grid;
+        gap: 22px;
+        min-width: 0;
+}
+.omg-card {
+        position: relative;
+        background: var(--omg-surface);
+        border: 1px solid var(--omg-border);
+        border-radius: var(--omg-radius);
+        box-shadow: var(--omg-shadow);
+        padding: 24px;
+}
+.omg-wrap .omg-card__title {
+        margin: 0 0 18px;
+        color: var(--omg-ink);
+        font-size: 18px;
+        font-weight: 800;
+}
+.omg-wrap .omg-card {
+        animation: omg-rise .5s var(--omg-ease) both;
+}
+.omg-main > :nth-child(1) { animation-delay: .05s; }
+.omg-promos > :nth-child(1) { animation-delay: .1s; }
+.omg-promos > :nth-child(2) { animation-delay: .15s; }
+.omg-info > :nth-child(1) { animation-delay: .2s; }
+.omg-info > :nth-child(2) { animation-delay: .25s; }
+
+/* Badges & kickers */
+.omg-badges {
+        display: flex;
+        gap: 8px;
+        margin-bottom: 14px;
+}
+.omg-badge {
+        padding: 4px 10px;
+        border-radius: 999px;
+        background: var(--omg-soft);
+        color: var(--omg-text);
+        font-size: 12px;
+        font-weight: 700;
+}
+.omg-badge--blue {
+        background: var(--omg-blue-soft);
+        color: var(--omg-blue);
+}
+.omg-kicker {
+        margin: 0 0 8px;
+        font-size: 12px;
+        font-weight: 800;
+        letter-spacing: .1em;
+        text-transform: uppercase;
+}
+.omg-kicker--pink {
+        color: var(--omg-pink);
+}
+
+/* Site setup card
+--------------------------------------------- */
+.omg-setup__head {
+        display: flex;
+        align-items: baseline;
+        justify-content: space-between;
+        margin-bottom: 12px;
+}
+.omg-wrap .omg-setup__title {
+        margin: 0;
+        color: var(--omg-ink);
+        font-size: 18px;
+        font-weight: 800;
+}
+.omg-setup__count {
+        color: var(--omg-muted);
+        font-size: 13px;
+}
+.omg-setup__count b {
+        color: var(--omg-ink);
+}
+.omg-progress {
+        display: block;
+        height: 8px;
+        border-radius: 999px;
+        background: #eceef3;
+        overflow: hidden;
+}
+.omg-progress__bar {
+        display: block;
+        height: 100%;
+        border-radius: inherit;
+        background: var(--omg-blue);
+        transition: width .6s var(--omg-ease), background-color .3s;
+}
+.omg-setup.is-complete .omg-progress__bar {
+        background: var(--omg-green);
+}
+.omg-setup__intro {
+        margin: 14px 0 18px;
+        color: var(--omg-muted);
+        font-size: 13px;
+        line-height: 1.6;
+}
+.omg-setup__complete {
+        display: none;
+        align-items: center;
+        gap: 12px;
+        margin-bottom: 18px;
+        padding: 14px;
+        border-radius: var(--omg-radius-sm);
+        background: #e7f6ee;
+        color: #0b6b36;
+        font-size: 13px;
+        line-height: 1.45;
+}
+.omg-setup__complete strong {
+        display: block;
+        font-size: 14px;
+}
+.omg-setup__complete-icon {
+        display: grid;
+        place-items: center;
+        width: 34px;
+        height: 34px;
+        border-radius: 50%;
+        background: var(--omg-green);
+        color: #fff;
+        font-size: 18px;
+        flex: none;
+}
+.omg-setup.is-complete .omg-setup__complete {
+        display: flex;
+        animation: omg-rise .45s var(--omg-ease) both;
+}
+.omg-setup.is-complete .omg-setup__intro {
+        display: none;
+}
+
+/* Steps */
+.omg-wrap .omg-steps {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+}
+.omg-wrap .omg-step {
+        position: relative;
+        margin: 0;
+        padding-bottom: 8px;
+}
+.omg-step:not(:last-child)::before {
+        content: '';
+        position: absolute;
+        top: 40px;
+        bottom: 0;
+        left: 16px;
+        width: 2px;
+        background: var(--omg-border);
+        transition: background-color .4s;
+}
+.omg-step.is-done:not(:last-child)::before {
+        background: var(--omg-blue);
+}
+.omg-step__head {
+        display: flex;
+        align-items: flex-start;
+        gap: 14px;
+        width: 100%;
+        padding: 2px 0 8px;
+        border: 0;
+        background: none;
+        text-align: left;
+        font-family: inherit;
+        color: inherit;
+        cursor: pointer;
+        border-radius: var(--omg-radius-sm);
+}
+.omg-step__num {
+        position: relative;
+        display: grid;
+        place-items: center;
+        width: 34px;
+        height: 34px;
+        border: 2px solid var(--omg-border);
+        border-radius: 50%;
+        background: var(--omg-surface);
+        color: var(--omg-muted);
+        font-size: 13px;
+        font-weight: 800;
+        flex: none;
+        transition: border-color .3s, background-color .3s, color .3s, box-shadow .3s;
+}
+.omg-step__num .omg-icon {
+        position: absolute;
+        font-size: 16px;
         opacity: 0;
+        transform: scale(.4);
+        transition: opacity .3s, transform .35s var(--omg-ease);
+}
+.omg-step__index {
+        transition: opacity .2s, transform .3s var(--omg-ease);
+}
+.omg-step.is-open .omg-step__num {
+        border-color: var(--omg-blue);
+        background: var(--omg-blue);
+        color: #fff;
+        box-shadow: 0 0 0 4px var(--omg-blue-soft);
+}
+.omg-step.is-done .omg-step__num {
+        border-color: var(--omg-blue);
+        background: var(--omg-blue);
+        color: #fff;
+}
+.omg-step.is-done .omg-step__num .omg-icon {
+        opacity: 1;
+        transform: scale(1);
+}
+.omg-step.is-done .omg-step__index {
+        opacity: 0;
+        transform: scale(.4);
+}
+.omg-step__text {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+        padding-top: 6px;
+}
+.omg-step__title {
+        color: var(--omg-ink);
+        font-size: 15px;
+        font-weight: 700;
+}
+.omg-step__desc {
+        color: var(--omg-muted);
+        font-size: 12.5px;
+}
+.omg-step.is-done:not(.is-open) .omg-step__title {
+        color: var(--omg-muted);
+}
+
+/* Smooth open/close without measuring heights in JS */
+.omg-step__body {
+        display: grid;
+        grid-template-rows: 0fr;
+        opacity: 0;
+        transition: grid-template-rows .4s var(--omg-ease), opacity .3s;
+}
+.omg-step.is-open .omg-step__body {
+        grid-template-rows: 1fr;
+        opacity: 1;
+}
+.omg-step__inner {
+        min-height: 0;
+        overflow: hidden;
+        padding-left: 48px;
+}
+.omg-step.is-open .omg-step__inner {
+        padding-bottom: 14px;
+}
+.omg-step__note {
+        margin: 4px 0 12px;
+        color: var(--omg-muted);
+        font-size: 13px;
+        line-height: 1.55;
+}
+.omg-step__error {
+        margin: 0 0 10px;
+        padding: 10px 12px;
+        border-radius: var(--omg-radius-sm);
+        background: var(--omg-pink-soft);
+        color: var(--omg-pink-dark);
+        font-size: 12.5px;
+        line-height: 1.5;
+}
+.omg-skip {
+        display: block;
+        margin: 10px auto 0;
+        padding: 2px 4px;
+        border: 0;
+        background: none;
+        color: var(--omg-muted);
+        font-weight: 700;
+        font-size: 12.5px;
+        line-height: 1.4;
+        font-family: inherit;
+        text-decoration: underline;
+        text-underline-offset: 3px;
+        cursor: pointer;
+}
+.omg-skip:hover {
+        color: var(--omg-ink);
+}
+
+/* Plugins list */
+.omg-wrap .omg-plugins {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        gap: 8px;
+        margin: 4px 0 12px;
+        padding: 0;
+        list-style: none;
+}
+.omg-wrap .omg-plugin {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 10px;
+        margin: 0;
+        padding: 10px 12px;
+        border: 1px solid var(--omg-border);
+        border-radius: var(--omg-radius-sm);
+        transition: border-color .2s, background-color .2s;
+}
+.omg-plugin:hover {
+        border-color: #cfd3dc;
+}
+.omg-plugin.is-working {
+        border-color: var(--omg-blue);
+        background: #f7f9ff;
+}
+.omg-plugin__label {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        min-width: 0;
+        flex: 1;
+        cursor: pointer;
+}
+.omg-wrap .omg-plugin__check {
+        margin: 0;
+        flex: none;
+        width: 18px;
+        height: 18px;
+        border-radius: 4px;
+}
+.omg-wrap .omg-plugin__check:checked {
+        background: var(--omg-blue);
+        border-color: var(--omg-blue);
+}
+.omg-wrap .omg-plugin__check:checked::before {
+        content: '';
+        width: 10px;
+        height: 5px;
+        margin: 4px 0 0 3px;
+        border: solid #fff;
+        border-width: 0 0 2px 2px;
+        transform: rotate(-45deg);
+        float: none;
+}
+.omg-wrap .omg-plugin__check:disabled {
+        opacity: .7;
+}
+.omg-plugin__name {
+        color: var(--omg-ink);
+        font-size: 13.5px;
+        font-weight: 700;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+}
+.omg-plugin__status {
+        padding: 3px 9px;
+        border-radius: 999px;
+        font-size: 11.5px;
+        font-weight: 700;
+        white-space: nowrap;
+        flex: none;
+}
+.omg-plugin__status--required {
+        background: var(--omg-pink-soft);
+        color: var(--omg-pink);
+}
+.omg-plugin__status--optional,
+.omg-plugin__status--working {
+        background: var(--omg-soft);
+        color: var(--omg-muted);
+}
+.omg-plugin__status--working {
+        color: var(--omg-blue);
+        background: var(--omg-blue-soft);
+}
+.omg-plugin__status--active {
+        background: #e7f6ee;
+        color: var(--omg-green);
+}
+.omg-plugin__status--failed {
+        background: var(--omg-pink-soft);
+        color: var(--omg-pink-dark);
+}
+
+/* Customize chips */
+.omg-chips {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 8px;
+        margin: 4px 0 12px;
+}
+.omg-chip {
+        padding: 10px 12px;
+        border: 1px solid var(--omg-border);
+        border-radius: var(--omg-radius-sm);
+        color: var(--omg-ink);
+        font-size: 13px;
+        font-weight: 700;
+        text-decoration: none;
+        transition: border-color .2s, color .2s, background-color .2s;
+}
+.omg-chip:hover,
+.omg-chip:focus {
+        border-color: var(--omg-blue);
+        background: #f7f9ff;
+        color: var(--omg-blue);
+}
+
+.omg-setup__help {
+        margin: 10px 0 0;
+        padding-top: 16px;
+        border-top: 1px solid var(--omg-border);
+        color: var(--omg-muted);
+        font-size: 13px;
+        line-height: 1.6;
+}
+.omg-setup__help a {
+        color: var(--omg-blue);
+        font-weight: 700;
+}
+
+/* Theme hero
+--------------------------------------------- */
+.omg-hero {
+        display: grid;
+        grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);
+        gap: 28px;
+        align-items: center;
+}
+.omg-wrap .omg-hero__title {
+        margin: 0 0 12px;
+        color: var(--omg-ink);
+        font-size: 28px;
+        font-weight: 800;
+        line-height: 1.15;
+        letter-spacing: -.02em;
+}
+.omg-hero__desc {
+        margin: 0 0 20px;
+        color: var(--omg-muted);
+        font-size: 14px;
+        line-height: 1.65;
+}
+.omg-hero__actions {
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+}
+.omg-hero__media {
+        padding: 12px;
+        border-radius: var(--omg-radius);
+        background: var(--omg-soft);
+        border: 1px solid var(--omg-border);
+        overflow: hidden;
+        margin: 0 auto;
+}
+.omg-hero__media img {
+        display: block;
+        width: auto;
+        max-width: 100%;
+        height: 170px;
+        object-fit: cover;
+        border-radius: var(--omg-radius-sm);
+        box-shadow: 0 8px 24px rgba(17, 19, 24, .1);
+        transition: transform .6s var(--omg-ease);
+        text-align: right;
+}
+.omg-hero:hover .omg-hero__media img {
+        transform: scale(1.02);
+}
+
+/* Promo cards
+--------------------------------------------- */
+.omg-promos,
+.omg-info {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 22px;
+}
+.omg-pro,
+.omg-bundle {
+        display: flex;
+        flex-direction: column;
+        padding: 28px;
+        overflow: hidden;
+}
+.omg-pro {
+        background:
+                radial-gradient(90% 70% at 0% 0%, rgba(123, 47, 247, .35), transparent 60%),
+                radial-gradient(80% 60% at 100% 100%, rgba(227, 22, 91, .28), transparent 60%),
+                var(--omg-ink);
+        border-color: var(--omg-ink);
+        color: #e8e9ee;
+}
+.omg-pro__ribbon {
+        position: absolute;
+        top: 26px;
+        right: -46px;
+        width: 180px;
+        padding: 7px 0;
+        background: var(--omg-pink);
+        color: #fff;
+        font-size: 12px;
+        font-weight: 800;
+        letter-spacing: .06em;
+        text-align: center;
+        text-transform: uppercase;
+        transform: rotate(40deg);
+}
+.omg-wrap .omg-pro__title,
+.omg-wrap .omg-bundle__title {
+        margin: 0 0 18px;
+        font-size: 22px;
+        font-weight: 800;
+        line-height: 1.2;
+        letter-spacing: -.01em;
+}
+.omg-wrap .omg-pro__title {
+        max-width: 85%;
+        color: #fff;
+}
+.omg-wrap .omg-bundle__title {
+        color: var(--omg-ink);
+}
+.omg-pro__links {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        gap: 8px;
+        margin-bottom: 20px;
+}
+.omg-pro__link {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 8px;
+        padding: 14px 8px;
+        border: 1px solid rgba(255, 255, 255, .1);
+        border-radius: var(--omg-radius-sm);
+        background: rgba(255, 255, 255, .04);
+        color: #fff;
+        font-size: 12.5px;
+        font-weight: 700;
+        line-height: 1.3;
+        text-align: center;
+        text-decoration: none;
+        transition: transform .25s var(--omg-ease), border-color .25s, background .25s;
+}
+.omg-pro__link .omg-icon {
+        width: 22px;
+        height: 22px;
+        color: var(--omg-pink);
+}
+.omg-pro__link:hover,
+.omg-pro__link:focus {
+        border-color: var(--omg-pink);
+        background: rgba(255, 255, 255, .08);
+        color: #fff;
+        transform: translateY(-2px);
+}
+.omg-pro__previews {
+        display: grid;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        gap: 8px;
+        margin-bottom: 20px;
+        padding: 8px;
+        border: 1px solid rgba(255, 255, 255, .1);
+        border-radius: var(--omg-radius-sm);
+        background: rgba(255, 255, 255, .04);
+}
+.omg-pro__previews--single {
+        grid-template-columns: minmax(0, 1fr);
+}
+.omg-pro__previews--single .omg-pro__preview {
+        aspect-ratio: 3 / 2;
+}
+.omg-pro__previews--single .omg-pro__preview img {
+        object-fit: contain;
+}
+.omg-pro__preview {
         position: relative;
-    border: none;
-}
-.whizzie-wrap.loaded {
-    max-width: 100% !important;
-    opacity: 1;
-    background: transparent;
-}
-.whizzie-menu .button-primary, .whizzie-menu .button-secondary, .whizzie-menu .button, .other_content .button{
-    padding: 7px 26px;
-    font-size: 18px;
-    font-weight: 700;
-}
-.whizzie-wrap.spinning .step-loading {
+        display: block;
+        aspect-ratio: 4 / 3;
+        border: 1px solid rgba(255, 255, 255, .08);
+        border-radius: 6px;
+        background: #fff;
+        overflow: hidden;
+        transition: transform .25s var(--omg-ease), border-color .25s, box-shadow .25s;
+}
+.omg-pro__preview:hover,
+.omg-pro__preview:focus {
+        border-color: var(--omg-pink);
+        transform: translateY(-2px);
+        box-shadow: 0 10px 22px rgba(0, 0, 0, .35);
+}
+.omg-pro__preview img {
+        display: block;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: top;
+        transition: transform .6s var(--omg-ease);
+}
+.omg-pro__preview:hover img {
+        transform: scale(1.06);
+}
+.omg-pro__preview-label {
+        position: absolute;
+        left: 6px;
+        bottom: 6px;
+        padding: 3px 8px;
+        border-radius: 999px;
+        background: rgba(17, 19, 24, .82);
+        color: #fff;
+        font-size: 10.5px;
+        font-weight: 700;
+        letter-spacing: .04em;
+        line-height: 1.3;
+        text-transform: uppercase;
+}
+.omg-wrap .omg-pro__price {
+        display: flex;
+        align-items: baseline;
+        flex-wrap: wrap;
+        gap: 4px 10px;
+        margin: 0 0 18px;
+}
+.omg-pro__price strong {
+        color: #fff;
+        font-size: 34px;
+        font-weight: 800;
+        line-height: 1;
+        letter-spacing: -.02em;
+}
+.omg-pro__price span {
+        color: #a7aab5;
+        font-size: 13px;
+}
+.omg-wrap .omg-checklist {
+        display: grid;
+        gap: 10px;
+        margin: 0 0 22px;
+        padding: 0;
+        list-style: none;
+}
+.omg-wrap .omg-checklist li {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        margin: 0;
+        font-size: 14px;
+}
+.omg-checklist .omg-icon {
+        color: var(--omg-pink);
+        font-size: 16px;
+}
+.omg-pro .omg-btn,
+.omg-bundle .omg-btn {
+        margin-top: auto;
+}
+
+/* Coupon codes */
+.omg-code {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 10px;
+        margin-bottom: 24px;
+}
+.omg-code__label {
+        font-size: 13px;
+        color: #a7aab5;
+}
+.omg-wrap .omg-code__value {
+        padding: 7px 10px;
+        border: 1px dashed rgba(255, 255, 255, .55);
+        border-radius: 6px;
+        background: transparent;
+        color: #fff;
+        font-size: 13px;
+        font-weight: 700;
+        letter-spacing: .04em;
+}
+.omg-code__copy {
+        min-width: 64px;
+        padding: 7px 12px;
+        border: 1px solid rgba(255, 255, 255, .3);
+        border-radius: 6px;
+        background: transparent;
+        color: #fff;
+        font-weight: 700;
+        font-size: 13px;
+        line-height: 1.2;
+        font-family: inherit;
+        cursor: pointer;
+        transition: background-color .2s, border-color .2s, color .2s;
+}
+.omg-code__copy:hover {
+        border-color: #fff;
+}
+.omg-code__copy.is-copied {
+        background: var(--omg-green);
+        border-color: var(--omg-green);
+        color: #fff;
+}
+.omg-code--light .omg-code__label {
+        color: var(--omg-muted);
+}
+.omg-wrap .omg-code--light .omg-code__value {
+        border-color: var(--omg-pink);
+        color: var(--omg-pink);
+}
+.omg-code--light .omg-code__copy {
+        border-color: var(--omg-border);
+        color: var(--omg-ink);
+}
+.omg-code--light .omg-code__copy:hover {
+        border-color: var(--omg-ink);
+}
+
+.omg-bundle {
+        border: 2px solid var(--omg-pink);
+}
+.omg-bundle__head {
+        display: flex;
+        justify-content: space-between;
+        gap: 12px;
+}
+.omg-bundle__seal {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        width: 72px;
+        height: 72px;
+        margin-top: -4px;
+        border-radius: 50%;
+        background: var(--omg-pink);
+        color: #fff;
+        line-height: 1;
+        text-transform: uppercase;
+        flex: none;
+        box-shadow: 0 8px 18px rgba(227, 22, 91, .3);
+        animation: omg-pulse 2.6s ease-in-out infinite;
+}
+.omg-bundle__seal small {
+        font-size: 9.5px;
+        font-weight: 800;
+}
+.omg-bundle__seal b {
+        font-size: 22px;
+        font-weight: 800;
+}
+.omg-bundle__media {
+        margin-bottom: 16px;
+        border-radius: var(--omg-radius-sm);
+        background: var(--omg-pink-soft);
+        overflow: hidden;
+}
+.omg-bundle__media img {
+        display: block;
+        width: 100%;
+        height: 110px;
+        object-fit: cover;
+}
+.omg-bundle__desc {
+        margin: 0 0 14px;
+        color: var(--omg-muted);
+        font-size: 14px;
+}
+.omg-wrap .omg-bundle .omg-checklist {
+        margin-bottom: 16px;
+        color: var(--omg-ink);
+}
+.omg-price {
+        display: flex;
+        align-items: baseline;
+        gap: 10px;
+        margin: 0 0 14px;
+}
+.omg-price del {
+        color: var(--omg-muted);
+        font-size: 16px;
+}
+.omg-price strong {
+        color: var(--omg-ink);
+        font-size: 34px;
+        font-weight: 800;
+        letter-spacing: -.02em;
+}
+
+/* Free vs Pro
+--------------------------------------------- */
+.omg-compare__table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 14px;
+}
+.omg-compare__table th {
+        padding: 0 0 10px;
+        color: var(--omg-muted);
+        font-weight: 700;
+        text-align: left;
+}
+.omg-compare__table td {
+        padding: 11px 0;
+        border-top: 1px solid var(--omg-border);
+        color: var(--omg-ink);
+}
+.omg-compare__table th:not(:first-child),
+.omg-compare__table td:not(:first-child) {
+        width: 64px;
+        text-align: center;
+}
+.omg-compare__table th.omg-compare__pro {
+        color: var(--omg-pink);
+        font-weight: 800;
+}
+.omg-compare__table tbody tr {
+        transition: background-color .2s;
+}
+.omg-compare__table tbody tr:hover {
+        background: var(--omg-soft);
+}
+.omg-yes .omg-icon {
+        color: var(--omg-green);
+        font-size: 16px;
+}
+.omg-no .omg-icon {
+        color: #a3a7b3;
+        font-size: 16px;
+}
+
+/* Important links
+--------------------------------------------- */
+.omg-links__grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 10px;
+}
+.omg-links__item {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        padding: 14px;
+        border: 1px solid var(--omg-border);
+        border-radius: var(--omg-radius-sm);
+        text-decoration: none;
+        transition: border-color .2s, transform .2s var(--omg-ease), box-shadow .2s;
+}
+.omg-links__item strong {
+        color: var(--omg-ink);
+        font-size: 14px;
+}
+.omg-links__item span {
+        color: var(--omg-muted);
+        font-size: 12.5px;
+        line-height: 1.45;
+}
+.omg-links__item:hover,
+.omg-links__item:focus {
+        border-color: var(--omg-blue);
+        transform: translateY(-2px);
+        box-shadow: 0 8px 18px rgba(37, 70, 224, .08);
+}
+.omg-links__item:hover strong {
+        color: var(--omg-blue);
+}
+
+/* Expert banner & footer
+--------------------------------------------- */
+.omg-links {
+        display: flex;
+        flex-direction: column;
+}
+.omg-expert {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 16px;
+        margin-top: 10px;
+        padding: 20px;
+        border: 1px solid #d9dffb;
+        border-radius: var(--omg-radius-sm);
+        background:
+                radial-gradient(60% 120% at 100% 50%, rgba(123, 47, 247, .1), transparent 60%),
+                var(--omg-blue-soft);
+}
+.omg-links .omg-links__grid {
+        margin-bottom: 18px;
+}
+.omg-wrap .omg-expert__list {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin: 14px 0 0;
+        padding: 0;
+        list-style: none;
+}
+.omg-wrap .omg-expert__list li {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        margin: 0;
+        padding: 5px 11px;
+        border-radius: 999px;
+        background: var(--omg-surface);
+        color: var(--omg-ink);
+        font-size: 12.5px;
+        font-weight: 700;
+}
+.omg-expert__list .omg-icon {
+        color: var(--omg-blue);
+        font-size: 14px;
+}
+.omg-expert__btn {
+        flex: none;
+        width: 100%;
+}
+.omg-wrap .omg-expert__title {
+        margin: 0 0 4px;
+        color: var(--omg-ink);
+        font-size: 17px;
+        font-weight: 800;
+}
+.omg-expert__desc {
+        margin: 0;
+        color: var(--omg-text);
+        font-size: 14px;
+}
+.omg-footer {
+        display: flex;
+        justify-content: space-between;
+        gap: 12px;
+        flex-wrap: wrap;
+        margin: 26px 0 10px;
+        color: var(--omg-muted);
+        font-size: 13px;
+}
+.omg-footer p {
+        margin: 0;
+}
+.omg-footer a {
+        color: var(--omg-blue);
+}
+
+/* Welcome notice
+--------------------------------------------- */
+.notice.omg-notice {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 22px;
+        margin: 18px 20px 14px 2px;
+        padding: 20px 56px 20px 20px;
+        border: 1px solid var(--omg-border);
+        border-left: 4px solid var(--omg-blue);
+        border-radius: var(--omg-radius);
+        background: var(--omg-surface);
+        box-shadow: var(--omg-shadow);
+        animation: omg-rise .45s var(--omg-ease) both;
+        transition: opacity .3s, transform .3s var(--omg-ease);
+}
+.notice.omg-notice.is-leaving {
+        opacity: 0;
+        transform: translateY(-6px);
+}
+.omg-notice__media {
+        width: 190px;
+        padding: 8px;
+        border-radius: var(--omg-radius-sm);
+        background: var(--omg-soft);
+        flex: none;
+}
+.omg-notice__media img {
+        display: block;
+        width: 100%;
+        height: auto;
+        border-radius: 6px;
+}
+.omg-notice__body {
+        min-width: 0;
+}
+.omg-notice .omg-notice__eyebrow {
+        margin: 0 0 4px;
+        padding: 0;
+        color: var(--omg-blue);
+        font-size: 12px;
+        font-weight: 700;
+        letter-spacing: .06em;
+        text-transform: uppercase;
+}
+.omg-notice .omg-notice__title {
+        margin: 0 0 6px;
+        color: var(--omg-ink);
+        font-size: 19px;
+        font-weight: 800;
+        line-height: 1.25;
+}
+.omg-notice .omg-notice__text {
+        margin: 0 0 12px;
+        padding: 0;
+        color: var(--omg-muted);
+        font-size: 13.5px;
+        line-height: 1.55;
+}
+.omg-notice__progress {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        max-width: 360px;
+        margin-bottom: 14px;
+}
+.omg-notice__progress .omg-progress {
+        flex: 1;
+        height: 6px;
+}
+.omg-notice__count {
+        color: var(--omg-muted);
+        font-size: 12.5px;
+        font-weight: 700;
+        white-space: nowrap;
+}
+.omg-notice__actions {
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+}
+.omg-notice .omg-btn {
+        min-height: 38px;
+        font-size: 13px;
+        text-decoration: none;
+}
+/* Core styles links inside .notice, so restate the button colors */
+.notice.omg-notice .omg-btn--primary,
+.notice.omg-notice .omg-btn--primary:hover,
+.notice.omg-notice .omg-btn--primary:focus,
+.notice.omg-notice .omg-btn--outline-pink:hover,
+.notice.omg-notice .omg-btn--outline-pink:focus {
+        color: #fff;
+}
+.notice.omg-notice .omg-btn--outline-pink {
+        color: var(--omg-pink);
+}
+.notice.omg-notice .omg-btn--premium,
+.notice.omg-notice .omg-btn--premium:hover,
+.notice.omg-notice .omg-btn--premium:focus {
+        color: #fff;
+}
+.notice.omg-notice .omg-btn--outline,
+.notice.omg-notice .omg-btn--outline:hover,
+.notice.omg-notice .omg-btn--outline:focus {
+        color: var(--omg-ink);
+}
+
+/* Setup finished: notice stays on the Dashboard only */
+.notice.omg-notice--complete {
+        border-left-color: var(--omg-green);
+}
+.omg-notice--complete .omg-notice__eyebrow {
+        color: var(--omg-green);
+}
+.omg-notice--complete .omg-progress__bar {
+        background: var(--omg-green);
+}
+.notice.omg-notice .omg-btn--outline-pink:hover,
+.notice.omg-notice .omg-btn--outline-pink:focus {
+        color: #fff;
+}
+.omg-notice__close {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        display: grid;
+        place-items: center;
+        width: 30px;
+        height: 30px;
+        border-radius: 50%;
+        color: var(--omg-muted);
+        transition: background-color .2s, color .2s;
+}
+.omg-notice__close:hover,
+.omg-notice__close:focus {
+        background: var(--omg-soft);
+        color: var(--omg-ink);
+}
+.omg-notice__close svg {
+        width: 16px;
+        height: 16px;
+}
+
+/* Highlights: demo & premium buttons, animated bundle border
+--------------------------------------------- */
+.omg-btn--demo,
+.omg-btn--premium {
+        position: relative;
+        overflow: hidden;
+        color: #fff;
+        isolation: isolate;
+}
+.omg-btn--demo {
+        background: linear-gradient(135deg, #7b2ff7, var(--omg-blue));
+        box-shadow: 0 6px 18px rgba(91, 60, 240, .35);
+}
+.omg-btn--premium {
+        background: linear-gradient(135deg, #ff8a00, var(--omg-pink));
+        box-shadow: 0 6px 18px rgba(227, 22, 91, .32);
+}
+.omg-btn--demo:hover,
+.omg-btn--demo:focus,
+.omg-btn--premium:hover,
+.omg-btn--premium:focus {
+        color: #fff;
+        filter: saturate(1.15) brightness(1.05);
+}
+.omg-btn--demo:hover {
+        box-shadow: 0 10px 24px rgba(91, 60, 240, .45);
+}
+.omg-btn--premium:hover {
+        box-shadow: 0 10px 24px rgba(227, 22, 91, .42);
+}
+/* Light sweep across the button */
+.omg-btn--demo::after,
+.omg-btn--premium::after {
+        content: '';
         position: absolute;
         top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        z-index: 999;
-        background: rgba(255,255,255,0.8);
-}
-.spinning .step-loading .spinner {
-        float: none;
+        left: -60%;
+        z-index: -1;
+        width: 40%;
+        height: 100%;
+        background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent);
+        transform: skewX(-20deg);
+        animation: omg-shine 3.4s ease-in-out infinite;
+}
+.omg-btn--premium::after {
+        animation-delay: 1.2s;
+}
+.omg-btn--premium .omg-icon {
+        font-size: 15px;
+        color: #ffe27a;
+}
+.omg-live-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: #3dff9a;
+        flex: none;
+        animation: omg-live 1.6s ease-out infinite;
+}
+.omg-compare__demo {
+        margin-top: 18px;
+}
+
+/* Tags on the important links */
+.omg-links__item strong {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        flex-wrap: wrap;
+}
+.omg-tag {
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        padding: 2px 8px;
+        border-radius: 999px;
+        font-size: 10.5px;
+        font-style: normal;
+        font-weight: 800;
+        letter-spacing: .05em;
+        text-transform: uppercase;
+}
+.omg-tag--live {
+        background: #e5f8ee;
+        color: var(--omg-green);
+}
+.omg-tag--live .omg-live-dot {
+        width: 6px;
+        height: 6px;
+        background: var(--omg-green);
+}
+.omg-tag--pro {
+        background: linear-gradient(135deg, #ff8a00, var(--omg-pink));
+        color: #fff;
+}
+.omg-links__item--demo,
+.omg-links__item--premium {
+        border: 1.5px solid transparent;
+}
+.omg-links__item--demo {
+        background: linear-gradient(#f8f6ff, #f8f6ff) padding-box, linear-gradient(135deg, #7b2ff7, var(--omg-blue)) border-box;
+}
+.omg-links__item--premium {
+        background: linear-gradient(#fff8f3, #fff8f3) padding-box, linear-gradient(135deg, #ff8a00, var(--omg-pink)) border-box;
+}
+.omg-links__item--demo:hover,
+.omg-links__item--demo:focus,
+.omg-links__item--premium:hover,
+.omg-links__item--premium:focus {
+        border-color: transparent;
+}
+
+/* Hero tint */
+.omg-hero {
+        background:
+                radial-gradient(70% 120% at 100% 0%, #eef0ff 0%, transparent 60%),
+                radial-gradient(50% 80% at 0% 100%, #fff1f5 0%, transparent 60%),
+                var(--omg-surface);
+}
+
+/* Rotating gradient border on the bundle card */
+.omg-card.omg-glow-border {
+        border: 0;
+        padding: 31px;
+        isolation: isolate;
+        overflow: hidden;
+        box-shadow: 0 14px 36px rgba(227, 22, 91, .2);
+}
+.omg-glow-border::before {
+        content: '';
         position: absolute;
         top: 50%;
         left: 50%;
-        visibility: visible;
-        -webkit-transform: translate(-50%,-50%);
-        transform: translate(-50%,-50%);
-}
-.spinning a.do-it {
-        visibility: hidden;
-}
-.whizzie-menu li.step {
-        visibility: hidden;
-}
-.whizzie-menu li.active-step {
-        visibility: visible;
-}
-.loaded .whizzie-menu li.step {
-        visibility: visible;
-        display: none;
-}
-.loaded .whizzie-menu li.active-step {
-        display: list-item;
-}
-.spinning .spinner {
-        visibility: visible;
-        float: none;
-        text-align: center;
-}
-.button-wrap {
-        display: inline-block;
-        margin: 1em 0;
-}
-.whizzie-menu .detail ul {
+        z-index: -2;
+        width: 250%;
+        aspect-ratio: 1;
+        background: conic-gradient(from 0deg, var(--omg-pink), #ff8a00, #ffd23f, #7b2ff7, var(--omg-blue), var(--omg-pink));
+        transform: translate(-50%, -50%);
+        animation: omg-rotate 4s linear infinite;
+}
+.omg-glow-border::after {
+        content: '';
+        position: absolute;
+        inset: 3px;
+        z-index: -1;
+        border-radius: calc(var(--omg-radius) - 3px);
+        background: radial-gradient(90% 60% at 100% 0%, #fff0f5, transparent 60%), var(--omg-surface);
+}
+
+/* Focus mode: only the setup card until the demo is imported
+--------------------------------------------- */
+.omg-layout {
+        position: relative;
+}
+.omg-wrap > :not(.omg-layout),
+.omg-main {
+        transition: filter .6s var(--omg-ease), opacity .6s var(--omg-ease);
+}
+.omg-wrap.is-focus > :not(.omg-layout),
+.omg-wrap.is-focus .omg-main {
+        filter: blur(5px) grayscale(.15);
+        opacity: .45;
+        pointer-events: none;
+        user-select: none;
+}
+.omg-setup {
+        transition: box-shadow .5s var(--omg-ease), border-color .5s;
+}
+.omg-wrap.is-focus .omg-setup {
+        z-index: 2;
+        border-color: var(--omg-blue);
+        box-shadow: 0 0 0 5px rgba(37, 70, 224, .14), 0 24px 60px rgba(17, 19, 24, .16);
+}
+.omg-kicker--blue {
+        color: var(--omg-blue);
+}
+.omg-focus-tip {
+        position: absolute;
+        top: 22px;
+        left: calc(360px + 36px);
+        z-index: 3;
+        width: 330px;
+        padding: 22px;
+        border: 1px solid var(--omg-border);
+        border-radius: var(--omg-radius);
+        background: var(--omg-surface);
+        box-shadow: 0 22px 54px rgba(17, 19, 24, .2);
+        animation: omg-pop .5s var(--omg-ease) .3s both;
+        transition: opacity .35s, transform .35s var(--omg-ease);
+}
+/* Arrow pointing at the setup card */
+.omg-focus-tip::before {
+        content: '';
+        position: absolute;
+        top: 34px;
+        left: -8px;
+        width: 15px;
+        height: 15px;
+        border-left: 1px solid var(--omg-border);
+        border-bottom: 1px solid var(--omg-border);
+        background: var(--omg-surface);
+        transform: rotate(45deg);
+}
+.omg-focus-tip.is-leaving {
+        opacity: 0;
+        transform: translateY(-8px) scale(.97);
+}
+.omg-focus-tip__icon {
+        display: grid;
+        place-items: center;
+        width: 40px;
+        height: 40px;
+        margin-bottom: 12px;
+        border-radius: 12px;
+        background: linear-gradient(135deg, #7b2ff7, var(--omg-blue));
+        color: #fff;
+        font-size: 20px;
+        box-shadow: 0 8px 18px rgba(91, 60, 240, .3);
+}
+.omg-wrap .omg-focus-tip__title {
+        margin: 0 0 8px;
+        color: var(--omg-ink);
+        font-size: 18px;
+        font-weight: 800;
+}
+.omg-focus-tip__text {
+        margin: 0 0 16px;
+        color: var(--omg-muted);
+        font-size: 13.5px;
+        line-height: 1.6;
+}
+.omg-focus-tip__actions {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+}
+.omg-focus-tip__actions .omg-btn {
+        min-height: 38px;
+}
+.omg-focus-tip__actions .omg-skip {
         margin: 0;
-        background-color: #fff;
-}
-.plugin-info {
-    display: flex;
-    justify-content: space-evenly;
-    border-bottom: 1px solid #B5BCC2;
-    background: #fff;
-}
-
-ul.whizzie-nav {
-    list-style: none;
-    display: webkit-flex;
-    justify-content: space-evenly;
-    margin: 45px 27px 45px 0;
-    display: flex;
-    position: absolute;
-    width: 100%;
-    top: 40px;
-}
-ul.whizzie-nav li {
-    opacity: 1;
-    transition: all 0.25s;
-    margin: -5px 0 0px 0;
-}
-ul.whizzie-nav li.active-step .step-number {
-        background-color: #2271B1;
-}
-ul.whizzie-do-plugins li span {
-    color: #50575E;
-    font-size: 13px;
-    font-weight: 300;
-}
-ul.whizzie-do-plugins li, ul.whizzie-do-plugins li.plugin-heading, ul.whizzie-do-plugins li.plugin-heading span {
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    color: #2271B1;
-    font-size: 14px;
-    font-weight: 500;
-    padding: 10px 0;
-}
-ul.whizzie-do-plugins li.plugin-heading {
-    padding: 0;
-}
-ul.whizzie-nav li.done-step span {
-    background: #000;
-}
-ul.whizzie-nav .step-number {
-    font-size: 20px;
-    background: #C5C5C5;
-    padding: 15px 20px;
-    border-radius: 50%;
-    color: white !important;
-}
-.whizzie-wrap.loaded .summary p{
-        font-size: 16px;
-}
-ul.whizzie-nav {
-    list-style: none;
-    display: webkit-flex;
-    justify-content: space-between;
-    margin: 45px 27px 45px 0;
-    display: flex;
-    position: absolute;
-    width: 100%;
-    top: 50px;
-}
-
-/* ------- Setup Guid --------- */
-li.step {
-    text-align: center;
-}
-#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-dots{
-        text-align: center;
-        padding-top: 25px;
-}
-#skin-care-solutions-demo-setup-guid ol li{
-        list-style: decimal;
-        font-size: 15px;
-        font-weight: 600;
-}
-#skin-care-solutions-demo-setup-guid h4{
-        font-size: 17px;
-}
-#skin-care-solutions-demo-setup-guid h3{
-        font-weight: 900;
-        font-size: 19px;
-}
-#skin-care-solutions-demo-setup-guid h3:before{
-        content: "\f155";
-        font-family: dashicons;
-        font-weight: 400;
-        display: inline-block;
-        position: relative;
-    top: 2px;
-    padding-right: 6px;
-}
-#skin-care-solutions-demo-setup-guid p{
-        font-size: 15px;
-}
-.whizzie-menu .step-plugins{
-        height: 100% !important;
-}
-#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-social-icon{
-        display: none;
-}
-/*---------------Additional CSS----------------*/
-.appearance_page_skincaresolutions-wizard h1 {
-        display: none;
-}
-.appearance_page_skincaresolutions-wizard h2 {
-    text-align: center;
-    margin-bottom: 20px;
-    color: #000000;
-    font-weight: 700;
-    font-size: 30px;
-}
-.demo_content {
-    width: 75%;
-    text-align: left;
-    font-size: 12px;
-    margin-right: 3%;
-    position: relative;
-}
-.demo_content_image {
-    display: flex;
-    align-items: flex-start;
-}
-.homepage-setup-links {
-    width: 100%;
-    text-align: center;
-}
-.homepage-setup-links.buttons a,.btnsss a{
-        font-size: 16px;
-        font-weight: 600;
-        padding: 0 20px;
-        border-radius: 0;
-}
-
-
-.customize_div.finish {
-    display: flex;
-    justify-content: center;
-    gap: 0 120px;
-    align-items: center;
-}
-.customize_div.finish.btns {
-    flex-direction: column;
-}
-.btnsss {
-    display: grid;
-    align-items: center;
-    justify-content: center;
-    grid-gap: 25px;
-}
-.btnsss a {
-    padding: 5px 35px !important;
-    border-radius: 0 !important;
-}
-.customize_div.finish.btns h3 {
-    font-size: 30px !important;
-    margin-bottom: 50px;
-    margin-top: 0;
-}
-.skin-care-solutions-setup-finish img {
-    width: 100%;
-    max-width: 400px;
-}
-.whizzie-menu h2 {
-    font-size: 30px;
-    font-weight: 700;
-    line-height: 35px;
-    margin-bottom: 140px;
-}
-.homepage-setup-links {
-    margin-top: 60px;
-}
-.blank-border {
-    position: absolute;
-    border: 4px solid #C5C5C5;
-    width: 97%;
-    z-index: -1;
-}
-.homepage-setup-links.buttons {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr;
-    grid-gap: 30px;
-    place-content: center;
-}
-
-
-.homepage-setup-theme-bundle-three img {
-    height: 180px;
-    object-fit: cover;
-    width: 100%;
-}
-.homepage-setup-theme-buynow-two img {
-    object-fit: cover;
-    width: 100%;
-}
-.homepage-setup-theme-bundle-one h1 {
-    display: block;
-    font-size: 35px;
-    color: #000;
-    font-weight: 600;
-    padding-top: 0;
-}
-.homepage-setup-theme-bundle-one p,.homepage-setup-theme-buynow-three p {
-    font-size: 16px;
-    color: #000;
-    font-weight: 400;
-    margin: 0;
-}
-.homepage-setup-theme-bundle-one p span,.homepage-setup-theme-buynow-three p span{
-        color: #FF1B82;
-        font-weight: 600;
-}
-.homepage-setup {
-    background: #fff;
-    padding: 10px;
-    border-radius: 10px;
-    box-shadow: 0px 0px 10px 10px #00000009;
-}
-.homepage-setup-theme-bundle {
-    display: flex;
-        align-items: center;
-    padding: 10px;
-    border-radius: 10px;
-        border: 4px solid #FF1B82;
-}
-.homepage-setup-theme-bundle-one {
-    width: 25%;
-    padding-left: 20px;
-    border-left: 5px solid #000;
-}
-
-.homepage-setup-theme-bundle-two{
-        width: 10%;
-}
-
-.homepage-setup-theme-bundle-three{
-        width: 50%;
-        padding: 0 30px;
-}
-
-.homepage-setup-theme-bundle-four{
-        width: 15%;
-        text-align: center;
-}
-
-.homepage-setup-theme-bundle-two p {
-    font-size: 20px;
-    background: linear-gradient(180deg, #FF1980 0%, #FF685A 100%);
-    border-radius: 50%;
-    padding: 30px 14px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    color: #fff;
-    outline: 2px solid #fff;
-    outline-offset: -7px;
-    font-weight: 600;
-    margin: 0;
-}
-.homepage-setup-theme-bundle-two p span {
-    font-size: 40px;
-    font-weight: 900;
-    line-height: 35px;
-}
-
-.homepage-setup-theme-bundle-four p span {
-    font-size: 30px;
-    text-decoration: line-through;
-    font-weight: 400;
-}
-.homepage-setup-theme-bundle-four p {
-    color: #000;
-    font-size: 54px;
-    font-weight: 600;
-    margin: 0 0 15px;
-}
-
-.homepage-setup-theme-bundle-four a {
-    font-size: 22px;
-    background: linear-gradient(180deg, #FF1980 0%, #FF685A 100%);
-    border-radius: 10px;
-    padding: 15px 35px;
-    color: #fff;
-    font-weight: 600;
-    text-decoration: none;
-    margin: 0 auto;
-    text-align: center;
-}
-
-
-
-.homepage-setup-image {
-    width: 25%;
-}
-.homepage-setup-theme-buynow {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 15px;
-    border-radius: 10px;
-    box-shadow: 0px 0px 10px 10px #00000009;
-    background: #fff;
-        position: relative;
-}
-
-.homepage-setup-theme-buynow-one h1 {
-    color: #000;
-    font-weight: 600;
-    font-size: 28px;
-    display: block;
-    padding-top: 70px;
-}
-.homepage-setup-theme-buynow-three {
-    text-align: center;
-}
-.homepage-setup-theme-buynow-three p {
-    font-size: 17px;
-    color: #000;
-    font-weight: 400;
-    margin: 10px 0 0 0;
-    line-height: 18px;
-}
-.homepage-setup-theme-buynow-four a {
-    font-size: 18px;
-    color: #fff;
-    padding: 10px;
-    font-weight: 600;
-    text-decoration: none;
-}
-.homepage-setup-theme-buynow-four {
-    background: linear-gradient(180deg, #FF1980 0%, #FF685A 100%);
-    border-radius: 10px;
-    padding: 10px;
-    margin-top: 30px;
-    text-align: center;
-}
-
-.homepage-setup-theme-buynow-one p {
-    box-shadow: 0px 0px 8px 4px #00000020;
-    border-radius: 0px 0px 8px 10px;
-    font-size: 12px;
-    background: linear-gradient(180deg, #FF1980 0%, #FF685A 100%);
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    color: #fff;
-    outline: 2px solid #fff;
-    outline-offset: -8px;
-    font-weight: 500;
-    margin: 0;
-    outline-style: dashed;
-    position: absolute;
-    top: 0;
-    right: 15px;
-    padding: 15px;
-}
-
-.homepage-setup-theme-buynow-one p span {
-    font-size: 30px;
-    margin: 0;
-    line-height: 30px;
-}
-
-@media screen and (max-width: 1500px) {
-        .homepage-setup-theme-bundle-two p {
+}
+
+/* Motion
+--------------------------------------------- */
+@keyframes omg-rise {
+        from { opacity: 0; transform: translateY(10px); }
+        to { opacity: 1; transform: translateY(0); }
+}
+@keyframes omg-spin {
+        to { transform: rotate(360deg); }
+}
+@keyframes omg-pop {
+        from { opacity: 0; transform: translateX(-10px) scale(.96); }
+        to { opacity: 1; transform: translateX(0) scale(1); }
+}
+@keyframes omg-rotate {
+        to { transform: translate(-50%, -50%) rotate(360deg); }
+}
+@keyframes omg-shine {
+        0% { left: -60%; }
+        55%, 100% { left: 130%; }
+}
+@keyframes omg-live {
+        0% { box-shadow: 0 0 0 0 rgba(61, 255, 154, .7); }
+        70% { box-shadow: 0 0 0 7px rgba(61, 255, 154, 0); }
+        100% { box-shadow: 0 0 0 0 rgba(61, 255, 154, 0); }
+}
+@keyframes omg-pulse {
+        0%, 100% { transform: scale(1); }
+        50% { transform: scale(1.06); }
+}
+@media (prefers-reduced-motion: reduce) {
+        .omg-wrap *,
+        .omg-notice,
+        .omg-notice * {
+                animation: none !important;
+                transition: none !important;
+        }
+}
+
+/* Responsive
+--------------------------------------------- */
+@media (max-width: 1280px) {
+        .omg-promos,
+        .omg-info {
+                grid-template-columns: 1fr;
+        }
+}
+@media (max-width: 1080px) {
+        .omg-layout {
+                grid-template-columns: 1fr;
+        }
+        .omg-focus-tip {
+                position: relative;
+                top: auto;
+                left: auto;
+                order: -1;
+                width: auto;
+        }
+        .omg-focus-tip::before {
+                top: auto;
+                bottom: -8px;
+                left: 40px;
+                transform: rotate(-45deg);
+        }
+}
+@media (max-width: 782px) {
+        .omg-wrap {
+                margin: 16px 10px 0 0;
+        }
+        .omg-wrap .omg-title {
+                font-size: 24px;
+        }
+        .omg-header {
+                align-items: flex-start;
+                flex-direction: column;
+        }
+        .omg-layout,
+        .omg-main,
+        .omg-promos,
+        .omg-info {
+                gap: 16px;
+        }
+        .omg-hero {
+                grid-template-columns: 1fr;
+                gap: 20px;
+        }
+        .omg-hero__media {
+                order: -1;
+        }
+        .omg-hero__media img {
+                width: 100%;
+                height: auto;
+        }
+        .omg-wrap .omg-hero__title {
+                font-size: 24px;
+        }
+        .omg-footer {
+                flex-direction: column;
+        }
+        .notice.omg-notice {
+                margin-right: 10px;
+        }
+        .omg-notice__media {
+                display: none;
+        }
+}
+@media (max-width: 480px) {
+        .omg-card,
+        .omg-pro,
+        .omg-bundle {
+                padding: 18px;
+        }
+        .omg-card.omg-glow-border {
+                padding: 21px;
+        }
+        .omg-wrap .omg-title {
+                font-size: 21px;
+        }
+        .omg-wrap .omg-pro__title,
+        .omg-wrap .omg-bundle__title {
+                font-size: 19px;
+        }
+        .omg-wrap .omg-pro__title {
+                max-width: 75%;
+        }
+        .omg-pro__ribbon {
+                top: 18px;
+                right: -54px;
+                font-size: 10.5px;
+        }
+        .omg-pro__previews {
+                gap: 6px;
+                padding: 6px;
+        }
+        .omg-pro__preview-label {
+                left: 4px;
+                bottom: 4px;
+                padding: 2px 6px;
+                font-size: 9px;
+        }
+        .omg-pro__price strong,
+        .omg-price strong {
+                font-size: 28px;
+        }
+        .omg-hero__actions .omg-btn {
+                flex: 1 1 100%;
+        }
+        .omg-bundle__seal {
+                width: 60px;
+                height: 60px;
+        }
+        .omg-bundle__seal b {
                 font-size: 18px;
-                padding: 20px 15px;
-        }
-        .homepage-setup-theme-bundle-four p {
-                font-size: 45px;
-        }
-        .homepage-setup-theme-bundle-four a {
-                font-size: 18px;
-                padding: 15px 20px;
-        }
-        .homepage-setup-theme-buynow-four a {
-                font-size: 16px;
-        }
-        .homepage-setup-theme-buynow-one p span {
-                font-size: 25px;
-                line-height: 25px;
-        }
-        .homepage-setup-theme-buynow-one p {
-                right: 10px;
-                padding: 12px;
-        }
-}
-
-@media screen and (max-width: 1100px) {
-        .homepage-setup-theme-bundle {
-                display: grid;
-                grid-template-columns: 1fr 1fr;
-        }
-        .homepage-setup-theme-bundle-one,.homepage-setup-theme-bundle-three{
-                width: 90%;
-        }
-        .homepage-setup-theme-bundle-two p {
-        font-size: 18px;
-        padding: 25px 20px;
-    }
-        .homepage-setup-image {
-                width: 35%;
-        }
-        .demo_content {
-                width: 65%;
-        }
-        .homepage-setup-theme-bundle-two,.homepage-setup-theme-bundle-four{
+        }
+        .omg-expert {
+                padding: 16px;
+        }
+        .omg-links__grid,
+        .omg-chips {
+                grid-template-columns: 1fr;
+        }
+        .omg-header__actions {
                 width: 100%;
         }
-        .homepage-setup-theme-bundle {
-        display: grid;
-        grid-template-columns: auto auto;
-    }
-    ul.whizzie-nav {
-                top: 90px;
-        }
-        .homepage-setup-links.buttons {
-                grid-template-columns: 1fr 1fr;
-        }
-}
-@media screen and (max-width: 600px) {
-    ul.whizzie-nav {
-        top: 55px;
-    }
-        .homepage-setup-links.buttons {
-                grid-template-columns: 1fr;
-        }
-        .whizzie-menu h2 {
-                font-size: 22px;
-                line-height: 25px;
-                margin-bottom: 100px;
-        }
-        ul.whizzie-nav .step-number {
-                padding: 10px 15px;
-        }
-        .demo_content_image {
-                display: block;
-        }
-        .demo_content {
-                width: 100%;
-        }
-        .homepage-setup-theme-bundle {
-        grid-template-columns: auto;
-        padding-bottom: 40px;
-    }
-        .homepage-setup-theme-bundle-two {
-                margin: 10px 0;
-        }
-        .homepage-setup-image {
-        width: 100%;
-    }
-        .homepage-setup-theme-buynow {
-                margin-top: 50px;
-        }
-    .homepage-setup-theme-bundle-two p {
-        width: 120px;
-        margin: 0 auto;
-    }
-        .homepage-setup-theme-bundle-one, .homepage-setup-theme-bundle-three {
-        width: 100%;
-    }
-        .homepage-setup-theme-bundle-three {
-        padding: 0;
-    }
-        .homepage-setup-theme-bundle-one {
-                padding-left: 5px;
-        }
-        .homepage-setup-theme-bundle-four p {
-        font-size: 40px;
-    }
-}
-.notice-content {
-    padding: 0px 10px 20px 15px;
-}
-.welcome a{
-    font-size: 21px;
-    padding: 8px 17px 38px;
-}
-.notice p.dismiss-link {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    margin: 0;
-    padding: 0;
-}
-.notice {
-    position: relative;
-}
-.info-link a{
-    padding: 3px 27px;
-    font-size: 13px;
-    background: #2271b1;
-    border:1px solid #2271b1;
-    color: #fff;
-    text-decoration: none;
-    text-shadow: none;
-    display: inline-block;
-    line-height: 2.15384615;
-    border-radius: 3px;
-    cursor: pointer;
-}
-
-/* NOITICE BUNDLE */
-
-.notice-bundle {
-    background: linear-gradient(135deg, #ff7a18, #ffb347) !important;
-    color: #fff !important;
-    padding: 5px 18px !important;
-    margin-left: 10px;
-    font-weight: 600 !important;
-    text-decoration: none !important;
-    display: inline-block !important;
-    border: none !important;
-    outline: none !important;
-}
-
-.bundle-overlay {
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.65);
-    display: none;
-    align-items: center;
-    justify-content: center;
-    z-index: 9999;
-}
-
-.bundle-modal {
-    background: #fff;
-    width: 90%;
-    max-width: 420px;
-    padding: 30px;
-    border-radius: 12px;
-    text-align: center;
-    animation: popupScale 0.4s ease;
-    position: relative;
-}
-
-@keyframes popupScale {
-    from {
-    transform: scale(0.85);
-    opacity: 0;
-    }
-    to {
-    transform: scale(1);
-    opacity: 1;
-    }
-}
-
-.sale-badge {
-    background: #ff3b3b;
-    color: #fff;
-    display: inline-block;
-    padding: 6px 14px;
-    border-radius: 20px;
-    font-size: 13px;
-    margin-bottom: 12px;
-    font-weight: 600;
-    animation: pulse 1s infinite;
-}
-
-@keyframes pulse {
-    0% { transform: scale(1); }
-    50% { transform: scale(1.08); }
-    100% { transform: scale(1); }
-}
-
-.bundle-modal h2 {
-    margin: 10px 0;
-}
-
-.bundle-modal ul {
-    text-align: center;
-    padding-left: 0;
-}
-
-.bundle-cta {
-    display: block;
-    margin-top: 20px;
-    background: linear-gradient(135deg, #ff7a18, #ffb347);
-    color: #fff;
-    padding: 12px;
-    border-radius: 6px;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.close-popup {
-    position: absolute;
-    top: 10px;
-    right: 14px;
-    font-size: 22px;
-    cursor: pointer;
-}
-
-
-
-
-/* NOITICE BUNDLE */
-
-.notice-bundle {
-    background: linear-gradient(135deg, #ff7a18, #ffb347) !important;
-    color: #fff !important;
-    padding: 5px 18px !important;
-    margin-left: 10px;
-    font-weight: 600 !important;
-    text-decoration: none !important;
-    display: inline-block !important;
-    border: none !important;
-    outline: none !important;
-}
-
-.bundle-overlay {
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.65);
-    display: none;
-    align-items: center;
-    justify-content: center;
-    z-index: 9999;
-}
-
-.bundle-modal {
-    background: #fff;
-    width: 90%;
-    max-width: 420px;
-    padding: 30px;
-    border-radius: 12px;
-    text-align: center;
-    animation: popupScale 0.4s ease;
-    position: relative;
-}
-
-@keyframes popupScale {
-    from {
-    transform: scale(0.85);
-    opacity: 0;
-    }
-    to {
-    transform: scale(1);
-    opacity: 1;
-    }
-}
-
-.sale-badge {
-    background: #ff3b3b;
-    color: #fff;
-    display: inline-block;
-    padding: 6px 14px;
-    border-radius: 20px;
-    font-size: 13px;
-    margin-bottom: 12px;
-    font-weight: 600;
-    animation: pulse 1s infinite;
-}
-
-@keyframes pulse {
-    0% { transform: scale(1); }
-    50% { transform: scale(1.08); }
-    100% { transform: scale(1); }
-}
-
-.bundle-modal h2 {
-    margin: 10px 0;
-}
-
-.bundle-modal ul {
-    text-align: center;
-    padding-left: 0;
-}
-
-.bundle-cta {
-    display: block;
-    margin-top: 20px;
-    background: linear-gradient(135deg, #ff7a18, #ffb347);
-    color: #fff;
-    padding: 12px;
-    border-radius: 6px;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.close-popup {
-    position: absolute;
-    top: 10px;
-    right: 14px;
-    font-size: 22px;
-    cursor: pointer;
-}
+        .omg-header__actions .omg-btn {
+                flex: 1;
+        }
+}
+@media (max-width: 360px) {
+        .omg-header__actions {
+                flex-direction: column;
+        }
+        .omg-compare__table th:not(:first-child),
+        .omg-compare__table td:not(:first-child) {
+                width: 44px;
+        }
+        .omg-pro__preview-label {
+                font-size: 8px;
+        }
+}

skin-care-solutions/1.4.2/inc/homepage-setup/assets/js/homepage-setup-script.js

@@ -1 @@
-var Skin_Care_Solutions_Whizzie = (function($){
-    var t;
-        var current_step = '';
-        var step_pointer = '';
-
-    // callbacks from form button clicks.
-    var callbacks = {
-                skin_care_solutions_do_next_step: function( btn ) {
-                        skin_care_solutions_do_next_step( btn );
-                },
-        install_plugins: function(btn){
-            var plugins = new skin_care_solutions_PluginManager();
-            plugins.init( btn );
-        },
-                skin_care_solutions_install_widgets: function( btn ) {
-                        var widgets = new skin_care_solutions_WidgetManager();
-                        widgets.init( btn );
-                },
-        skin_care_solutions_install_content: function(btn){
-            var content = new skin_care_solutions_ContentManager();
-            content.init( btn );
-        }
-    };
-
-    function skin_care_solutions_window_loaded() {
-                var maxHeight = 0;
-                
-                $( '.whizzie-menu li.step' ).each( function( index ) {
-                        $(this).attr( 'data-height', $(this).innerHeight() );
-                        if( $(this).innerHeight() > maxHeight ) {
-                                maxHeight = $(this).innerHeight();
-                        }
-                });
-                
-                $( '.whizzie-menu li .detail' ).each( function( index ) {
-                        $(this).attr( 'data-height', $(this).innerHeight() );
-                        $(this).addClass( 'scale-down' );
-                });
-                
-
-                $( '.whizzie-menu li.step' ).css( 'height', '100%' );
-                $( '.whizzie-menu li.step:first-child' ).addClass( 'active-step' );
-                $( '.whizzie-nav li:first-child' ).addClass( 'active-step' );
-                
-                $( '.whizzie-wrap' ).addClass( 'loaded' );
-                
-        // init button clicks:
-        $('.do-it').on( 'click', function(e) {
-                        e.preventDefault();
-                        step_pointer = $(this).data('step');
-                        current_step = $('.step-' + $(this).data('step'));
-                        $('.whizzie-wrap').addClass( 'spinning' );
-            if($(this).data('callback') && typeof callbacks[$(this).data('callback')] != 'undefined'){
-                // we have to process a callback before continue with form submission
-                callbacks[$(this).data('callback')](this);
-                return false;
-            } else {
-                skin_care_solutions_loading_content();
-                return true;
-            }
-        });
-        $('.button-upload').on( 'click', function(e) {
-            e.preventDefault();
-            renderMediaUploader();
-        });
-        $('.theme-presets a').on( 'click', function(e) {
-            e.preventDefault();
-            var $ul = $(this).parents('ul').first();
-            $ul.find('.current').removeClass('current');
-            var $li = $(this).parents('li').first();
-            $li.addClass('current');
-            var newcolor = $(this).data('style');
-            $('#new_style').val(newcolor);
-            return false;
-        });
-    }
-
-    function skin_care_solutions_loading_content(){}
-        
-    function skin_care_solutions_do_next_step( btn ) {
-                current_step.removeClass( 'active-step' );
-                $( '.nav-step-' + step_pointer ).removeClass( 'active-step' );
-                current_step.addClass( 'done-step' );
-                $( '.nav-step-' + step_pointer ).addClass( 'done-step' );
-                current_step.fadeOut( 500, function() {
-                        current_step = current_step.next();
-                        step_pointer = current_step.data( 'step' );
-                        current_step.fadeIn();
-                        current_step.addClass( 'active-step' );
-                        $( '.nav-step-' + step_pointer ).addClass( 'active-step' );
-                        $('.whizzie-wrap').removeClass( 'spinning' );
-                });
-    }
-
-    function skin_care_solutions_PluginManager(){
-
-        var complete;
-        var items_completed = 0;
-        var current_item = '';
-        var $current_node;
-        var current_item_hash = '';
-                
-        function ajax_callback(response){
-            if(typeof response == 'object' && typeof response.message != 'undefined'){
-                $current_node.find('span').text(response.message);
-                if(typeof response.url != 'undefined'){
-                    // we have an ajax url action to perform.
-
-                    if(response.hash == current_item_hash){
-                        $current_node.find('span').text("failed");
-                        skin_care_solutions_find_next();
-                    }else {
-                        current_item_hash = response.hash;
-                        jQuery.post(response.url, response, function(response2) {
-                            skin_care_solutions_process_current();
-                            $current_node.find('span').text(response.message + whizzie_params.verify_text);
-                        }).fail(ajax_callback);
-                    }
-
-                }else if(typeof response.done != 'undefined'){
-                    // finished processing this plugin, move onto next
-                    skin_care_solutions_find_next();
-                }else{
-                    // error processing this plugin
-                    skin_care_solutions_find_next();
-                }
-            }else{
-                // error - try again with next plugin
-                $current_node.find('span').text("ajax error");
-                skin_care_solutions_find_next();
-            }
-        }
-        function skin_care_solutions_process_current() {
-            if(current_item){
-                // query our ajax handler to get the ajax to send to TGM
-                // if we don't get a reply we can assume everything worked and continue onto the next one.
-                jQuery.post(whizzie_params.ajaxurl, {
-                    action: 'setup_plugins',
-                    wpnonce: whizzie_params.wpnonce,
-                    slug: current_item
-                }, ajax_callback).fail(ajax_callback);
-            }
-        }
-        function skin_care_solutions_find_next(){
-            var do_next = false;
-            if($current_node){
-                if(!$current_node.data('done_item')){
-                    items_completed++;
-                    $current_node.data('done_item',1);
-                }
-                $current_node.find('.spinner').css('visibility','hidden');
-            }
-            var $li = $('.whizzie-do-plugins li');
-            $li.each(function(){
-                if(current_item == '' || do_next){
-                    current_item = $(this).data('slug');
-                    $current_node = $(this);
-                    skin_care_solutions_process_current();
-                    do_next = false;
-                }else if($(this).data('slug') == current_item){
-                    do_next = true;
-                }
-            });
-            if(items_completed >= $li.length){
-                // finished all plugins!
-                complete();
-            }
-        }
-        
-        return {
-            init: function(btn){
-                $('.envato-wizard-plugins').addClass('installing');
-                complete = function(){
-                    skin_care_solutions_do_next_step();
-                };
-                skin_care_solutions_find_next();
-            }
-        }
-    }
-        
-        function skin_care_solutions_WidgetManager() {
-                function skin_care_solutions_import_widgets(){
-            jQuery.post(
-                                whizzie_params.ajaxurl,
-                                {
-                                        action: 'skin_care_solutions_setup_widgets',
-                                        wpnonce: whizzie_params.wpnonce
-                                },
-                                complete
-                        );
+/**
+ * Getting Started page: setup steps, plugin installer, demo import,
+ * coupon copy buttons and the welcome notice dismiss.
+ */
+( function ( $ ) {
+        'use strict';
+
+        var params = window.skin_care_solutions_setup || {};
+        var i18n = params.i18n || {};
+
+        var Setup = {
+
+                init: function () {
+                        this.$root = $( '#omg-setup' );
+                        if ( ! this.$root.length ) {
+                                return;
+                        }
+                        this.total = parseInt( this.$root.data( 'total' ), 10 ) || this.$root.find( '.omg-step' ).length;
+
+                        this.$root.on( 'click', '.omg-step__head', this.onToggle.bind( this ) );
+                        this.$root.on( 'click', '[data-omg-complete]', this.onComplete.bind( this ) );
+                        this.$root.on( 'change', '.omg-plugin__check', this.updatePluginCount.bind( this ) );
+                        this.$root.on( 'click', '.omg-install-plugins', this.installPlugins.bind( this ) );
+                        this.$root.on( 'click', '.omg-import-demo', this.importDemo.bind( this ) );
+
+                        this.updatePluginCount();
+                },
+
+                // Accordion: only one step open at a time.
+                openStep: function ( $step ) {
+                        this.$root.find( '.omg-step.is-open' ).not( $step ).removeClass( 'is-open' )
+                                .find( '.omg-step__head' ).attr( 'aria-expanded', 'false' );
+                        $step.addClass( 'is-open' ).find( '.omg-step__head' ).attr( 'aria-expanded', 'true' );
+                },
+
+                closeStep: function ( $step ) {
+                        $step.removeClass( 'is-open' ).find( '.omg-step__head' ).attr( 'aria-expanded', 'false' );
+                },
+
+                onToggle: function ( e ) {
+                        var $step = $( e.currentTarget ).closest( '.omg-step' );
+                        if ( $step.hasClass( 'is-open' ) ) {
+                                this.closeStep( $step );
+                        } else {
+                                this.openStep( $step );
+                        }
+                },
+
+                onComplete: function ( e ) {
+                        var $el = $( e.currentTarget );
+                        // Links (e.g. "View your site") keep opening normally.
+                        if ( ! $el.is( 'a' ) ) {
+                                e.preventDefault();
+                        }
+                        this.completeStep( $el.data( 'omg-complete' ), true );
+                },
+
+                /**
+                 * Mark a step done, then move on to the next unfinished one.
+                 *
+                 * @param {string}  id   Step id.
+                 * @param {boolean} save Store it on the server (imports save themselves).
+                 */
+                completeStep: function ( id, save ) {
+                        var self = this;
+                        var $step = this.$root.find( '.omg-step[data-step="' + id + '"]' );
+
+                        if ( save ) {
+                                $.post( params.ajaxurl, { action: 'skin_care_solutions_setup_step', wpnonce: params.wpnonce, step: id } );
+                        }
+
+                        $step.addClass( 'is-done' );
+                        this.updateProgress();
+                        $( document ).trigger( 'omg:step-complete', [ id ] );
+
+                        window.setTimeout( function () {
+                                var $next = $step.nextAll( '.omg-step:not(.is-done)' ).first();
+                                if ( ! $next.length ) {
+                                        $next = self.$root.find( '.omg-step:not(.is-done)' ).first();
+                                }
+                                if ( $next.length ) {
+                                        self.openStep( $next );
+                                } else {
+                                        self.closeStep( $step );
+                                }
+                        }, 450 );
+                },
+
+                updateProgress: function () {
+                        var done = this.$root.find( '.omg-step.is-done' ).length;
+                        var pct = Math.max( 3, Math.round( done / this.total * 100 ) );
+
+                        this.$root.find( '.omg-setup__done' ).text( done );
+                        this.$root.find( '.omg-progress' ).attr( 'aria-valuenow', done );
+                        this.$root.find( '.omg-progress__bar' ).css( 'width', pct + '%' );
+                        this.$root.toggleClass( 'is-complete', done >= this.total );
+                },
+
+                showError: function ( $step, message ) {
+                        $step.find( '.omg-step__error' ).text( message ).prop( 'hidden', ! message );
+                },
+
+                setBusy: function ( $btn, busy, label ) {
+                        $btn.toggleClass( 'is-busy', busy ).prop( 'disabled', busy );
+                        if ( label ) {
+                                $btn.find( '.omg-btn__label' ).text( label );
+                        }
+                },
+
+                /* Plugins
+                --------------------------------------------- */
+
+                pendingPlugins: function () {
+                        return this.$root.find( '.omg-plugin:not(.is-ready)' ).filter( function () {
+                                return $( this ).find( '.omg-plugin__check' ).is( ':checked' );
+                        } );
+                },
+
+                updatePluginCount: function () {
+                        var count = this.pendingPlugins().length;
+                        var $btn = this.$root.find( '.omg-install-plugins' );
+                        $btn.find( '.omg-btn__count' ).text( '(' + count + ')' );
+                        if ( ! $btn.hasClass( 'is-busy' ) ) {
+                                $btn.prop( 'disabled', ! count );
+                        }
+                },
+
+                setPluginStatus: function ( $item, state, text ) {
+                        $item.find( '.omg-plugin__status' )
+                                .attr( 'class', 'omg-plugin__status omg-plugin__status--' + state )
+                                .text( text );
+                },
+
+                /**
+                 * Install / update / activate one plugin through TGMPA.
+                 * Our ajax handler returns the next TGMPA action until the plugin is active.
+                 */
+                installPlugin: function ( $item ) {
+                        var self = this;
+                        var deferred = $.Deferred();
+                        var lastHash = '';
+
+                        function fail() {
+                                $item.removeClass( 'is-working' );
+                                self.setPluginStatus( $item, 'failed', i18n.failed );
+                                deferred.reject();
+                        }
+
+                        function request() {
+                                $.post( params.ajaxurl, {
+                                        action: 'setup_plugins',
+                                        wpnonce: params.wpnonce,
+                                        slug: $item.data( 'slug' )
+                                } ).done( handle ).fail( fail );
+                        }
+
+                        function handle( response ) {
+                                if ( ! response || 'object' !== typeof response ) {
+                                        return fail();
+                                }
+                                if ( response.done ) {
+                                        $item.removeClass( 'is-working' ).addClass( 'is-ready' );
+                                        $item.find( '.omg-plugin__check' ).prop( 'disabled', true );
+                                        self.setPluginStatus( $item, 'active', i18n.active );
+                                        return deferred.resolve();
+                                }
+                                // Same action twice in a row means TGMPA could not finish it.
+                                if ( ! response.url || response.hash === lastHash ) {
+                                        return fail();
+                                }
+                                lastHash = response.hash;
+                                self.setPluginStatus( $item, 'working', response.message || i18n.installing );
+                                $.post( response.url, response ).always( request );
+                        }
+
+                        $item.addClass( 'is-working' );
+                        this.setPluginStatus( $item, 'working', i18n.installing );
+                        request();
+
+                        return deferred.promise();
+                },
+
+                installPlugins: function ( e ) {
+                        var self = this;
+                        var $btn = $( e.currentTarget );
+                        var $step = $btn.closest( '.omg-step' );
+                        var queue = this.pendingPlugins().toArray();
+                        var failed = 0;
+
+                        if ( ! queue.length ) {
+                                return;
+                        }
+
+                        this.showError( $step, '' );
+                        this.setBusy( $btn, true, i18n.installing );
+                        $step.find( '.omg-plugin__check, .omg-skip' ).prop( 'disabled', true );
+
+                        // One plugin at a time, TGMPA does not like parallel requests.
+                        ( function next() {
+                                var item = queue.shift();
+                                if ( item ) {
+                                        self.installPlugin( $( item ) ).fail( function () {
+                                                failed++;
+                                        } ).always( next );
+                                        return;
+                                }
+
+                                $step.find( '.omg-skip' ).prop( 'disabled', false );
+                                $step.find( '.omg-plugin:not(.is-ready) .omg-plugin__check' ).each( function () {
+                                        // Required plugins stay locked.
+                                        var required = $( this ).closest( '.omg-plugin' ).find( '.omg-plugin__status--required' ).length;
+                                        $( this ).prop( 'disabled', !! required );
+                                } );
+
+                                if ( failed ) {
+                                        self.setBusy( $btn, false, i18n.install );
+                                        self.updatePluginCount();
+                                        self.showError( $step, i18n.pluginsErr );
+                                } else {
+                                        self.setBusy( $btn, false, i18n.installed );
+                                        $btn.prop( 'disabled', true ).find( '.omg-btn__count' ).text( '' );
+                                        self.completeStep( 'plugins', true );
+                                }
+                        }() );
+                },
+
+                /* Demo import
+                --------------------------------------------- */
+
+                importDemo: function ( e ) {
+                        var self = this;
+                        var $btn = $( e.currentTarget );
+                        var $step = $btn.closest( '.omg-step' );
+                        var label = $btn.find( '.omg-btn__label' ).text();
+                        // Elementor themes queue the Easy Demo Import for Omega Themes requests instead of the theme's own import.
+                        var queue = ( params.importSteps || [ { action: 'skin_care_solutions_setup_widgets', wpnonce: params.wpnonce } ] ).slice();
+
+                        function fail( message ) {
+                                self.setBusy( $btn, false, label );
+                                self.showError( $step, message || i18n.importErr );
+                        }
+
+                        this.showError( $step, '' );
+                        this.setBusy( $btn, true, i18n.importing );
+
+                        ( function next() {
+                                var data = queue.shift();
+                                if ( ! data ) {
+                                        self.setBusy( $btn, false, i18n.imported );
+                                        $btn.prop( 'disabled', true );
+                                        // The theme's own import saves the step itself.
+                                        self.completeStep( 'demo', false === params.importSaves );
+                                        return;
+                                }
+                                // Read as text: PHP notices from the import should not count as a failure.
+                                $.ajax( {
+                                        url: params.ajaxurl,
+                                        type: 'POST',
+                                        dataType: 'text',
+                                        data: data
+                                } ).done( function ( text ) {
+                                        var response = parseJson( text );
+                                        if ( response && false === response.success ) {
+                                                return fail( 'string' === typeof response.data ? response.data : '' );
+                                        }
+                                        next();
+                                } ).fail( function () {
+                                        fail( '' );
+                                } );
+                        }() );
                 }
-                return {
-                        init: function( btn ) {
-                                complete = function() {
-                                        skin_care_solutions_do_next_step();
-                                }
-                                skin_care_solutions_import_widgets();
+        };
+
+        /**
+         * Parse a JSON reply that may have PHP notices printed before it.
+         *
+         * @param {string} text Raw response.
+         * @return {Object|null}
+         */
+        function parseJson( text ) {
+                try {
+                        return JSON.parse( text );
+                } catch ( err ) {
+                        try {
+                                return JSON.parse( String( text ).replace( /^[\s\S]*?(\{[\s\S]*\})\s*$/, '$1' ) );
+                        } catch ( err2 ) {
+                                return null;
                         }
                 }
         }
 
-    function skin_care_solutions_ContentManager(){
-
-        var complete;
-        var items_completed = 0;
-        var current_item = '';
-        var $current_node;
-        var current_item_hash = '';
-
-        function ajax_callback(response) {
-            if(typeof response == 'object' && typeof response.message != 'undefined'){
-                $current_node.find('span').text(response.message);
-                if(typeof response.url != 'undefined'){
-                    // we have an ajax url action to perform.
-                    if(response.hash == current_item_hash){
-                        $current_node.find('span').text("failed");
-                        skin_care_solutions_find_next();
-                    }else {
-                        current_item_hash = response.hash;
-                        jQuery.post(response.url, response, ajax_callback).fail(ajax_callback); // recuurrssionnnnn
-                    }
-                }else if(typeof response.done != 'undefined'){
-                    // finished processing this plugin, move onto next
-                    skin_care_solutions_find_next();
-                }else{
-                    // error processing this plugin
-                    skin_care_solutions_find_next();
-                }
-            }else{
-                // error - try again with next plugin
-                $current_node.find('span').text("ajax error");
-                skin_care_solutions_find_next();
-            }
-        }
-
-        function skin_care_solutions_process_current(){
-            if(current_item){
-
-                var $check = $current_node.find('input:checkbox');
-                if($check.is(':checked')) {
-                    // process htis one!
-                    jQuery.post(whizzie_params.ajaxurl, {
-                        action: 'envato_setup_content',
-                        wpnonce: whizzie_params.wpnonce,
-                        content: current_item
-                    }, ajax_callback).fail(ajax_callback);
-                }else{
-                    $current_node.find('span').text("Skipping");
-                    setTimeout(skin_care_solutions_find_next,300);
-                }
-            }
-        }
-        
-
-        return {
-            init: function(btn){
-                $('.envato-setup-pages').addClass('installing');
-                $('.envato-setup-pages').find('input').prop("disabled", true);
-                complete = function(){
-                    skin_care_solutions_loading_content();
-                    window.location.href=btn.href;
-                };
-                skin_care_solutions_find_next();
-            }
-        }
-    }
-
-    /**
-     * Callback function for the 'click' event of the 'Set Footer Image'
-     * anchor in its meta box.
-     *
-     * Displays the media uploader for selecting an image.
-     *
-     * @since 0.1.0
-     */
-    function renderMediaUploader() {
-        'use strict';
-
-        var file_frame, attachment;
-
-        if ( undefined !== file_frame ) {
-            file_frame.open();
-            return;
-        }
-
-        file_frame = wp.media.frames.file_frame = wp.media({
-            title: 'Upload Logo',//jQuery( this ).data( 'uploader_title' ),
-            button: {
-                text: 'Select Logo' //jQuery( this ).data( 'uploader_button_text' )
-            },
-            multiple: false  // Set to true to allow multiple files to be selected
-        });
-
-        // When an image is selected, run a callback.
-        file_frame.on( 'select', function() {
-            // We set multiple to false so only get one image from the uploader
-            attachment = file_frame.state().get('selection').first().toJSON();
-
-            jQuery('.site-logo').attr('src',attachment.url);
-            jQuery('#new_logo_id').val(attachment.id);
-            // Do something with attachment.id and/or attachment.url here
-        });
-        // Now display the actual file_frame
-        file_frame.open();
-
-    }
-
-    return {
-        init: function(){
-                        t = this;
-                        $(skin_care_solutions_window_loaded);
-        },
-        callback: function(func){
-            console.log(func);
-            console.log(this);
-        }
-    }
-
-})(jQuery);
-
-Skin_Care_Solutions_Whizzie.init();
-
-jQuery(document).ready(function(){
-
-    jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-menu').attr("checked","checked");
-
-    jQuery('#skin-care-solutions-setup-menu').click(function(){
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-menu').css("display","block");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-contact').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-widget').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-social-icon').css("display","none");
-    });
-
-    jQuery('#skin-care-solutions-setup-contact').click(function(){
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-menu').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-contact').css("display","block");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-widget').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-social-icon').css("display","none");
-    });
-
-    jQuery('#skin-care-solutions-setup-widget').click(function(){
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-menu').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-contact').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-widget').css("display","block");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-social-icon').css("display","none");
-    });
-
-    jQuery('#skin-care-solutions-setup-social').click(function(){
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-menu').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-contact').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-widget').css("display","none");
-        jQuery('#skin-care-solutions-demo-setup-guid .skin-care-solutions-setup-social-icon').css("display","block");
-    });
-
-
-    document.getElementById('bundleTrigger').addEventListener('click', function (e) {
-        e.preventDefault();
-        document.getElementById('bundlePopup').style.display = 'flex';
-    });
-    
-    document.querySelector('.close-popup').addEventListener('click', function () {
-    document.getElementById('bundlePopup').style.display = 'none';
-    });
-    
-    document.getElementById('bundlePopup').addEventListener('click', function (e) {
-    if (e.target === this) {
-        this.style.display = 'none';
-    }
-    });
-
-});
+        /* Focus mode: only the setup card is usable until the demo is imported
+        --------------------------------------------- */
+
+        var Focus = {
+
+                init: function () {
+                        this.$wrap = $( '.omg-wrap.is-focus' );
+                        if ( ! this.$wrap.length ) {
+                                return;
+                        }
+                        this.$tip = this.$wrap.find( '.omg-focus-tip' );
+                        // Keep keyboard users inside the setup card too.
+                        this.$blurred = this.$wrap.children().not( '.omg-layout' ).add( this.$wrap.find( '.omg-main' ) );
+                        this.$blurred.attr( 'inert', '' );
+
+                        this.$tip.on( 'click', '.omg-focus-ok', this.hideTip.bind( this ) );
+                        this.$tip.on( 'click', '.omg-focus-exit', this.exit.bind( this ) );
+                        $( document ).on( 'omg:step-complete', function ( e, id ) {
+                                if ( 'demo' === id ) {
+                                        Focus.exit();
+                                }
+                        } );
+
+                        $( '#omg-setup' )[0].scrollIntoView( { block: 'nearest' } );
+                },
+
+                hideTip: function () {
+                        var $tip = this.$tip;
+                        $tip.addClass( 'is-leaving' );
+                        window.setTimeout( function () {
+                                $tip.remove();
+                        }, 350 );
+                },
+
+                exit: function () {
+                        if ( ! this.$wrap.hasClass( 'is-focus' ) ) {
+                                return;
+                        }
+                        this.hideTip();
+                        this.$wrap.removeClass( 'is-focus' );
+                        this.$blurred.removeAttr( 'inert' );
+
+                        // Reloading the page should not bring the blur back.
+                        if ( window.history.replaceState ) {
+                                window.history.replaceState( null, '', window.location.href.replace( /([?&])omg-focus=1(&|$)/, function ( m, p1, p2 ) {
+                                        return p2 ? p1 : '';
+                                } ) );
+                        }
+                }
+        };
+
+        /* Coupon copy buttons
+        --------------------------------------------- */
+
+        function copyText( text ) {
+                if ( navigator.clipboard && window.isSecureContext ) {
+                        return navigator.clipboard.writeText( text );
+                }
+                var $tmp = $( '<textarea readonly>' ).val( text ).css( { position: 'fixed', opacity: 0 } ).appendTo( 'body' );
+                $tmp[0].select();
+                try {
+                        document.execCommand( 'copy' );
+                } catch ( err ) {}
+                $tmp.remove();
+                return $.Deferred().resolve().promise();
+        }
+
+        $( document ).on( 'click', '[data-omg-copy]', function () {
+                var $btn = $( this );
+                var original = $btn.data( 'omg-label' ) || $btn.text();
+                $btn.data( 'omg-label', original );
+
+                copyText( String( $btn.data( 'omg-copy' ) ) ).then( function () {
+                        $btn.addClass( 'is-copied' ).text( i18n.copied );
+                        window.clearTimeout( $btn.data( 'omg-timer' ) );
+                        $btn.data( 'omg-timer', window.setTimeout( function () {
+                                $btn.removeClass( 'is-copied' ).text( original );
+                        }, 1800 ) );
+                } );
+        } );
+
+        /* Welcome notice
+        --------------------------------------------- */
+
+        $( document ).on( 'click', '.omg-notice__close', function ( e ) {
+                var $notice = $( this ).closest( '.omg-notice' );
+                e.preventDefault();
+
+                $.post( params.ajaxurl, { action: 'skin_care_solutions_dismiss_notice', nonce: $notice.data( 'nonce' ) } );
+                $notice.addClass( 'is-leaving' );
+                window.setTimeout( function () {
+                        $notice.slideUp( 200, function () {
+                                $notice.remove();
+                        } );
+                }, 250 );
+        } );
+
+        $( function () {
+                Setup.init();
+                Focus.init();
+        } );
+
+}( jQuery ) );

skin-care-solutions/1.4.2/inc/homepage-setup/homepage-setup-contents.php

@@ -1 +1 @@
 <?php
 /**
- * Wizard
+ * Getting Started page and setup wizard
  *
  * @package Skin_Care_Solutions_Whizzie
- * @author Catapult Themes
+ * @author Omega Themes
  * @since 1.0.0
  */
 
+/**
+ * Setup step ids in the order they are shown.
+ */
+function skin_care_solutions_setup_step_ids() {
+        return array( 'plugins', 'demo', 'customize', 'launch' );
+}
+
+/**
+ * Check whether every plugin registered with TGMPA is active and up to date.
+ */
+function skin_care_solutions_setup_plugins_ready() {
+        if ( ! isset( $GLOBALS['tgmpa'] ) ) {
+                return true;
+        }
+        $skin_care_solutions_instance = call_user_func( array( get_class( $GLOBALS['tgmpa'] ), 'get_instance' ) );
+        foreach ( $skin_care_solutions_instance->plugins as $skin_care_solutions_slug => $skin_care_solutions_plugin ) {
+                if ( ! $skin_care_solutions_instance->is_plugin_active( $skin_care_solutions_slug ) || false !== $skin_care_solutions_instance->does_plugin_have_update( $skin_care_solutions_slug ) ) {
+                        return false;
+                }
+        }
+        return true;
+}
+
+/**
+ * Get the completion state of each setup step.
+ *
+ * @return array step id => bool
+ */
+function skin_care_solutions_get_setup_progress() {
+        $skin_care_solutions_saved = (array) get_option( 'skin_care_solutions_setup_progress', array() );
+
+        // Demo imported before progress tracking existed. Every Omega theme uses frontpage.php, so look for
+        // the primary menu only this theme's import creates; another theme's demo must not count.
+        $skin_care_solutions_demo_found = (bool) wp_get_nav_menu_object( 'Skin Care Solutions Primary Menu' );
+
+        return array(
+                'plugins'   => ! empty( $skin_care_solutions_saved['plugins'] ) || skin_care_solutions_setup_plugins_ready(),
+                'demo'      => ! empty( $skin_care_solutions_saved['demo'] ) || $skin_care_solutions_demo_found,
+                'customize' => ! empty( $skin_care_solutions_saved['customize'] ),
+                'launch'    => ! empty( $skin_care_solutions_saved['launch'] ),
+        );
+}
+
+/**
+ * Save a step as done.
+ *
+ * @param string $skin_care_solutions_step Step id.
+ */
+function skin_care_solutions_set_setup_step_done( $skin_care_solutions_step ) {
+        if ( ! in_array( $skin_care_solutions_step, skin_care_solutions_setup_step_ids(), true ) ) {
+                return;
+        }
+        $skin_care_solutions_saved = (array) get_option( 'skin_care_solutions_setup_progress', array() );
+        $skin_care_solutions_saved[ $skin_care_solutions_step ] = true;
+        update_option( 'skin_care_solutions_setup_progress', $skin_care_solutions_saved );
+}
+
 class Skin_Care_Solutions_Whizzie {
-        
-        protected $version = '1.1.0';
-        
+
+        protected $version = '1.2.0';
+
         /** @var string Current theme name, used as namespace in actions. */
         protected $skin_care_solutions_theme_name = '';
         protected $skin_care_solutions_theme_title = '';
-        
+
         /** @var string Wizard page slug and title. */
         protected $skin_care_solutions_page_slug = '';
         protected $skin_care_solutions_page_title = '';
-        
+
+        /** @var string Hook suffix returned by add_theme_page(). */
+        protected $page_hook = '';
+
         /** @var array Wizard steps set by user. */
         protected $config_steps = array();
-        
+
         /**
          * Relative plugin url for this plugin folder
@@ -32 +92 @@
         public $skin_care_solutions_plugin_path;
         public $parent_slug;
-        
+
         /**
          * TGMPA instance storage
@@ -39 +99 @@
          */
         protected $tgmpa_instance;
-        
+
         /**
          * TGMPA Menu slug
@@ -46 +106 @@
          */
         protected $tgmpa_menu_slug = 'tgmpa-install-plugins';
-        
+
         /**
          * TGMPA Menu url
@@ -53 +113 @@
          */
         protected $tgmpa_url = 'themes.php?page=tgmpa-install-plugins';
-        
+
         /**
          * Constructor
          *
-         * @param $config       Our config parameters
-         */
-        public function __construct( $config ) {
-                $this->set_vars( $config );
+         * @param $skin_care_solutions_config   Our config parameters
+         */
+        public function __construct( $skin_care_solutions_config ) {
+                $this->set_vars( $skin_care_solutions_config );
                 $this->init();
         }
-        
+
         /**
          * Set some settings
          * @since 1.0.0
-         * @param $config       Our config parameters
-         */
-        public function set_vars( $config ) {
-        
+         * @param $skin_care_solutions_config   Our config parameters
+         */
+        public function set_vars( $skin_care_solutions_config ) {
+
                 require_once trailingslashit( WHIZZIE_DIR ) . 'tgm/class-tgm-plugin-activation.php';
                 require_once trailingslashit( WHIZZIE_DIR ) . 'tgm/tgm.php';
 
-                if( isset( $config['skin_care_solutions_page_slug'] ) ) {
-                        $this->skin_care_solutions_page_slug = esc_attr( $config['skin_care_solutions_page_slug'] );
-                }
-                if( isset( $config['skin_care_solutions_page_title'] ) ) {
-                        $this->skin_care_solutions_page_title = esc_attr( $config['skin_care_solutions_page_title'] );
-                }
-                if( isset( $config['steps'] ) ) {
-                        $this->config_steps = $config['steps'];
-                }
-                
+                if( isset( $skin_care_solutions_config['skin_care_solutions_page_slug'] ) ) {
+                        $this->skin_care_solutions_page_slug = esc_attr( $skin_care_solutions_config['skin_care_solutions_page_slug'] );
+                }
+                if( isset( $skin_care_solutions_config['skin_care_solutions_page_title'] ) ) {
+                        $this->skin_care_solutions_page_title = esc_attr( $skin_care_solutions_config['skin_care_solutions_page_title'] );
+                }
+                if( isset( $skin_care_solutions_config['steps'] ) ) {
+                        $this->config_steps = $skin_care_solutions_config['steps'];
+                }
+
                 $this->skin_care_solutions_plugin_path = trailingslashit( dirname( __FILE__ ) );
-                $relative_url = str_replace( get_template_directory(), '', $this->skin_care_solutions_plugin_path );
-                $this->skin_care_solutions_plugin_url = trailingslashit( get_template_directory_uri() . $relative_url );
+                $skin_care_solutions_relative_url = str_replace( get_template_directory(), '', $this->skin_care_solutions_plugin_path );
+                $this->skin_care_solutions_plugin_url = trailingslashit( get_template_directory_uri() . $skin_care_solutions_relative_url );
                 $skin_care_solutions_current_theme = wp_get_theme();
                 $this->skin_care_solutions_theme_title = $skin_care_solutions_current_theme->get( 'Name' );
@@ -94 +154 @@
 
         }
-        
+
         /**
          * Hooks and filters
          * @since 1.0.0
-         */     
+         */
         public function init() {
-                
+
                 if ( class_exists( 'TGM_Plugin_Activation' ) && isset( $GLOBALS['tgmpa'] ) ) {
                         add_action( 'init', array( $this, 'get_tgmpa_instance' ), 30 );
@@ -111 +171 @@
                 add_action( 'wp_ajax_setup_plugins', array( $this, 'setup_plugins' ) );
                 add_action( 'wp_ajax_skin_care_solutions_setup_widgets', array( $this, 'skin_care_solutions_setup_widgets' ) );
-                
-        }
-        
-        public function enqueue_scripts() {
-                wp_enqueue_style( 'skin-care-solutions-homepage-setup-style', get_template_directory_uri() . '/inc/homepage-setup/assets/css/homepage-setup-style.css');
-                wp_register_script( 'skin-care-solutions-homepage-setup-script', get_template_directory_uri() . '/inc/homepage-setup/assets/js/homepage-setup-script.js', array( 'jquery' ), time() );
-                wp_localize_script( 
+                add_action( 'wp_ajax_skin_care_solutions_setup_step', array( $this, 'skin_care_solutions_setup_step' ) );
+
+        }
+
+        /**
+         * Load assets on the Getting Started page, and wherever the welcome notice is shown.
+         *
+         * @param string $skin_care_solutions_hook Current admin page hook suffix.
+         */
+        public function enqueue_scripts( $skin_care_solutions_hook ) {
+                $skin_care_solutions_is_setup_page = ( $skin_care_solutions_hook === $this->page_hook );
+                $skin_care_solutions_has_notice    = function_exists( 'skin_care_solutions_show_admin_notice' ) && skin_care_solutions_show_admin_notice();
+
+                if ( ! $skin_care_solutions_is_setup_page && ! $skin_care_solutions_has_notice ) {
+                        return;
+                }
+
+                $skin_care_solutions_version = wp_get_theme()->get( 'Version' );
+
+                // The bundled Plus Jakarta Sans is Regular only, so load real weights through the local webfont loader.
+                require_once get_theme_file_path( 'lib/custom/css/wptt-webfont-loader.php' );
+                wp_enqueue_style( 'skin-care-solutions-setup-fonts', skin_care_solutions_wptt_get_webfont_url( 'https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap' ), array(), $skin_care_solutions_version );
+                // Version the page assets by file time so browsers and caching plugins never serve a stale copy after an update.
+                $skin_care_solutions_css = 'inc/homepage-setup/assets/css/homepage-setup-style.css';
+                $skin_care_solutions_js  = 'inc/homepage-setup/assets/js/homepage-setup-script.js';
+                wp_enqueue_style( 'skin-care-solutions-homepage-setup-style', get_theme_file_uri( $skin_care_solutions_css ), array( 'skin-care-solutions-setup-fonts' ), $skin_care_solutions_version . '.' . filemtime( get_theme_file_path( $skin_care_solutions_css ) ) );
+                wp_register_script( 'skin-care-solutions-homepage-setup-script', get_theme_file_uri( $skin_care_solutions_js ), array( 'jquery' ), $skin_care_solutions_version . '.' . filemtime( get_theme_file_path( $skin_care_solutions_js ) ), true );
+                wp_localize_script(
                         'skin-care-solutions-homepage-setup-script',
-                        'whizzie_params',
+                        'skin_care_solutions_setup',
                         array(
-                                'ajaxurl'               => admin_url( 'admin-ajax.php' ),
-                                'wpnonce'               => wp_create_nonce( 'whizzie_nonce' ),
-                                'verify_text'   => esc_html( 'verifying', 'skin-care-solutions' )
+                                'ajaxurl' => admin_url( 'admin-ajax.php' ),
+                                'wpnonce' => wp_create_nonce( 'whizzie_nonce' ),
+                                'i18n'    => array(
+                                        'installing' => esc_html__( 'Working…', 'skin-care-solutions' ),
+                                        'active'     => esc_html__( 'Active', 'skin-care-solutions' ),
+                                        'failed'     => esc_html__( 'Failed', 'skin-care-solutions' ),
+                                        'install'    => esc_html__( 'Install & activate', 'skin-care-solutions' ),
+                                        'installed'  => esc_html__( 'Plugins ready', 'skin-care-solutions' ),
+                                        'pluginsErr' => esc_html__( 'Some plugins could not be installed. Try again, or install them from the plugins screen.', 'skin-care-solutions' ),
+                                        'importing'  => esc_html__( 'Importing demo…', 'skin-care-solutions' ),
+                                        'imported'   => esc_html__( 'Demo imported', 'skin-care-solutions' ),
+                                        'importErr'  => esc_html__( 'The import did not finish. Please try again.', 'skin-care-solutions' ),
+                                        'copied'     => esc_html__( 'Copied!', 'skin-care-solutions' ),
+                                ),
                         )
                 );
                 wp_enqueue_script( 'skin-care-solutions-homepage-setup-script' );
         }
-        
+
         public static function get_instance() {
                 if ( ! self::$instance ) {
@@ -135 +227 @@
                 return self::$instance;
         }
-        
-        public function tgmpa_load( $status ) {
+
+        public function tgmpa_load( $skin_care_solutions_status ) {
                 return is_admin() || current_user_can( 'install_themes' );
         }
-                        
+
         /**
          * Get configured TGMPA instance
@@ -149 +241 @@
                 $this->tgmpa_instance = call_user_func( array( get_class( $GLOBALS['tgmpa'] ), 'get_instance' ) );
         }
-        
-        /**
-         * Update $tgmpa_menu_slug and $tgmpa_parent_slug from TGMPA instance
+
+        /**
+         * Update $tgmpa_menu_slug and $skin_care_solutions_tgmpa_parent_slug from TGMPA instance
          *
          * @access public
@@ -159 +251 @@
                 $this->tgmpa_menu_slug = ( property_exists( $this->tgmpa_instance, 'menu' ) ) ? $this->tgmpa_instance->menu : $this->tgmpa_menu_slug;
                 $this->tgmpa_menu_slug = apply_filters( $this->skin_care_solutions_theme_name . '_theme_setup_wizard_tgmpa_menu_slug', $this->tgmpa_menu_slug );
-                $tgmpa_parent_slug = ( property_exists( $this->tgmpa_instance, 'parent_slug' ) && $this->tgmpa_instance->parent_slug !== 'themes.php' ) ? 'admin.php' : 'themes.php';
-                $this->tgmpa_url = apply_filters( $this->skin_care_solutions_theme_name . '_theme_setup_wizard_tgmpa_url', $tgmpa_parent_slug . '?page=' . $this->tgmpa_menu_slug );
-        }
-        
-        /**
-         * Make a modal screen for the wizard
+                $skin_care_solutions_tgmpa_parent_slug = ( property_exists( $this->tgmpa_instance, 'parent_slug' ) && $this->tgmpa_instance->parent_slug !== 'themes.php' ) ? 'admin.php' : 'themes.php';
+                $this->tgmpa_url = apply_filters( $this->skin_care_solutions_theme_name . '_theme_setup_wizard_tgmpa_url', $skin_care_solutions_tgmpa_parent_slug . '?page=' . $this->tgmpa_menu_slug );
+        }
+
+        /**
+         * Register the Getting Started page under Appearance
          */
         public function menu_page() {
-                add_theme_page( esc_html( $this->skin_care_solutions_page_title ), esc_html( $this->skin_care_solutions_page_title ), 'manage_options', $this->skin_care_solutions_page_slug, array( $this, 'wizard_page' ) );
-        }
-        
-        /**
-         * Make an interface for the wizard
-         */
-        public function wizard_page() { 
+                $this->page_hook = add_theme_page( esc_html( $this->skin_care_solutions_page_title ), esc_html( $this->skin_care_solutions_page_title ), 'manage_options', $this->skin_care_solutions_page_slug, array( $this, 'wizard_page' ) );
+        }
+
+        /**
+         * Small inline SVG icons used on the page
+         *
+         * @param string $skin_care_solutions_name Icon name.
+         */
+        public function icon( $skin_care_solutions_name ) {
+                $skin_care_solutions_icons = array(
+                        'check' => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12.5l4.2 4.2L19 7" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                        'arrow' => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                        'close' => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>',
+                        'crown' => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5L3 8z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>',
+                        'download' => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 4v11M7 10l5 5 5-5M5 20h14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                        'dash'  => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 12h10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>',
+                        'eye'   => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="M12 9.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6z" fill="none" stroke="currentColor" stroke-width="2"/></svg>',
+                        'book'  => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H20v15H6.5A2.5 2.5 0 0 0 4 20.5v-15zM4 20.5A2.5 2.5 0 0 0 6.5 23H20v-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg>',
+                        'table' => '<svg class="omg-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5h16v14H4zM4 10h16M10 10v9" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg>',
+                );
+                return isset( $skin_care_solutions_icons[ $skin_care_solutions_name ] ) ? $skin_care_solutions_icons[ $skin_care_solutions_name ] : '';
+        }
+
+        /**
+         * Allowed tags for printing the inline icons
+         */
+        public function icon_kses() {
+                return array(
+                        'svg'  => array( 'class' => true, 'viewbox' => true, 'aria-hidden' => true ),
+                        'path' => array( 'd' => true, 'fill' => true, 'stroke' => true, 'stroke-width' => true, 'stroke-linecap' => true, 'stroke-linejoin' => true ),
+                );
+        }
+
+        /**
+         * Make an interface for the Getting Started page
+         */
+        public function wizard_page() {
                 tgmpa_load_bulk_installer();
 
@@ -180 +302 @@
                 }
 
-                $url = wp_nonce_url( add_query_arg( array( 'plugins' => 'go' ) ), 'whizzie-setup' );
-                $method = '';
-                $fields = array_keys( $_POST );
-
-                if ( false === ( $creds = request_filesystem_credentials( esc_url_raw( $url ), $method, false, false, $fields ) ) ) {
+                $skin_care_solutions_url = wp_nonce_url( add_query_arg( array( 'plugins' => 'go' ) ), 'whizzie-setup' );
+                $skin_care_solutions_method = '';
+                $skin_care_solutions_fields = array_keys( $_POST );
+
+                if ( false === ( $skin_care_solutions_creds = request_filesystem_credentials( esc_url_raw( $skin_care_solutions_url ), $skin_care_solutions_method, false, false, $skin_care_solutions_fields ) ) ) {
                         return true;
                 }
 
-                if ( ! WP_Filesystem( $creds ) ) {
-                        request_filesystem_credentials( esc_url_raw( $url ), $method, true, false, $fields );
+                if ( ! WP_Filesystem( $skin_care_solutions_creds ) ) {
+                        request_filesystem_credentials( esc_url_raw( $skin_care_solutions_url ), $skin_care_solutions_method, true, false, $skin_care_solutions_fields );
                         return true;
                 }
@@ -196 +318 @@
                 $skin_care_solutions_theme_title = $skin_care_solutions_theme->get( 'Name' );
                 $skin_care_solutions_theme_version = $skin_care_solutions_theme->get( 'Version' );
-
+                $skin_care_solutions_theme_desc = wp_trim_words( $skin_care_solutions_theme->get( 'Description' ), 28 );
+
+                $skin_care_solutions_steps = $this->get_steps();
+                $skin_care_solutions_progress = skin_care_solutions_get_setup_progress();
+                $skin_care_solutions_focus = ! empty( $_GET['omg-focus'] ) && empty( $skin_care_solutions_progress['demo'] ); // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- display flag only.
+                $skin_care_solutions_done = count( array_filter( $skin_care_solutions_progress ) );
+                $skin_care_solutions_total = count( $skin_care_solutions_steps );
+
+                // The first unfinished step starts open.
+                $skin_care_solutions_open = '';
+                foreach ( $skin_care_solutions_steps as $skin_care_solutions_id => $skin_care_solutions_step ) {
+                        if ( empty( $skin_care_solutions_progress[ $skin_care_solutions_id ] ) ) {
+                                $skin_care_solutions_open = $skin_care_solutions_id;
+                                break;
+                        }
+                }
+
+                $skin_care_solutions_images = get_template_directory_uri() . '/inc/homepage-setup/assets/homepage-setup-images/';
+                $skin_care_solutions_check = wp_kses( $this->icon( 'check' ), $this->icon_kses() );
+                $skin_care_solutions_dash  = wp_kses( $this->icon( 'dash' ), $this->icon_kses() );
+                $skin_care_solutions_arrow = wp_kses( $this->icon( 'arrow' ), $this->icon_kses() );
+                $skin_care_solutions_crown = wp_kses( $this->icon( 'crown' ), $this->icon_kses() );
+                $skin_care_solutions_live  = '<span class="omg-live-dot" aria-hidden="true"></span>';
                 ?>
-                <div class="wrap">
-                        <?php
-                                printf( '<h1>%s %s</h1>', esc_html( $skin_care_solutions_theme_title ), esc_html( '(Version :- ' . $skin_care_solutions_theme_version . ')' ) );
-                        ?>
-                        <div class="homepage-setup">
-                                <div class="homepage-setup-theme-bundle">
-                                        <div class="homepage-setup-theme-bundle-one">
-                                                <h1><?php echo esc_html__( 'WP Theme Bundle', 'skin-care-solutions' ); ?></h1>
-                                                <p><?php echo wp_kses_post( 'Get <span>15% OFF</span> on all WordPress themes! Use code <span>"BNDL15OFF"</span> at checkout. Limited time offer!' ); ?></p>
-                                        </div>
-                                        <div class="homepage-setup-theme-bundle-two">
-                                                <p><?php echo wp_kses_post( 'Extra <span>15%</span> OFF' ); ?></p>
-                                        </div>
-                                        <div class="homepage-setup-theme-bundle-three">
-                                                <img src="<?php echo esc_url( get_template_directory_uri() . '/inc/homepage-setup/assets/homepage-setup-images/bundle-banner.png' ); ?>" alt="<?php echo esc_attr__( 'Theme Bundle Image', 'skin-care-solutions' ); ?>">
-                                        </div>
-                                        <div class="homepage-setup-theme-bundle-four">
-                                                <p><?php echo wp_kses_post( '<span>$2795</span>$69' ); ?></p>
-                                                <a target="_blank" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUNDLE_BUTTON ); ?>"><?php echo esc_html__( 'SHOP NOW', 'skin-care-solutions' ); ?> <span class="dashicons dashicons-arrow-right-alt2"></span></a>
-                                        </div>
+                <div class="wrap omg-wrap<?php echo $skin_care_solutions_focus ? ' is-focus' : ''; ?>">
+
+                        <div class="omg-header">
+                                <div class="omg-header__text">
+                                        <h1 class="omg-title">
+                                                <?php
+                                                /* translators: %s: theme name */
+                                                printf( esc_html__( 'Welcome to %s', 'skin-care-solutions' ), esc_html( $skin_care_solutions_theme_title ) );
+                                                ?>
+                                        </h1>
+                                </div>
+                                <div class="omg-header__actions">
+                                        <a class="omg-btn omg-btn--demo" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_DEMO_PRO ); ?>" target="_blank"><?php echo $skin_care_solutions_live; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static markup. ?><?php esc_html_e( 'Live Demo', 'skin-care-solutions' ); ?></a>
+                                        <a class="omg-btn omg-btn--premium" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUY_NOW ); ?>" target="_blank"><?php echo $skin_care_solutions_crown; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Go To Premium', 'skin-care-solutions' ); ?></a>
                                 </div>
                         </div>
-                        
-                        <div class="card whizzie-wrap">
-                                <div class="demo_content_image">
-                                        <div class="demo_content">
+                        <hr class="wp-header-end">
+
+                        <div class="omg-layout">
+
+                                <aside class="omg-card omg-setup<?php echo $skin_care_solutions_done >= $skin_care_solutions_total ? ' is-complete' : ''; ?>" id="omg-setup" data-total="<?php echo esc_attr( $skin_care_solutions_total ); ?>">
+                                        <div class="omg-setup__head">
+                                                <h2 class="omg-setup__title"><?php esc_html_e( 'Site setup', 'skin-care-solutions' ); ?></h2>
+                                                <span class="omg-setup__count">
+                                                        <?php
+                                                        /* translators: 1: steps done, 2: total steps */
+                                                        printf( esc_html__( '%1$s of %2$s done', 'skin-care-solutions' ), '<b class="omg-setup__done">' . esc_html( $skin_care_solutions_done ) . '</b>', esc_html( $skin_care_solutions_total ) );
+                                                        ?>
+                                                </span>
+                                        </div>
+                                        <div class="omg-progress" role="progressbar" aria-valuemin="0" aria-valuemax="<?php echo esc_attr( $skin_care_solutions_total ); ?>" aria-valuenow="<?php echo esc_attr( $skin_care_solutions_done ); ?>">
+                                                <span class="omg-progress__bar" style="width: <?php echo esc_attr( max( 3, round( $skin_care_solutions_done / $skin_care_solutions_total * 100 ) ) ); ?>%"></span>
+                                        </div>
+                                        <p class="omg-setup__intro"><?php esc_html_e( 'Finish these steps to make your store look like the demo in a few minutes.', 'skin-care-solutions' ); ?></p>
+
+                                        <div class="omg-setup__complete">
+                                                <span class="omg-setup__complete-icon"><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?></span>
+                                                <div>
+                                                        <strong><?php esc_html_e( 'Your store is ready', 'skin-care-solutions' ); ?></strong>
+                                                        <span><?php esc_html_e( 'All setup steps are done. Time to add your products.', 'skin-care-solutions' ); ?></span>
+                                                </div>
+                                        </div>
+
+                                        <ol class="omg-steps">
                                                 <?php
-                                                        $skin_care_solutions_steps = $this->get_steps();
-                                                        echo '<ul class="whizzie-menu">';
-                                                        foreach ( $skin_care_solutions_steps as $skin_care_solutions_step ) {
-                                                                $class = 'step step-' . esc_attr( $skin_care_solutions_step['id'] );
-                                                                echo '<li data-step="' . esc_attr( $skin_care_solutions_step['id'] ) . '" class="' . esc_attr( $class ) . '">';
-                                                                printf( '<h2>%s</h2>', esc_html( $skin_care_solutions_step['title'] ) );
-
-                                                                $content = call_user_func( array( $this, $skin_care_solutions_step['view'] ) );
-                                                                if ( isset( $content['summary'] ) ) {
-                                                                        printf(
-                                                                                '<div class="summary">%s</div>',
-                                                                                wp_kses_post( $content['summary'] )
-                                                                        );
-                                                                }
-                                                                if ( isset( $content['detail'] ) ) {
-                                                                        printf(
-                                                                                '<div class="detail">%s</div>',
-                                                                                wp_kses_post( $content['detail'] )
-                                                                        );
-                                                                }
-                                                                if ( isset( $skin_care_solutions_step['button_text'] ) && $skin_care_solutions_step['button_text'] ) {
-                                                                        printf( 
-                                                                                '<div class="button-wrap"><a href="#" class="button button-primary do-it" data-callback="%s" data-step="%s">%s</a></div>',
-                                                                                esc_attr( $skin_care_solutions_step['callback'] ),
-                                                                                esc_attr( $skin_care_solutions_step['id'] ),
-                                                                                esc_html( $skin_care_solutions_step['button_text'] )
-                                                                        );
-                                                                }
-                                                                echo '</li>';
+                                                $skin_care_solutions_number = 1;
+                                                foreach ( $skin_care_solutions_steps as $skin_care_solutions_id => $skin_care_solutions_step ) {
+                                                        $skin_care_solutions_classes = array( 'omg-step' );
+                                                        if ( ! empty( $skin_care_solutions_progress[ $skin_care_solutions_id ] ) ) {
+                                                                $skin_care_solutions_classes[] = 'is-done';
                                                         }
-                                                        echo '</ul>';
-                                                ?>
-                                                
-                                                <ul class="whizzie-nav">
-                                                        <?php
-                                                        $step_number = 1;       
-                                                        foreach ( $skin_care_solutions_steps as $skin_care_solutions_step ) {
-                                                                echo '<li class="nav-step-' . esc_attr( $skin_care_solutions_step['id'] ) . '">';
-                                                                echo '<span class="step-number">' . esc_html( $step_number ) . '</span>';
-                                                                echo '</li>';
-                                                                $step_number++;
+                                                        if ( $skin_care_solutions_id === $skin_care_solutions_open ) {
+                                                                $skin_care_solutions_classes[] = 'is-open';
                                                         }
                                                         ?>
-                                                        <div class="blank-border"></div>
-                                                </ul>
-
-                                                <div class="homepage-setup-links">
-                                                        <div class="homepage-setup-links buttons">
-                                                                <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_LITE_DOCS_PRO ); ?>" target="_blank" class="button button-primary"><?php echo esc_html__( 'Free Documentation', 'skin-care-solutions' ); ?></a>
-                                                                <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUY_NOW ); ?>" class="button button-primary" target="_blank"><?php echo esc_html__( 'Get Premium', 'skin-care-solutions' ); ?></a>
-                                                                <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_DEMO_PRO ); ?>" class="button button-primary" target="_blank"><?php echo esc_html__( 'Premium Demo', 'skin-care-solutions' ); ?></a>
-                                                                <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_SUPPORT_FREE ); ?>" target="_blank" class="button button-primary"><?php echo esc_html__( 'Support Forum', 'skin-care-solutions' ); ?></a>
+                                                        <li class="<?php echo esc_attr( implode( ' ', $skin_care_solutions_classes ) ); ?>" data-step="<?php echo esc_attr( $skin_care_solutions_id ); ?>">
+                                                                <button type="button" class="omg-step__head" aria-expanded="<?php echo $skin_care_solutions_id === $skin_care_solutions_open ? 'true' : 'false'; ?>">
+                                                                        <span class="omg-step__num">
+                                                                                <span class="omg-step__index"><?php echo esc_html( $skin_care_solutions_number ); ?></span>
+                                                                                <?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?>
+                                                                        </span>
+                                                                        <span class="omg-step__text">
+                                                                                <span class="omg-step__title"><?php echo esc_html( $skin_care_solutions_step['title'] ); ?></span>
+                                                                                <span class="omg-step__desc"><?php echo esc_html( $skin_care_solutions_step['desc'] ); ?></span>
+                                                                        </span>
+                                                                </button>
+                                                                <div class="omg-step__body">
+                                                                        <div class="omg-step__inner">
+                                                                                <?php call_user_func( array( $this, $skin_care_solutions_step['view'] ) ); ?>
+                                                                        </div>
+                                                                </div>
+                                                        </li>
+                                                        <?php
+                                                        $skin_care_solutions_number++;
+                                                }
+                                                ?>
+                                        </ol>
+
+                                        <p class="omg-setup__help">
+                                                <?php esc_html_e( 'Stuck on a step?', 'skin-care-solutions' ); ?>
+                                                <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_LITE_DOCS_PRO ); ?>" target="_blank"><?php esc_html_e( 'Read the setup guide', 'skin-care-solutions' ); ?></a>
+                                                <?php esc_html_e( 'or', 'skin-care-solutions' ); ?>
+                                                <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_SUPPORT_FREE ); ?>" target="_blank"><?php esc_html_e( 'ask on the forum', 'skin-care-solutions' ); ?></a>.
+                                        </p>
+                                </aside>
+
+                                <?php if ( $skin_care_solutions_focus ) : ?>
+                                        <div class="omg-focus-tip" role="dialog" aria-labelledby="omg-focus-tip-title">
+                                                <span class="omg-focus-tip__icon"><?php echo wp_kses( $this->icon( 'download' ), $this->icon_kses() ); ?></span>
+                                                <p class="omg-kicker omg-kicker--blue"><?php esc_html_e( 'Quick setup', 'skin-care-solutions' ); ?></p>
+                                                <h3 class="omg-focus-tip__title" id="omg-focus-tip-title"><?php esc_html_e( 'Let’s import your demo', 'skin-care-solutions' ); ?></h3>
+                                                <p class="omg-focus-tip__text"><?php esc_html_e( 'Install the essential plugins, then import the demo content. The rest of this page unlocks as soon as the import finishes.', 'skin-care-solutions' ); ?></p>
+                                                <div class="omg-focus-tip__actions">
+                                                        <button type="button" class="omg-btn omg-btn--primary omg-focus-ok"><?php esc_html_e( 'Got it', 'skin-care-solutions' ); ?></button>
+                                                        <button type="button" class="omg-skip omg-focus-exit"><?php esc_html_e( 'Skip, show everything', 'skin-care-solutions' ); ?></button>
+                                                </div>
+                                        </div>
+                                <?php endif; ?>
+
+                                <div class="omg-main">
+
+                                        <section class="omg-card omg-hero">
+                                                <div class="omg-hero__content">
+                                                        <div class="omg-badges">
+                                                                <span class="omg-badge omg-badge--blue"><?php esc_html_e( 'Active theme', 'skin-care-solutions' ); ?></span>
+                                                                <span class="omg-badge"><?php esc_html_e( 'Free', 'skin-care-solutions' ); ?></span>
                                                         </div>
-                                                </div> <!-- .demo_image -->
-
-                                                <div class="step-loading"><span class="spinner"></span></div>
-                                        </div> <!-- .demo_content -->
-
-                                        <div class="homepage-setup-image">
-                                                <div class="homepage-setup-theme-buynow">
-                                                        <div class="homepage-setup-theme-buynow-one">
-                                                                <h1><?php echo wp_kses_post( 'Skin Care<br>WordPress Theme' ); ?></h1>
-                                                                <p><?php echo wp_kses_post( '<span>25%<br>Off</span> SHOP NOW' ); ?></p>
-                                                        </div>
-                                                        <div class="homepage-setup-theme-buynow-two">
-                                                                <img src="<?php echo esc_url( get_template_directory_uri() . '/inc/homepage-setup/assets/homepage-setup-images/skin-care-solutions.png' ); ?>" alt="<?php echo esc_attr__( 'Theme Bundle Image', 'skin-care-solutions' ); ?>">
-                                                        </div>
-                                                        <div class="homepage-setup-theme-buynow-three">
-                                                                <p><?php echo wp_kses_post( 'Get <span>25% OFF</span> on Premium Skin Care WordPress Theme Use code <span>"NYTHEMES25"</span> at checkout.' ); ?></p>
-                                                        </div>
-                                                        <div class="homepage-setup-theme-buynow-four">
-                                                                <a target="_blank" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUY_NOW ); ?>"><?php echo esc_html__( 'Upgrade To Pro With Just $39', 'skin-care-solutions' ); ?></a>
+                                                        <h2 class="omg-hero__title"><?php echo esc_html( $skin_care_solutions_theme_title ); ?></h2>
+                                                        <p class="omg-hero__desc"><?php echo esc_html( $skin_care_solutions_theme_desc ); ?></p>
+                                                        <div class="omg-hero__actions">
+                                                                <a class="omg-btn omg-btn--primary" href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>"><?php esc_html_e( 'Customize theme', 'skin-care-solutions' ); ?></a>
+                                                                <a class="omg-btn omg-btn--outline" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank"><?php esc_html_e( 'View your site', 'skin-care-solutions' ); ?></a>
+                                                                <a class="omg-btn omg-btn--pink" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUY_NOW ); ?>" target="_blank"><?php echo $skin_care_solutions_crown; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Upgrade to Pro', 'skin-care-solutions' ); ?></a>
+                                                                <a class="omg-btn omg-btn--dark" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUNDLE_BUTTON ); ?>" target="_blank"><?php esc_html_e( 'Get the Bundle', 'skin-care-solutions' ); ?></a>
                                                         </div>
                                                 </div>
-                                        </div> <!-- .demo_image -->
-
-                                </div> <!-- .demo_content_image -->
-                        </div> <!-- .whizzie-wrap -->
-                </div> <!-- .wrap -->
+                                                <div class="omg-hero__media">
+                                                        <img src="<?php echo esc_url( get_template_directory_uri() . '/screenshot.png' ); ?>" alt="<?php echo esc_attr( $skin_care_solutions_theme_title ); ?>">
+                                                </div>
+                                        </section>
+
+                                        <div class="omg-promos">
+                                                <section class="omg-card omg-pro">
+                                                        <span class="omg-pro__ribbon"><?php esc_html_e( '25% Off', 'skin-care-solutions' ); ?></span>
+                                                        <p class="omg-kicker omg-kicker--pink"><?php esc_html_e( 'Go Pro', 'skin-care-solutions' ); ?></p>
+                                                        <h3 class="omg-pro__title">
+                                                                <?php
+                                                                /* translators: %s: theme name */
+                                                                printf( esc_html__( 'Unlock %s Pro', 'skin-care-solutions' ), esc_html( $skin_care_solutions_theme_title ) );
+                                                                ?>
+                                                        </h3>
+                                                        <div class="omg-pro__links">
+                                                                <?php
+                                                                $skin_care_solutions_pro_links = array(
+                                                                        array( SKIN_CARE_SOLUTIONS_DEMO_PRO, 'eye', __( 'Live demo', 'skin-care-solutions' ), true ),
+                                                                        array( SKIN_CARE_SOLUTIONS_DOCS_PRO, 'book', __( 'Pro docs', 'skin-care-solutions' ), true ),
+                                                                        array( '#omg-compare', 'table', __( 'Free vs Pro', 'skin-care-solutions' ), false ),
+                                                                );
+                                                                foreach ( $skin_care_solutions_pro_links as $skin_care_solutions_pro_link ) {
+                                                                        ?>
+                                                                        <a class="omg-pro__link" href="<?php echo esc_url( $skin_care_solutions_pro_link[0] ); ?>"<?php echo $skin_care_solutions_pro_link[3] ? ' target="_blank"' : ''; ?>>
+                                                                                <?php echo wp_kses( $this->icon( $skin_care_solutions_pro_link[1] ), $this->icon_kses() ); ?>
+                                                                                <span><?php echo esc_html( $skin_care_solutions_pro_link[2] ); ?></span>
+                                                                        </a>
+                                                                        <?php
+                                                                }
+                                                                ?>
+                                                        </div>
+                                                        <ul class="omg-checklist">
+                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'All premium demo layouts', 'skin-care-solutions' ); ?></li>
+                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Advanced customizer controls', 'skin-care-solutions' ); ?></li>
+                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Priority support & updates', 'skin-care-solutions' ); ?></li>
+                                                        </ul>
+                                                        <div class="omg-code">
+                                                                <span class="omg-code__label"><?php esc_html_e( 'Code', 'skin-care-solutions' ); ?></span>
+                                                                <code class="omg-code__value">NYTHEMES25</code>
+                                                                <button type="button" class="omg-code__copy" data-omg-copy="NYTHEMES25"><?php esc_html_e( 'Copy', 'skin-care-solutions' ); ?></button>
+                                                        </div>
+                                                        <p class="omg-pro__price">
+                                                                <strong>$39</strong>
+                                                                <span><?php esc_html_e( 'Pro license · save 25% with the code above', 'skin-care-solutions' ); ?></span>
+                                                        </p>
+                                                        <a class="omg-btn omg-btn--pink omg-btn--block" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUY_NOW ); ?>" target="_blank"><?php esc_html_e( 'Upgrade to Pro — just $39', 'skin-care-solutions' ); ?></a>
+                                                </section>
+
+                                                <section class="omg-card omg-bundle omg-glow-border">
+                                                        <div class="omg-bundle__head">
+                                                                <div>
+                                                                        <p class="omg-kicker omg-kicker--pink"><?php esc_html_e( 'Best value', 'skin-care-solutions' ); ?></p>
+                                                                        <h3 class="omg-bundle__title"><?php esc_html_e( 'WP Theme Bundle', 'skin-care-solutions' ); ?></h3>
+                                                                </div>
+                                                                <span class="omg-bundle__seal"><small><?php esc_html_e( 'Extra', 'skin-care-solutions' ); ?></small><b>15%</b><small><?php esc_html_e( 'Off', 'skin-care-solutions' ); ?></small></span>
+                                                        </div>
+                                                        <div class="omg-bundle__media">
+                                                                <img src="<?php echo esc_url( $skin_care_solutions_images . 'bundle-banner.png' ); ?>" alt="<?php esc_attr_e( 'Theme bundle collage', 'skin-care-solutions' ); ?>">
+                                                        </div>
+                                                        <p class="omg-bundle__desc"><?php esc_html_e( 'Every Omega WordPress theme in one download.', 'skin-care-solutions' ); ?></p>
+                                                        <ul class="omg-checklist">
+                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'All premium Omega themes included', 'skin-care-solutions' ); ?></li>
+                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Updates for every theme in the bundle', 'skin-care-solutions' ); ?></li>
+                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Priority support on all themes', 'skin-care-solutions' ); ?></li>
+                                                        </ul>
+                                                        <p class="omg-price"><del>$2795</del><strong>$69</strong></p>
+                                                        <div class="omg-code omg-code--light">
+                                                                <span class="omg-code__label"><?php esc_html_e( 'Code', 'skin-care-solutions' ); ?></span>
+                                                                <code class="omg-code__value">BNDL15OFF</code>
+                                                                <button type="button" class="omg-code__copy" data-omg-copy="BNDL15OFF"><?php esc_html_e( 'Copy', 'skin-care-solutions' ); ?></button>
+                                                        </div>
+                                                        <a class="omg-btn omg-btn--dark omg-btn--block" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_BUNDLE_BUTTON ); ?>" target="_blank"><?php esc_html_e( 'Shop the bundle', 'skin-care-solutions' ); ?></a>
+                                                </section>
+                                        </div>
+
+                                        <div class="omg-info">
+                                                <section class="omg-card omg-compare" id="omg-compare">
+                                                        <h3 class="omg-card__title"><?php esc_html_e( 'Free vs Pro', 'skin-care-solutions' ); ?></h3>
+                                                        <table class="omg-compare__table">
+                                                                <thead>
+                                                                        <tr>
+                                                                                <th><?php esc_html_e( 'Feature', 'skin-care-solutions' ); ?></th>
+                                                                                <th><?php esc_html_e( 'Free', 'skin-care-solutions' ); ?></th>
+                                                                                <th class="omg-compare__pro"><?php esc_html_e( 'Pro', 'skin-care-solutions' ); ?></th>
+                                                                        </tr>
+                                                                </thead>
+                                                                <tbody>
+                                                                        <?php
+                                                                        $skin_care_solutions_features = array(
+                                                                                array( __( 'One-click demo import', 'skin-care-solutions' ), true ),
+                                                                                array( __( 'WooCommerce shop pages', 'skin-care-solutions' ), true ),
+                                                                                array( __( 'Responsive & RTL ready', 'skin-care-solutions' ), true ),
+                                                                                array( __( 'Premium demo layouts', 'skin-care-solutions' ), false ),
+                                                                                array( __( 'Advanced customizer options', 'skin-care-solutions' ), false ),
+                                                                                array( __( 'Priority support', 'skin-care-solutions' ), false ),
+                                                                        );
+                                                                        foreach ( $skin_care_solutions_features as $skin_care_solutions_feature ) {
+                                                                                ?>
+                                                                                <tr>
+                                                                                        <td><?php echo esc_html( $skin_care_solutions_feature[0] ); ?></td>
+                                                                                        <td class="<?php echo $skin_care_solutions_feature[1] ? 'omg-yes' : 'omg-no'; ?>"><?php echo $skin_care_solutions_feature[1] ? $skin_care_solutions_check : $skin_care_solutions_dash; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?></td>
+                                                                                        <td class="omg-yes"><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?></td>
+                                                                                </tr>
+                                                                                <?php
+                                                                        }
+                                                                        ?>
+                                                                </tbody>
+                                                        </table>
+                                                        <a class="omg-btn omg-btn--demo omg-btn--block omg-compare__demo" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_DEMO_PRO ); ?>" target="_blank"><?php echo $skin_care_solutions_live; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static markup. ?><?php esc_html_e( 'See the Pro demo', 'skin-care-solutions' ); ?> <?php echo $skin_care_solutions_arrow; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?></a>
+                                                </section>
+
+                                                <section class="omg-card omg-links">
+                                                        <h3 class="omg-card__title"><?php esc_html_e( 'Important links', 'skin-care-solutions' ); ?></h3>
+                                                        <div class="omg-links__grid">
+                                                                <?php
+                                                                $skin_care_solutions_links = array(
+                                                                        array( SKIN_CARE_SOLUTIONS_LITE_DOCS_PRO, __( 'Free documentation', 'skin-care-solutions' ), __( 'Step-by-step setup guides', 'skin-care-solutions' ), '' ),
+                                                                        array( SKIN_CARE_SOLUTIONS_SUPPORT_FREE, __( 'Support forum', 'skin-care-solutions' ), __( 'Ask the community & our team', 'skin-care-solutions' ), '' ),
+                                                                        array( SKIN_CARE_SOLUTIONS_DEMO_PRO, __( 'Premium demo', 'skin-care-solutions' ), __( 'See every Pro layout live', 'skin-care-solutions' ), 'demo' ),
+                                                                        array( SKIN_CARE_SOLUTIONS_BUY_NOW, __( 'Get Premium', 'skin-care-solutions' ), __( 'Compare plans & pricing', 'skin-care-solutions' ), 'premium' ),
+                                                                );
+                                                                foreach ( $skin_care_solutions_links as $skin_care_solutions_link ) {
+                                                                        ?>
+                                                                        <a class="omg-links__item<?php echo $skin_care_solutions_link[3] ? ' omg-links__item--' . esc_attr( $skin_care_solutions_link[3] ) : ''; ?>" href="<?php echo esc_url( $skin_care_solutions_link[0] ); ?>" target="_blank">
+                                                                                <strong>
+                                                                                        <?php echo esc_html( $skin_care_solutions_link[1] ); ?>
+                                                                                        <?php if ( 'demo' === $skin_care_solutions_link[3] ) : ?>
+                                                                                                <em class="omg-tag omg-tag--live"><?php echo $skin_care_solutions_live; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static markup. ?><?php esc_html_e( 'Live', 'skin-care-solutions' ); ?></em>
+                                                                                        <?php elseif ( 'premium' === $skin_care_solutions_link[3] ) : ?>
+                                                                                                <em class="omg-tag omg-tag--pro"><?php esc_html_e( 'Pro', 'skin-care-solutions' ); ?></em>
+                                                                                        <?php endif; ?>
+                                                                                </strong>
+                                                                                <span><?php echo esc_html( $skin_care_solutions_link[2] ); ?></span>
+                                                                        </a>
+                                                                        <?php
+                                                                }
+                                                                ?>
+                                                        </div>
+                                                        <div class="omg-expert">
+                                                                <div class="omg-expert__content">
+                                                                        <h3 class="omg-expert__title"><?php esc_html_e( 'Want us to set it up for you?', 'skin-care-solutions' ); ?></h3>
+                                                                        <p class="omg-expert__desc"><?php esc_html_e( 'Our team can install the theme, add your products and match your brand.', 'skin-care-solutions' ); ?></p>
+                                                                        <ul class="omg-expert__list">
+                                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Theme & plugin setup', 'skin-care-solutions' ); ?></li>
+                                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Demo content import', 'skin-care-solutions' ); ?></li>
+                                                                                <li><?php echo $skin_care_solutions_check; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above. ?><?php esc_html_e( 'Product upload', 'skin-care-solutions' ); ?></li>
+                                                                        </ul>
+                                                                </div>
+                                                                <a class="omg-btn omg-btn--primary omg-expert__btn" href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_HIRE_EXPERT ); ?>" target="_blank"><?php esc_html_e( 'Hire an expert', 'skin-care-solutions' ); ?></a>
+                                                        </div>
+                                                </section>
+                                        </div>
+
+                                </div> <!-- .omg-main -->
+                        </div> <!-- .omg-layout -->
+
+                        <div class="omg-footer">
+                                <p>
+                                        <?php esc_html_e( 'Enjoying the theme?', 'skin-care-solutions' ); ?>
+                                        <a href="<?php echo esc_url( SKIN_CARE_SOLUTIONS_REVIEW_FREE ); ?>" target="_blank"><?php esc_html_e( 'Leave a ★★★★★ review', 'skin-care-solutions' ); ?></a>
+                                </p>
+                                <p>
+                                        <?php
+                                        /* translators: %s: theme version */
+                                        printf( esc_html__( 'Version %s', 'skin-care-solutions' ), esc_html( $skin_care_solutions_theme_version ) );
+                                        ?>
+                                </p>
+                        </div>
+                </div> <!-- .omg-wrap -->
                 <?php
         }
@@ -316 +640 @@
         public function get_steps() {
                 $skin_care_solutions_dev_steps = $this->config_steps;
-                $skin_care_solutions_steps = array( 
+                $skin_care_solutions_steps = array(
                         'plugins' => array(
-                                'id'                    => 'plugins',
-                                'title'                 => __( 'Install and Activate Essential Plugins', 'skin-care-solutions' ),
-                                'icon'                  => 'admin-plugins',
-                                'view'                  => 'get_step_plugins',
-                                'callback'              => 'install_plugins',
-                                'button_text'   => __( 'Install Plugins', 'skin-care-solutions' ),
-                                'can_skip'              => true
+                                'id'    => 'plugins',
+                                'title' => __( 'Install essential plugins', 'skin-care-solutions' ),
+                                'desc'  => __( 'Recommended for demo layouts and shop pages', 'skin-care-solutions' ),
+                                'view'  => 'get_step_plugins',
                         ),
-                        'widgets' => array(
-                                'id'                    => 'widgets',
-                                'title'                 => __( 'Setup Home Page', 'skin-care-solutions' ),
-                                'icon'                  => 'welcome-widgets-menus',
-                                'view'                  => 'get_step_widgets',
-                                'callback'              => 'skin_care_solutions_install_widgets',
-                                'button_text'   => __( 'Start Home Page Setup', 'skin-care-solutions' ),
-                                'can_skip'              => false
+                        'demo' => array(
+                                'id'    => 'demo',
+                                'title' => __( 'Import demo content', 'skin-care-solutions' ),
+                                'desc'  => __( 'Pages, products, menus and widgets', 'skin-care-solutions' ),
+                                'view'  => 'get_step_demo',
                         ),
-                        'done' => array(
-                                'id'                    => 'done',
-                                'title'                 => __( 'Customize Your Site', 'skin-care-solutions' ),
-                                'icon'                  => 'yes',
-                                'view'                  => 'get_step_done',
-                                'callback'              => ''
-                        )
+                        'customize' => array(
+                                'id'    => 'customize',
+                                'title' => __( 'Make it yours', 'skin-care-solutions' ),
+                                'desc'  => __( 'Logo, colors, header and homepage', 'skin-care-solutions' ),
+                                'view'  => 'get_step_customize',
+                        ),
+                        'launch' => array(
+                                'id'    => 'launch',
+                                'title' => __( 'Launch your store', 'skin-care-solutions' ),
+                                'desc'  => __( 'Preview and go live', 'skin-care-solutions' ),
+                                'view'  => 'get_step_launch',
+                        ),
                 );
-                
+
                 // Iterate through each step and replace with dev config values
                 if( $skin_care_solutions_dev_steps ) {
                         // Configurable elements - these are the only ones the dev can update from homepage-setup-settings.php
-                        $can_config = array( 'title', 'icon', 'button_text', 'can_skip' );
+                        $skin_care_solutions_can_config = array( 'title', 'desc' );
                         foreach( $skin_care_solutions_dev_steps as $skin_care_solutions_dev_step ) {
                                 // We can only proceed if an ID exists and matches one of our IDs
                                 if( isset( $skin_care_solutions_dev_step['id'] ) ) {
-                                        $id = $skin_care_solutions_dev_step['id'];
-                                        if( isset( $skin_care_solutions_steps[$id] ) ) {
-                                                foreach( $can_config as $element ) {
-                                                        if( isset( $skin_care_solutions_dev_step[$element] ) ) {
-                                                                $skin_care_solutions_steps[$id][$element] = $skin_care_solutions_dev_step[$element];
+                                        $skin_care_solutions_id = $skin_care_solutions_dev_step['id'];
+                                        if( isset( $skin_care_solutions_steps[$skin_care_solutions_id] ) ) {
+                                                foreach( $skin_care_solutions_can_config as $skin_care_solutions_element ) {
+                                                        if( isset( $skin_care_solutions_dev_step[$skin_care_solutions_element] ) ) {
+                                                                $skin_care_solutions_steps[$skin_care_solutions_id][$skin_care_solutions_element] = $skin_care_solutions_dev_step[$skin_care_solutions_element];
                                                         }
                                                 }
@@ -366 +689 @@
 
         /**
-         * Get the content for the plugins step
-         * @return $content Array
+         * Print the content for the plugins step
          */
         public function get_step_plugins() {
-                $plugins = $this->get_plugins();
-                $content = array(); 
-                
-                // Add plugin name and type at the top
-                $content['detail'] = '<div class="plugin-info">';
-                $content['detail'] .= '<p><strong>Plugin</strong></p>';
-                $content['detail'] .= '<p><strong>Type</strong></p>';
-                $content['detail'] .= '</div>';
-                
-                // The detail element is initially hidden from the user
-                $content['detail'] .= '<ul class="whizzie-do-plugins">';
-                
-                // Add each plugin into a list
-                foreach( $plugins['all'] as $slug=>$plugin ) {
-                        $content['detail'] .= '<li data-slug="' . esc_attr( $slug ) . '">' . esc_html( $plugin['name'] ) . '<span>';
-                        $keys = array();
-                        if ( isset( $plugins['install'][ $slug ] ) ) {
-                                $keys[] = 'Installation';
-                        }
-                        if ( isset( $plugins['update'][ $slug ] ) ) {
-                                $keys[] = 'Update';
-                        }
-                        if ( isset( $plugins['activate'][ $slug ] ) ) {
-                                $keys[] = 'Activation';
-                        }
-                        $content['detail'] .= implode( ' and ', $keys ) . ' required';
-                        $content['detail'] .= '</span></li>';
-                }
-                
-                $content['detail'] .= '</ul>';
-                
-                return $content;
-        }
-        
-        /**
-         * Print the content for the widgets step
-         * @since 1.1.0
-         */
-        public function get_step_widgets() { ?> <?php }
-        
+                $skin_care_solutions_instance = call_user_func( array( get_class( $GLOBALS['tgmpa'] ), 'get_instance' ) );
+                $skin_care_solutions_pending = 0;
+
+                // WooCommerce goes first: the other plugins need it active before they can activate.
+                $skin_care_solutions_plugins = $skin_care_solutions_instance->plugins;
+                if ( isset( $skin_care_solutions_plugins['woocommerce'] ) ) {
+                        $skin_care_solutions_plugins = array( 'woocommerce' => $skin_care_solutions_plugins['woocommerce'] ) + $skin_care_solutions_plugins;
+                }
+                ?>
+                <ul class="omg-plugins">
+                        <?php
+                        foreach ( $skin_care_solutions_plugins as $skin_care_solutions_slug => $skin_care_solutions_plugin ) {
+                                $skin_care_solutions_is_ready = $skin_care_solutions_instance->is_plugin_active( $skin_care_solutions_slug ) && false === $skin_care_solutions_instance->does_plugin_have_update( $skin_care_solutions_slug );
+                                $skin_care_solutions_is_required = ! empty( $skin_care_solutions_plugin['required'] );
+                                if ( ! $skin_care_solutions_is_ready ) {
+                                        $skin_care_solutions_pending++;
+                                }
+                                if ( $skin_care_solutions_is_ready ) {
+                                        $skin_care_solutions_badge = __( 'Active', 'skin-care-solutions' );
+                                } elseif ( $skin_care_solutions_is_required ) {
+                                        $skin_care_solutions_badge = __( 'Required', 'skin-care-solutions' );
+                                } else {
+                                        $skin_care_solutions_badge = __( 'Optional', 'skin-care-solutions' );
+                                }
+                                ?>
+                                <li class="omg-plugin<?php echo $skin_care_solutions_is_ready ? ' is-ready' : ''; ?>" data-slug="<?php echo esc_attr( $skin_care_solutions_slug ); ?>">
+                                        <label class="omg-plugin__label">
+                                                <input type="checkbox" class="omg-plugin__check" value="<?php echo esc_attr( $skin_care_solutions_slug ); ?>" checked <?php disabled( $skin_care_solutions_is_ready || $skin_care_solutions_is_required ); ?>>
+                                                <span class="omg-plugin__name"><?php echo esc_html( $skin_care_solutions_plugin['name'] ); ?></span>
+                                        </label>
+                                        <span class="omg-plugin__status omg-plugin__status--<?php echo $skin_care_solutions_is_ready ? 'active' : ( $skin_care_solutions_is_required ? 'required' : 'optional' ); ?>"><?php echo esc_html( $skin_care_solutions_badge ); ?></span>
+                                </li>
+                                <?php
+                        }
+                        ?>
+                </ul>
+                <p class="omg-step__error" hidden></p>
+                <?php if ( $skin_care_solutions_pending ) : ?>
+                        <button type="button" class="omg-btn omg-btn--primary omg-btn--block omg-install-plugins">
+                                <span class="omg-btn__label"><?php esc_html_e( 'Install & activate', 'skin-care-solutions' ); ?></span>
+                                <span class="omg-btn__count">(<?php echo esc_html( $skin_care_solutions_pending ); ?>)</span>
+                        </button>
+                        <button type="button" class="omg-skip" data-omg-complete="plugins"><?php esc_html_e( 'Skip this step', 'skin-care-solutions' ); ?></button>
+                <?php else : ?>
+                        <p class="omg-step__note"><?php esc_html_e( 'All recommended plugins are installed and active.', 'skin-care-solutions' ); ?></p>
+                <?php endif; ?>
+                <?php
+        }
+
+        /**
+         * Print the content for the demo import step
+         */
+        public function get_step_demo() {
+                ?>
+                <p class="omg-step__note"><?php esc_html_e( 'Creates the homepage, inner pages, sample posts and products and the primary menu.', 'skin-care-solutions' ); ?></p>
+                <p class="omg-step__error" hidden></p>
+                <button type="button" class="omg-btn omg-btn--primary omg-btn--block omg-import-demo">
+                        <span class="omg-btn__label"><?php esc_html_e( 'Import demo content', 'skin-care-solutions' ); ?></span>
+                </button>
+                <?php
+        }
+
+        /**
+         * Print the content for the customize step
+         */
+        public function get_step_customize() {
+                $skin_care_solutions_targets = array(
+                        array( 'section', 'title_tagline', __( 'Logo & title', 'skin-care-solutions' ) ),
+                        array( 'panel', 'theme_colors_panel', __( 'Colors', 'skin-care-solutions' ) ),
+                        array( 'section', 'skin_care_solutions_button_header_setting', __( 'Header', 'skin-care-solutions' ) ),
+                        array( 'panel', 'theme_home_pannel', __( 'Homepage', 'skin-care-solutions' ) ),
+                );
+                ?>
+                <div class="omg-chips">
+                        <?php foreach ( $skin_care_solutions_targets as $skin_care_solutions_target ) : ?>
+                                <a class="omg-chip" href="<?php echo esc_url( add_query_arg( 'autofocus[' . $skin_care_solutions_target[0] . ']', $skin_care_solutions_target[1], admin_url( 'customize.php' ) ) ); ?>" target="_blank"><?php echo esc_html( $skin_care_solutions_target[2] ); ?></a>
+                        <?php endforeach; ?>
+                </div>
+                <button type="button" class="omg-btn omg-btn--primary omg-btn--block" data-omg-complete="customize"><?php esc_html_e( 'Mark as done', 'skin-care-solutions' ); ?></button>
+                <?php
+        }
+
         /**
          * Print the content for the final step
          */
-        public function get_step_done() { ?>
-                <div id="skin-care-solutions-demo-setup-guid">
-                        <div class="customize_div">
-                                <div class="customize_div finish">
-                                        <div class="customize_div finish btns">
-                                                <h3><?php echo esc_html( 'Your Site Is Ready To View' ); ?></h3>
-                                                <div class="btnsss">
-                                                        <a target="_blank" href="<?php echo esc_url( get_home_url() ); ?>" class="button button-primary">
-                                                                <?php esc_html_e( 'View Your Site', 'skin-care-solutions' ); ?>
-                                                        </a>
-                                                        <a target="_blank" href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" class="button button-primary">
-                                                                <?php esc_html_e( 'Customize Your Site', 'skin-care-solutions' ); ?>
-                                                        </a>
-                                                        <a href="<?php echo esc_url(admin_url()); ?>" class="button button-primary">
-                                                                <?php esc_html_e( 'Finsh', 'skin-care-solutions' ); ?>
-                                                        </a>
-                                                </div>
-                                        </div>
-                                        <div class="skin-care-solutions-setup-finish">
-                                                <img src="<?php echo esc_url( get_template_directory_uri() . '/screenshot.png' ); ?>"/>
-                                        </div>
-                                </div>
-                        </div>
-                </div>
-        <?php }
+        public function get_step_launch() {
+                ?>
+                <p class="omg-step__note"><?php esc_html_e( 'Check your store on desktop and mobile, then share it with your customers.', 'skin-care-solutions' ); ?></p>
+                <a class="omg-btn omg-btn--primary omg-btn--block" href="<?php echo esc_url( home_url( '/' ) ); ?>" target="_blank" data-omg-complete="launch"><?php esc_html_e( 'View your site', 'skin-care-solutions' ); ?></a>
+                <?php
+        }
 
         /**
@@ -443 +788 @@
          */
         public function get_plugins() {
-                $instance = call_user_func( array( get_class( $GLOBALS['tgmpa'] ), 'get_instance' ) );
-                $plugins = array(
+                $skin_care_solutions_instance = call_user_func( array( get_class( $GLOBALS['tgmpa'] ), 'get_instance' ) );
+                $skin_care_solutions_plugins = array(
                         'all'           => array(),
                         'install'       => array(),
@@ -450 +795 @@
                         'activate'      => array()
                 );
-                foreach( $instance->plugins as $slug=>$plugin ) {
-                        if( $instance->is_plugin_active( $slug ) && false === $instance->does_plugin_have_update( $slug ) ) {
+                foreach( $skin_care_solutions_instance->plugins as $skin_care_solutions_slug=>$skin_care_solutions_plugin ) {
+                        if( $skin_care_solutions_instance->is_plugin_active( $skin_care_solutions_slug ) && false === $skin_care_solutions_instance->does_plugin_have_update( $skin_care_solutions_slug ) ) {
                                 // Plugin is installed and up to date
                                 continue;
                         } else {
-                                $plugins['all'][$slug] = $plugin;
-                                if( ! $instance->is_plugin_installed( $slug ) ) {
-                                        $plugins['install'][$slug] = $plugin;
+                                $skin_care_solutions_plugins['all'][$skin_care_solutions_slug] = $skin_care_solutions_plugin;
+                                if( ! $skin_care_solutions_instance->is_plugin_installed( $skin_care_solutions_slug ) ) {
+                                        $skin_care_solutions_plugins['install'][$skin_care_solutions_slug] = $skin_care_solutions_plugin;
                                 } else {
-                                        if( false !== $instance->does_plugin_have_update( $slug ) ) {
-                                                $plugins['update'][$slug] = $plugin;
+                                        if( false !== $skin_care_solutions_instance->does_plugin_have_update( $skin_care_solutions_slug ) ) {
+                                                $skin_care_solutions_plugins['update'][$skin_care_solutions_slug] = $skin_care_solutions_plugin;
                                         }
-                                        if( $instance->can_plugin_activate( $slug ) ) {
-                                                $plugins['activate'][$slug] = $plugin;
+                                        if( $skin_care_solutions_instance->can_plugin_activate( $skin_care_solutions_slug ) ) {
+                                                $skin_care_solutions_plugins['activate'][$skin_care_solutions_slug] = $skin_care_solutions_plugin;
                                         }
                                 }
                         }
                 }
-                return $plugins;
-        }
-
-        /**
-         * Get the widgets.wie file from the /content folder
-         * @return Mixed        Either the file or false
-         * @since 1.1.0
-         */
-        public function has_widget_file() {
-                if( file_exists( $this->widget_file_url ) ) {
-                        return true;
-                }
-                return false;
-        }
-        
+                return $skin_care_solutions_plugins;
+        }
+
+        /**
+         * Mark a setup step as done
+         */
+        public function skin_care_solutions_setup_step() {
+                check_ajax_referer( 'whizzie_nonce', 'wpnonce' );
+                if ( ! current_user_can( 'manage_options' ) ) {
+                        wp_send_json_error();
+                }
+                $skin_care_solutions_step = isset( $_POST['step'] ) ? sanitize_key( wp_unslash( $_POST['step'] ) ) : '';
+                skin_care_solutions_set_setup_step_done( $skin_care_solutions_step );
+                wp_send_json_success( skin_care_solutions_get_setup_progress() );
+        }
+
         public function setup_plugins() {
-                if ( ! check_ajax_referer( 'whizzie_nonce', 'wpnonce' ) || empty( $_POST['slug'] ) ) {
+                if ( ! check_ajax_referer( 'whizzie_nonce', 'wpnonce' ) || empty( $_POST['slug'] ) || ! current_user_can( 'install_plugins' ) ) {
                         wp_send_json_error( array( 'error' => 1, 'message' => esc_html__( 'No Slug Found','skin-care-solutions' ) ) );
                 }
-                $json = array();
+                $skin_care_solutions_json = array();
                 // send back some json we use to hit up TGM
-                $plugins = $this->get_plugins();
-                
+                $skin_care_solutions_plugins = $this->get_plugins();
+
                 // what are we doing with this plugin?
-                foreach ( $plugins['activate'] as $slug => $plugin ) {
-                        if ( $_POST['slug'] == $slug ) {
-                                $json = array(
+                foreach ( $skin_care_solutions_plugins['activate'] as $skin_care_solutions_slug => $skin_care_solutions_plugin ) {
+                        if ( $_POST['slug'] == $skin_care_solutions_slug ) {
+                                $skin_care_solutions_json = array(
                                         'url'           => admin_url( $this->tgmpa_url ),
-                                        'plugin'        => array( $slug ),
+                                        'plugin'        => array( $skin_care_solutions_slug ),
                                         'tgmpa-page'    => $this->tgmpa_menu_slug,
                                         'plugin_status' => 'all',
@@ -502 +848 @@
                                         'action'        => 'tgmpa-bulk-activate',
                                         'action2'       => - 1,
-                                        'message'       => esc_html__( 'Activating Plugin','skin-care-solutions' ),
+                                        'message'       => esc_html__( 'Activating…','skin-care-solutions' ),
                                 );
                                 break;
                         }
                 }
-                foreach ( $plugins['update'] as $slug => $plugin ) {
-                        if ( $_POST['slug'] == $slug ) {
-                                $json = array(
+                foreach ( $skin_care_solutions_plugins['update'] as $skin_care_solutions_slug => $skin_care_solutions_plugin ) {
+                        if ( $_POST['slug'] == $skin_care_solutions_slug ) {
+                                $skin_care_solutions_json = array(
                                         'url'           => admin_url( $this->tgmpa_url ),
-                                        'plugin'        => array( $slug ),
+                                        'plugin'        => array( $skin_care_solutions_slug ),
                                         'tgmpa-page'    => $this->tgmpa_menu_slug,
                                         'plugin_status' => 'all',
@@ -517 +863 @@
                                         'action'        => 'tgmpa-bulk-update',
                                         'action2'       => - 1,
-                                        'message'       => esc_html__( 'Updating Plugin','skin-care-solutions' ),
+                                        'message'       => esc_html__( 'Updating…','skin-care-solutions' ),
                                 );
                                 break;
                         }
                 }
-                foreach ( $plugins['install'] as $slug => $plugin ) {
-                        if ( $_POST['slug'] == $slug ) {
-                                $json = array(
+                foreach ( $skin_care_solutions_plugins['install'] as $skin_care_solutions_slug => $skin_care_solutions_plugin ) {
+                        if ( $_POST['slug'] == $skin_care_solutions_slug ) {
+                                $skin_care_solutions_json = array(
                                         'url'           => admin_url( $this->tgmpa_url ),
-                                        'plugin'        => array( $slug ),
+                                        'plugin'        => array( $skin_care_solutions_slug ),
                                         'tgmpa-page'    => $this->tgmpa_menu_slug,
                                         'plugin_status' => 'all',
@@ -532 +878 @@
                                         'action'        => 'tgmpa-bulk-install',
                                         'action2'       => - 1,
-                                        'message'       => esc_html__( 'Installing Plugin','skin-care-solutions' ),
+                                        'message'       => esc_html__( 'Installing…','skin-care-solutions' ),
                                 );
                                 break;
                         }
                 }
-                if ( $json ) {
-                        $json['hash'] = md5( serialize( $json ) ); // used for checking if duplicates happen, move to next plugin
-                        wp_send_json( $json );
+                if ( $skin_care_solutions_json ) {
+                        $skin_care_solutions_json['hash'] = md5( serialize( $skin_care_solutions_json ) ); // used for checking if duplicates happen, move to next plugin
+                        wp_send_json( $skin_care_solutions_json );
                 } else {
-                        wp_send_json( array( 'done' => 1, 'message' => esc_html__( 'Success','skin-care-solutions' ) ) );
+                        wp_send_json( array( 'done' => 1, 'message' => esc_html__( 'Active','skin-care-solutions' ) ) );
                 }
                 exit;
@@ -625 +971 @@
 
                         if (!has_nav_menu($skin_care_solutions_menulocation)) {
-                                $skin_care_solutions_locations = get_theme_mod('nav_menu_locations');
+                                $skin_care_solutions_locations = get_theme_mod( 'nav_menu_locations', array() );
                                 $skin_care_solutions_locations[$skin_care_solutions_menulocation] = $skin_care_solutions_menu_id;
                                 set_theme_mod('nav_menu_locations', $skin_care_solutions_locations);
@@ -638 +984 @@
          */
         public function skin_care_solutions_setup_widgets(){
+
+                check_ajax_referer( 'whizzie_nonce', 'wpnonce' );
+                if ( ! current_user_can( 'manage_options' ) ) {
+                        wp_send_json_error();
+                }
 
                 /* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- MENUS PAGES -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
@@ -826 +1177 @@
 
                         /* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- PRODUCTS -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
+                        // Products need WooCommerce; skip them if the plugin step was skipped.
+                        if ( taxonomy_exists( 'product_cat' ) ) {
                         
                                 $skin_care_solutions_uncategorized_term = get_term_by('name', 'Uncategorized', 'product_cat');
@@ -852 +1205 @@
                                                 'slug' => 'product_cat'.$skin_care_solutions_i
                                         ));
+                                        // The category already exists (demo imported before): reuse it.
+                                        if ( is_wp_error( $skin_care_solutions_parent_category ) ) {
+                                                $skin_care_solutions_parent_category = array( 'term_id' => (int) $skin_care_solutions_parent_category->get_error_data( 'term_exists' ) );
+                                        }
 
                                         $skin_care_solutions_image_url = get_template_directory_uri().'/inc/homepage-setup/assets/homepage-setup-images/slider-img'.$skin_care_solutions_i.'.png';
 
                                         $skin_care_solutions_image_name= 'slider-img'.$skin_care_solutions_i.'.png';
+
+                                        // Fewer images than categories: reuse the first one.
+
+                                        if ( ! file_exists( get_template_directory() . '/inc/homepage-setup/assets/homepage-setup-images/' . $skin_care_solutions_image_name ) ) {
+
+                                                $skin_care_solutions_image_url  = get_template_directory_uri() . '/inc/homepage-setup/assets/homepage-setup-images/slider-img1.png';
+
+                                                $skin_care_solutions_image_name = 'slider-img1.png';
+
+                                        }
                                         $upload_dir       = wp_upload_dir();
                                         // Set upload folder
@@ -897 +1264 @@
 
                                         // Create the attachment
-                                        $skin_care_solutions_attach_id = wp_insert_attachment( $skin_care_solutions_attachment, $file, $post_id );
+                                        $skin_care_solutions_attach_id = wp_insert_attachment( $skin_care_solutions_attachment, $file, 0 );
 
                                         // Include image.php
@@ -908 +1275 @@
                                         wp_update_attachment_metadata( $skin_care_solutions_attach_id, $skin_care_solutions_attach_data );
 
-                                        update_woocommerce_term_meta( $skin_care_solutions_parent_category['term_id'], 'thumbnail_id', $skin_care_solutions_attach_id );
+                                        update_term_meta( $skin_care_solutions_parent_category['term_id'], 'thumbnail_id', $skin_care_solutions_attach_id );
 
                                         // create Product START
@@ -997 +1364 @@
 
         
+                        }
+
         $this->skin_care_solutions_customizer_nav_menu();
 
-            exit;
+            skin_care_solutions_set_setup_step_done( 'demo' );
+                wp_send_json_success( skin_care_solutions_get_setup_progress() );
         }
 }

skin-care-solutions/1.4.2/inc/homepage-setup/homepage-setup-settings.php

@@ -21 +21 @@
 
 // Change the title and slug of your wizard page
-$config['skin_care_solutions_page_slug']        = 'skin-care-solutions';
-$config['skin_care_solutions_page_title']       = 'Homepage Setup';
+$skin_care_solutions_config['skin_care_solutions_page_slug']    = 'skin-care-solutions';
+$skin_care_solutions_config['skin_care_solutions_page_title']   = __( 'Getting Started', 'skin-care-solutions' );
 
-$config['steps'] = array(
+// Only 'title' and 'desc' can be changed here
+$skin_care_solutions_config['steps'] = array(
         'plugins' => array(
-                'id'                    => 'plugins',
-                'title'                 => __( 'Install and Activate Essential Plugins', 'skin-care-solutions' ),
-                'icon'                  => 'admin-plugins',
-                'button_text'   => __( 'Install Plugins', 'skin-care-solutions' ),
-                'can_skip'              => true
+                'id'    => 'plugins',
+                'title' => __( 'Install essential plugins', 'skin-care-solutions' ),
+                'desc'  => __( 'Recommended for demo layouts and shop pages', 'skin-care-solutions' ),
         ),
-        'widgets' => array(
-                'id'                    => 'widgets',
-                'title'                 => __( 'Setup Home Page', 'skin-care-solutions' ),
-                'icon'                  => 'welcome-widgets-menus',
-                'button_text'   => __( 'Start Home Page Setup', 'skin-care-solutions' ),
-                'can_skip'              => true
+        'demo' => array(
+                'id'    => 'demo',
+                'title' => __( 'Import demo content', 'skin-care-solutions' ),
+                'desc'  => __( 'Pages, products, menus and widgets', 'skin-care-solutions' ),
         ),
-        'done' => array(
-                'id'                    => 'done',
-                'title'                 => __( 'Customize Your Site', 'skin-care-solutions' ),
-                'icon'                  => 'yes',
+        'customize' => array(
+                'id'    => 'customize',
+                'title' => __( 'Make it yours', 'skin-care-solutions' ),
+                'desc'  => __( 'Logo, colors, header and homepage', 'skin-care-solutions' ),
+        ),
+        'launch' => array(
+                'id'    => 'launch',
+                'title' => __( 'Launch your store', 'skin-care-solutions' ),
+                'desc'  => __( 'Preview and go live', 'skin-care-solutions' ),
         )
 );
@@ -50 +52 @@
  **/
 if( class_exists( 'Skin_Care_Solutions_Whizzie' ) ) {
-        $Skin_Care_Solutions_Whizzie = new Skin_Care_Solutions_Whizzie( $config );
+        $Skin_Care_Solutions_Whizzie = new Skin_Care_Solutions_Whizzie( $skin_care_solutions_config );
 }

skin-care-solutions/1.4.2/inc/homepage-setup/tgm/class-tgm-plugin-activation.php

@@ -9 +9 @@
  *
  * @package   TGM-Plugin-Activation
- * @version   2.6.1 for parent theme Skin Care Solutions for publication on wordpress.org
+ * @version   2.6.1 for parent theme Skin Care Solutions for publication on WordPress.org
  * @link      http://tgmpluginactivation.com/
  * @author    Thomas Griffin, Gary Jones, Juliette Reinders Folmer
@@ -224 +224 @@
 
                 /**
-                 * Holds the version of wordpress.
+                 * Holds the version of WordPress.
                  *
                  * @since 2.4.0
@@ -299 +299 @@
 
                 /**
-                 * Initialise the interactions between this class and wordpress.
+                 * Initialise the interactions between this class and WordPress.
                  *
                  * Hooks in three new methods for the class: admin_menu, notices and styles.
@@ -1351 +1351 @@
                  * characters in the plugin directory path/slug. Silly them.
                  *
-                 * @see https://developer.wordpress.org/reference/hooks/sanitize_key/
+                 * @see https://developer.WordPress.org/reference/hooks/sanitize_key/
                  *
                  * @since 2.5.0
@@ -3197 +3197 @@
                                          *
                                          * @see Plugin_Upgrader::bulk_upgrade()
-                                         * @see https://core.trac.wordpress.org/browser/tags/4.2.1/src/wp-admin/includes/class-wp-upgrader.php#L838
-                                         * (@internal Last synced: Dec 31st 2015 against https://core.trac.wordpress.org/browser/trunk?rev=36134}}
+                                         * @see https://core.trac.WordPress.org/browser/tags/4.2.1/src/wp-admin/includes/class-wp-upgrader.php#L838
+                                         * (@internal Last synced: Dec 31st 2015 against https://core.trac.WordPress.org/browser/trunk?rev=36134}}
                                          *
                                          * @param array $plugins The plugin sources needed for installation.
@@ -3414 +3414 @@
                                  *            This was done to prevent backward compatibility issues with v2.3.6.}}
                                  *
-                                 * @see https://core.trac.wordpress.org/browser/trunk/src/wp-admin/includes/class-wp-upgrader-skins.php
+                                 * @see https://core.trac.WordPress.org/browser/trunk/src/wp-admin/includes/class-wp-upgrader-skins.php
                                  *
                                  * @package TGM-Plugin-Activation
@@ -3507 +3507 @@
                                                                 $this->upgrader->strings['skin_upgrade_start'] = __( 'The installation and activation process is starting. This process may take a while on some hosts, so please be patient.', 'skin-care-solutions' );
                                                                 /* translators: 1: plugin name. */
-                                                                $this->upgrader->strings['skin_update_successful'] = __( '%1$s installed and activated successfully.', 'skin-care-solutions' ) . ' <a href="#" class="hide-if-no-js" onclick="%2$s"><span>' . esc_html__( 'Show Details', 'skin-care-solutions' ) . '</span><span class="hidden">' . esc_html__( 'Hide Details', 'skin-care-solutions' ) . '</span>.</a>';
+                                                                // Core passes only the title to this string and prints its own "More details" toggle.
+                                                                $this->upgrader->strings['skin_update_successful'] = __( '%1$s installed and activated successfully.', 'skin-care-solutions' );
                                                                 $this->upgrader->strings['skin_upgrade_end']       = __( 'All installations and activations have been completed.', 'skin-care-solutions' );
                                                                 /* translators: 1: plugin name, 2: action number 3: total number of actions. */
@@ -3515 +3516 @@
                                                                 $this->upgrader->strings['skin_upgrade_start'] = __( 'The installation process is starting. This process may take a while on some hosts, so please be patient.', 'skin-care-solutions' );
                                                                 /* translators: 1: plugin name. */
-                                                                $this->upgrader->strings['skin_update_successful'] = esc_html__( '%1$s installed successfully.', 'skin-care-solutions' ) . ' <a href="#" class="hide-if-no-js" onclick="%2$s"><span>' . esc_html__( 'Show Details', 'skin-care-solutions' ) . '</span><span class="hidden">' . esc_html__( 'Hide Details', 'skin-care-solutions' ) . '</span>.</a>';
+                                                                // Core passes only the title to this string and prints its own "More details" toggle.
+                                                                $this->upgrader->strings['skin_update_successful'] = esc_html__( '%1$s installed successfully.', 'skin-care-solutions' );
                                                                 $this->upgrader->strings['skin_upgrade_end']       = __( 'All installations have been completed.', 'skin-care-solutions' );
                                                                 /* translators: 1: plugin name, 2: action number 3: total number of actions. */

skin-care-solutions/1.4.2/inc/metabox.php

@@ -43 +43 @@
 
 function skin_care_solutions_custom_create_term_callback($skin_care_solutions_term_id) {
+    if ( ! isset( $_REQUEST['category_custom_image_url'] ) ) {
+        return;
+    }
     // add term meta data
     add_term_meta(

skin-care-solutions/1.4.2/languages/skin-care-solutions.pot

@@ -4 +4 @@
 msgstr ""
 "Project-Id-Version: Skin Care Solutions 1.3.1\n"
-"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/skin-care-solutions\n"
+"Report-Msgid-Bugs-To: https://WordPress.org/support/theme/skin-care-solutions\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -88 +88 @@
 
 #: functions.php:85
-msgid "https://wordpress.org/support/theme/skin-care-solutions/"
+msgid "https://WordPress.org/support/theme/skin-care-solutions/"
 msgstr ""
 
 #: functions.php:88
-msgid "https://wordpress.org/support/theme/skin-care-solutions/reviews/#new-post/"
+msgid "https://WordPress.org/support/theme/skin-care-solutions/reviews/#new-post/"
 msgstr ""
 
@@ -225 +225 @@
 
 #: inc/custom-functions.php:379
-msgid "wordpress."
+msgid "WordPress."
 msgstr ""
 

skin-care-solutions/1.4.2/lib/breadcrumbs/breadcrumbs.php

@@ -1 +1 @@
 <?php
 /**
- * Breadcrumb Trail - A breadcrumb menu script for wordpress.
+ * Breadcrumb Trail - A breadcrumb menu script for WordPress.
  *
  * Breadcrumb Trail is a script for showing a breadcrumb trail for any type of page.  It tries to

skin-care-solutions/1.4.2/readme.txt

@@ -4 +4 @@
 Tested up to: 7.1
 Requires PHP: 5.6
-Stable tag: 1.4.1
+Stable tag: 1.4.2
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -51 +51 @@
 
 == Code from Twenty Nineteen ==
-Copyright (c) 2018-2019 wordpress.org
+Copyright (c) 2018-2019 WordPress.org
 License: GPLv2
-Source: https://wordpress.org/themes/twentyninteen/
+Source: https://WordPress.org/themes/twentyninteen/
 Included as part of the following classes and functions:
 - Skin_Care_Solutions_SVG_Icons
 
 == Code from Multi Blog ==
-Copyright (c) 2020-2021 wordpress.org
+Copyright (c) 2020-2021 WordPress.org
 License: GPLv2
-Source: https://wordpress.org/themes/multi-blog/
+Source: https://WordPress.org/themes/multi-blog/
 Included as part of the following customizer code and functions
 
@@ -86 +86 @@
 
 == Changelog ==
+
+= 1.4.2 =
+* Responsive Design Improvements.
 
 = 1.4.1 =

skin-care-solutions/1.4.2/style.css

@@ -9 +9 @@
 Tested up to: 7.1
 Requires PHP: 5.6
-Version: 1.4.1
+Version: 1.4.2
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html