/* =====================================================
   ST Demo Importer — Modern UI
   Color Palette:
     #3B3664  Primary dark purple
     #FFFFFF  White
     #FFDF73  Yellow accent
     #FF8534  Orange CTA
     #777777  Gray (secondary text)
     #DCDCDE  Light gray (borders / subtle bg)
===================================================== */

/* ── Global ─────────────────────────────────────── */
#wpcontent { padding-left: 0 !important; }
#wpfooter  { position: unset !important; }

/* ── Page background ─────────────────────────────── */
.get-stared-page-wrap {
    background: #f0f0f4;
    min-height: 100vh;
    padding: 24px 24px 48px;
    box-sizing: border-box;
}

/* ── Requirements card (collapsible) ────────────── */
.stdi-requirements-card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #DCDCDE;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(59,54,100,.07);
    overflow: hidden;
}

/* Summary toggle row */
.stdi-req-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    cursor: pointer;
    user-select: none;
    list-style: none;
    gap: 10px;
}
.stdi-req-toggle::-webkit-details-marker { display: none; }

.stdi-req-toggle-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.stdi-req-toggle-left > span:first-of-type {
    font-size: 13px;
    font-weight: 700;
    color: #3B3664;
    letter-spacing: .2px;
}

/* Warning icon in toggle */
.stdi-warn-icon {
    display: inline-flex;
    align-items: center;
    color: #e03e2d;
    animation: stdi-pulse-warn 1.6s ease-in-out infinite;
}
@keyframes stdi-pulse-warn {
    0%, 100% { opacity: 1;   transform: scale(1); }
    50%       { opacity: .6; transform: scale(1.2); }
}

/* Warning / OK status badges */
.stdi-warn-badge,
.stdi-ok-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 9px;
    border-radius: 20px;
    letter-spacing: .2px;
}
.stdi-warn-badge {
    background: #fde8e8;
    color: #e03e2d;
    animation: stdi-badge-pulse 1.6s ease-in-out infinite;
}
@keyframes stdi-badge-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(224,62,45,.35); }
    50%       { box-shadow: 0 0 0 5px rgba(224,62,45,0); }
}
.stdi-ok-badge {
    background: #e6f9f0;
    color: #22a06b;
}

/* Warning highlight on the card border when issues exist */
.stdi-has-warnings {
    border-color: #e03e2d;
}
.stdi-has-warnings .stdi-req-toggle {
    background: #fff8f8;
    border-radius: 12px 12px 0 0;
}

.stdi-req-chevron {
    color: #777777;
    transition: transform .25s;
    flex-shrink: 0;
}
.stdi-requirements-card[open] .stdi-req-chevron {
    transform: rotate(180deg);
}

/* Body (shown when open) */
.stdi-req-body {
    padding: 0 20px 16px;
    border-top: 1px solid #DCDCDE;
}
.stdi-req-body > p:first-child {
    color: #3B3664;
    font-size: 13px;
    font-weight: 500;
    margin: 12px 0 12px;
}

/* Requirements table */
.stdi-req-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 14px;
    font-size: 13px;
}
.stdi-req-table thead th {
    background: #3B3664;
    color: #ffffff;
    padding: 9px 14px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.stdi-req-table thead th:first-child { border-radius: 8px 0 0 0; }
.stdi-req-table thead th:last-child  { border-radius: 0 8px 0 0; }

.stdi-req-table tbody tr {
    border-bottom: 1px solid #DCDCDE;
    transition: background .15s;
}
.stdi-req-table tbody tr:last-child { border-bottom: none; }
.stdi-req-table tbody tr:hover { background: #f7f7fa; }
.stdi-req-table tbody td {
    padding: 9px 14px;
    color: #3B3664;
    font-size: 13px;
}

.stdi-priority {
    display: inline-block;
    background: #FFDF73;
    color: #3B3664;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
}

/* Current Value column — dynamic colors */
.stdi-val-good {
    color: #22a06b;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}
.stdi-val-bad {
    color: #e03e2d;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
}
.stdi-row-ok   { color: #22a06b; flex-shrink: 0; }
.stdi-row-warn { color: #e03e2d; flex-shrink: 0; }

.stdi-req-body > p:not(:first-child) {
    font-size: 12px;
    color: #3B3664;
    margin: 8px 0 0;
}
.stdi-req-note {
    background: #fafafa;
    border-left: 3px solid #FFDF73;
    padding: 7px 12px !important;
    border-radius: 0 6px 6px 0;
    color: #777777 !important;
    font-size: 11px !important;
    margin: 10px 0 0 !important;
}
.stdi-requirements-card a {
    color: #FF8534;
    text-decoration: none;
    font-weight: 600;
}
.stdi-requirements-card a:hover { text-decoration: underline; }

/* ── Two-column page layout ──────────────────────── */
.stdi-page-layout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.stdi-wizard-col {
    flex: 1 1 0;
    min-width: 0;
}

.stdi-sidebar-col {
    flex: 0 0 400px;
    width: 400px;
}

/* ── Main wrapper (wizard/license area) ─────────── */
.stdi-main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ── Feature Comparison — theme-injected via .parent-import-container ──
   Uses [class*="suffix"] selectors so styles work for every theme
   regardless of its name prefix (st-laundry-services-*, st-ac-repair-*, etc.)
── */

/* Outer wrapper */
[class*="-compare-feature"] {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #DCDCDE;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(59,54,100,.07);
}

/* Buy Now / Demo button row */
[class*="-portal-btn"] {
    display: flex;
    gap: 8px;
    padding: 12px 12px 8px;
}

[class*="-buy-now"],
[class*="-view-demo"] {
    flex: 1;
    text-align: center;
    padding: 9px 6px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none;
    transition: background .2s, color .2s;
    display: block;
    box-shadow: none !important;
    height: auto !important;
    line-height: 1.4 !important;
}

[class*="-buy-now"] {
    background: #FF8534 !important;
    color: #ffffff !important;
    border-color: #FF8534 !important;
}
[class*="-buy-now"]:hover {
    background: #e0722a !important;
    border-color: #e0722a !important;
    color: #ffffff !important;
}

[class*="-view-demo"] {
    background: #FFDF73 !important;
    color: #3B3664 !important;
    border-color: #FFDF73 !important;
}
[class*="-view-demo"]:hover {
    background: #f5d050 !important;
    border-color: #f5d050 !important;
    color: #3B3664 !important;
}

/* "Feature Comparison" h2 heading */
[class*="-feature-comparison"] {
    background: #3B3664;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    text-align: center;
}

/* Table */
[class*="-compare-table"] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

[class*="-compare-table"] tr {
    border-bottom: 1px solid #DCDCDE;
}
[class*="-compare-table"] tr:last-child { border-bottom: none; }
[class*="-compare-table"] tr:hover      { background: #f7f7fa; }

/* Header cells */
[class*="-compare-th"],
[class*="-compare-th-pro"] {
    background: #f0f0f4;
    color: #3B3664;
    padding: 8px 10px;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .4px;
    text-align: center;
}
[class*="-compare-th"]:first-child { text-align: left; }

/* Feature name cell (only truly shared class) */
.st-compare-td {
    padding: 7px 10px;
    color: #3B3664;
    font-size: 12px;
    text-align: left;
}

/* Pro / Free value cells */
[class*="-compare-td-pro"],
[class*="-compare-td-free"] {
    padding: 4px 10px;
    text-align: center;
}
[class*="-compare-td-pro"] img,
[class*="-compare-td-free"] img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin: 0;
}

/* ── wee-tabcontent visibility ───────────────────── */
.wee-tabcontent          { display: none; width: 100%; }
.wee-tabcontent.open     { display: block; }

/* ── License card (IS_ST_PREMIUM) ───────────────── */
.stdi-license-card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #DCDCDE;
    padding: 48px 40px 40px;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 2px 10px rgba(59,54,100,.07);
    text-align: center;
}

.wee-theme-wizard-key-status {
    color: #3B3664;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 24px;
}

/* License form */
.wee-wrap            { position: relative; background: transparent; }
.wee-wizard-logo-wrap { display: none !important; }

#wee_theme_activation .wee-wrap label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #3B3664;
    margin-bottom: 10px;
    text-align: center;
}

#st_demo_importer_pro_license_form input[type="text"] {
    width: 100%;
    border: 2px solid #DCDCDE;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 16px;
    letter-spacing: 2px;
    color: #3B3664;
    box-sizing: border-box;
    text-align: center;
    transition: border-color .2s;
    outline: none;
}
#st_demo_importer_pro_license_form input[type="text"]:focus {
    border-color: #3B3664;
}

.licence-key-button-wrap {
    text-align: center;
    margin-top: 20px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.licence-key-button-wrap .button {
    background: #FF8534 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background .2s;
    letter-spacing: .3px;
    box-shadow: none !important;
}
.licence-key-button-wrap .button:hover {
    background: #e0722a !important;
    color: #fff !important;
}
.licence-key-button-wrap .button[disabled] {
    background: #DCDCDE !important;
    color: #777777 !important;
    cursor: default;
}

#change--key {
    background: transparent !important;
    border: 2px solid #3B3664 !important;
    color: #3B3664 !important;
}
#change--key:hover {
    background: #3B3664 !important;
    color: #ffffff !important;
}

.next-button #start-now-next {
    background: #3B3664 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 28px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
}

/* License key spinner */
.wee_theme_activation_spinner {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.85);
    left: 0;
    top: 0;
    border-radius: 12px;
    z-index: 10;
}
.wee_theme_activation_spinner svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 64px;
    height: 64px;
}

/* License message */
#wee_theme_activation .theme-license-message {
    font-size: 14px;
    display: block;
    text-align: center;
    padding-bottom: 16px;
    font-weight: 600;
    color: #777777;
}
#wee_theme_activation .theme-license-message a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #FF8534;
}

/* ── Wizard area ─────────────────────────────────── */
#wee_demo_offer {
    width: 100%;
    padding-top: 80px; /* space for step nav bar above card */
    box-sizing: border-box;
}

/* ── Wizard card ─────────────────────────────────── */
.wee-whizzie-wrap {
    opacity: 0;
    position: relative;
}

.wee-whizzie-wrap.loaded {
    opacity: 1;
    max-width: 720px !important;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 0 0 12px 12px;
    border: 1px solid #DCDCDE;
    border-top: none;
    box-shadow: 0 4px 16px rgba(59,54,100,.09) !important;
}

/* Spinning overlay */
.wee-whizzie-wrap.spinning .step-loading {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background: rgba(255,255,255,.88);
    border-radius: 0 0 12px 12px;
    z-index: 50;
}
.spinning a.do-it { visibility: hidden; }

/* ── Step navigation bar ─────────────────────────── */
ul.wee-whizzie-nav {
    list-style: none;
    display: flex;
    justify-content: stretch;
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: -68px;
    left: 0;
    background: #ffffff;
    border-radius: 12px 12px 0 0;
    border: 1px solid #DCDCDE;
    border-bottom: 3px solid #DCDCDE;
    overflow: hidden;
    /* max-width: 720px; */
}

.card ul { width: 100%; }

ul.wee-whizzie-nav li {
    opacity: 1;
    transition: all .2s;
    flex: 1;
    margin: 0;
    padding: 0;
    border-right: 1px solid #DCDCDE;
    position: relative;
    cursor: pointer;
}
ul.wee-whizzie-nav li:last-child { border-right: none; }

ul.wee-whizzie-nav li span {
    display: block;
    text-align: center;
    padding: 18px 8px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #777777;
    transition: color .2s;
    user-select: none;
}

ul.wee-whizzie-nav li.active-step {
    border-bottom: 3px solid #FF8534;
    background: #fff;
}
ul.wee-whizzie-nav li.active-step span { color: #3B3664; }

ul.wee-whizzie-nav li.done-step {
    border-bottom: 3px solid #3B3664;
    background: #f8f9ff;
}
ul.wee-whizzie-nav li.done-step span { color: #3B3664; }

ul.wee-whizzie-nav li[data-enable="0"] { cursor: default; }

/* Remove old pseudo-element circles */
.wee-whizzie-nav li::before { display: none; }
.wee-whizzie-nav li.active-step::before,
.wee-whizzie-nav li.active-step::after,
.wee-whizzie-nav li.done-step::before,
.wee-whizzie-nav li.done-step::after { display: none; }

ul.wee-whizzie-nav li img { display: none; } /* hide old icon images */

/* ── Step content list ───────────────────────────── */
.whizzie-menu {
    list-style: none;
    margin: 0;
    padding: 40px 44px 36px;
    width: 100%;
    box-sizing: border-box;
}

.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: contents !important; }

/* Step text */
.whizzie-menu h2 {
    font-size: 24px;
    font-weight: 700;
    color: #3B3664;
    text-align: center !important;
    margin: 0 0 20px;
}

.whizzie-menu .summary p,
.wrapper-info-content p {
    font-size: 15px;
    color: #777777;
    text-align: center;
    line-height: 1.75;
    margin: 0 0 10px;
}

.wee-whizzie-wrap.loaded .summary p { font-size: 15px; font-weight: 400; }

.wrapper-info-content { max-width: 75%; margin: auto; text-align: center; }
.wrapper-info-content h2 { font-size: 24px; font-weight: 700; color: #3B3664; }

.summary { margin-top: 0; }
.step-widgets .summary,
.wizard-button-wrapper,
.step-done .wp-setup-finish { margin-top: 24px !important; }

/* ── Step action buttons ─────────────────────────── */
.button-wrap { display: inline-block; margin: 24px 0 0; }
.wizard-button-wrapper { text-align: center; }

.whizzie-menu .button-wrap a,
.wp-setup-finish .button {
    background: #FF8534 !important;
    border-color: #FF8534 !important;
    color: #ffffff !important;
    padding: 11px 34px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none;
    display: inline-block;
    transition: background .2s;
    letter-spacing: .3px;
    line-height: 1.4;
    box-shadow: 0 2px 8px rgba(255,133,52,.25);
}
.whizzie-menu .button-wrap a:hover {
    background: #e0722a !important;
    border-color: #e0722a !important;
}

/* Done step buttons */
.finish-buttons {
    margin-top: 24px !important;
    margin-bottom: 16px;
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.finish-buttons a {
    font-weight: 600;
    font-size: 15px !important;
    color: #3B3664;
    border: 2px solid #3B3664;
    padding: 10px 26px !important;
    text-decoration: none;
    border-radius: 8px;
    transition: all .2s;
    line-height: 1.5;
}
.finish-buttons a:hover { background: #3B3664; color: #ffffff; }

.wz-btn-visit-site {
    background: #FF8534 !important;
    color: #ffffff !important;
    border-color: #FF8534 !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(255,133,52,.25);
}
.wz-btn-visit-site:hover {
    background: #e0722a !important;
    border-color: #e0722a !important;
    color: #fff !important;
}

.finish-buttons .wz-btn-customizer,
.finish-buttons .wz-btn-builder { display: none; }

.wp-finish-btn { margin-top: 16px; text-align: center; }
.wp-finish-btn a.button {
    background: #3B3664 !important;
    border-color: #3B3664 !important;
    color: #ffffff !important;
    padding: 11px 34px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* Done checkmark icon */
.step-done h2:before {
    content: "\f529";
    font-family: dashicons;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: 4px;
    padding-right: 10px;
    color: #22a06b;
}

/* Done description */
.wp-setup-finish { text-align: center; padding-top: 8px; }
.wp-setup-finish p { font-size: 15px; color: #777777; margin-bottom: 20px; }

/* ── Plugin step ─────────────────────────────────── */
ul.whizzie-do-plugins {
    max-width: 88%;
    margin: 0 auto !important;
    text-align: left;
    padding: 0;
    list-style: none;
}

ul.whizzie-do-plugins li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    margin-top: 0;
    border-bottom: 1px solid #DCDCDE;
    font-size: 14px;
    color: #3B3664;
}
ul.whizzie-do-plugins li:nth-child(odd) { background: #f8f8fa; }
ul.whizzie-do-plugins li:last-child { border-bottom: none; }

ul.whizzie-do-plugins li .wizard-plugin-title {
    display: flex;
    align-items: center;
    gap: 8px;
    float: none;
    position: static;
}

.wizard-plugin-status {
    font-size: 11px;
    color: #777777;
    background: #DCDCDE;
    padding: 3px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

.wizard-plugin-count { display: none; }
.wz-require-plugins h2 { margin-bottom: 14px; }

/* ── Multiple imports ────────────────────────────── */
.multiple-home-page-imports {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.multiple-home-page-imports .button-wrap { width: 45%; }

.multiple-home-page-imports .button-wrap a {
    background: #ffffff !important;
    border: 2px solid #DCDCDE !important;
    color: #3B3664 !important;
    box-shadow: 0 2px 10px rgba(59,54,100,.08);
    padding: 20px !important;
    text-align: center;
    transition: all .2s;
    border-radius: 10px !important;
}
.multiple-home-page-imports .button-wrap a:hover {
    border-color: #FF8534 !important;
    box-shadow: 0 4px 18px rgba(255,133,52,.18);
}

.multiple-home-page-imports .button-wrap img {
    width: 70%;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

.multiple-home-page-imports .themes-name {
    font-size: 14px;
    color: #3B3664;
    font-weight: 600;
    margin-top: 10px;
}

/* Button-wrap transparent variants (used in some steps) */
.button-wrap-one, .button-wrap-two { width: 262px; height: 200px; cursor: pointer; }
.button-wrap-one a, .button-wrap-two a {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

/* ── Spinner (loading overlay) ───────────────────── */
.spinner {
    background: unset !important;
    width: 100% !important;
    height: 100% !important;
}
.spinning .spinner {
    visibility: visible;
    float: none;
    text-align: center;
}

/* Modern ring loader */
.stdi-loader-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.stdi-ring-loader {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 5px solid #DCDCDE;
    border-top-color: #FF8534;
    border-right-color: #3B3664;
    animation: stdi-spin 0.9s cubic-bezier(.45,.05,.55,.95) infinite;
    box-sizing: border-box;
}

.stdi-loader-text {
    font-size: 13px;
    font-weight: 600;
    color: #777777;
    letter-spacing: .5px;
    margin: 0;
}

@keyframes stdi-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* lds-dual-ring fallback (kept for WZ spinner wrap) */
.wz-spinner-wrap {
    width: 100%;
    height: 300px;
    background: rgba(255,255,255,.9);
    position: absolute;
    z-index: 6;
    border-radius: 0 0 12px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wz-spinner-wrap .lds-dual-ring {
    display: inline-block;
    width: 56px;
    height: 56px;
    position: static;
    transform: none;
}
.wz-spinner-wrap .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 44px;
    height: 44px;
    margin: 4px;
    border-radius: 50%;
    border: 5px solid #DCDCDE;
    border-top-color: #FF8534;
    border-right-color: #3B3664;
    animation: stdi-spin 0.9s cubic-bezier(.45,.05,.55,.95) infinite;
}

@keyframes mymove {
    100% { transform: rotate(360deg); }
}

/* ── Detail / show-detail ────────────────────────── */
.detail {
    opacity: 1;
    transition: all 1s;
    font-size: 14px;
    font-weight: 600;
}
.show-detail .detail {
    display: block;
    opacity: 1;
    transform: scaleY(1);
    transform-origin: top;
    transition: all .5s;
}
.whizzie-menu .detail ul { margin: 1em 0; }

/* ── Admin menu icon ─────────────────────────────── */
.toplevel_page_stdemoimporter-wizard .wp-menu-image {
    width: 25px !important;
    position: relative;
    top: -2px;
    left: 8px;
}
#adminmenu .wp-menu-image img {
    opacity: 1 !important;
    width: 20px;
    position: relative;
    top: -1px;
    left: 1px;
}

/* ── Bundle notice ───────────────────────────────── */
.bundle-notice {
    background: linear-gradient(135deg,#f8f4ff,#fff8e8);
    border: 2px dashed #FFDF73;
    border-radius: 10px;
    padding: 24px;
}
.bundle-notice .theme_box  { display: inline-block; width: 70%; position: relative; }
.bundle-notice .bubdle_button { display: inline; width: 25%; text-align: center; }
.bundle-notice .theme_box h3 { margin: 8px 0; font-size: 12px; color: #777777; }
.bundle-notice .theme_box strong { color: #3B3664; font-size: 15px; }
.bubdle_button .supportlink,
.bubdle_button p { color: #777777; text-decoration: none; }
.bundle-notice .bubdle_button a { margin-top: 10px; }

@media screen and (max-width: 768px) {
    .bundle-notice .theme_box,
    .bundle-notice .bubdle_button { width: 100%; text-align: center; display: block; }
}

/* ── Video modal ─────────────────────────────────── */
.get-stared-page-wrap .wz-video-model {
    background: #fff;
    padding: 6px 20px 20px;
    width: 56%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0; right: 0;
    margin: auto;
    display: none;
    box-shadow: 0 0 24px rgba(0,0,0,.12);
    border-radius: 10px;
}
.get-stared-page-wrap .wz-video-model iframe { height: 320px; }
.wz-video-model .dashicons-no {
    width: 32px; height: 32px;
    color: #ffffff;
    background: #FF8534;
    border-radius: 6px;
    float: right;
    margin-bottom: 16px;
    cursor: pointer;
}
.wz-video-model .dashicons-no:before { padding: 6px 0; display: inline-block; }

/* ── Elementor notice hide ───────────────────────── */
.e-notice--dismissible { display: none !important; }

/* ── Responsive ──────────────────────────────────── */
@media screen and (max-width: 1200px) {
    .stdi-sidebar-col { flex: 0 0 300px; width: 300px; }
}

@media screen and (max-width: 1024px) {
    .stdi-page-layout { flex-direction: column; }
    .stdi-sidebar-col { flex: none; width: 100%; }
    .stdi-comparison-card { max-width: 480px; }
    ul.wee-whizzie-nav  { max-width: 100%; }
    .wee-whizzie-wrap.loaded { max-width: 100% !important; }
    #wee_demo_offer { width: 100% !important; }
}

@media screen and (max-width: 920px) {
    ul.wee-whizzie-nav li span { font-size: 11px; padding: 16px 4px 12px; }
    .wee-whizzie-wrap.loaded .summary p { font-size: 14px; }
    .finish-buttons a { font-size: 14px !important; }
    .whizzie-menu { padding: 30px 24px 28px; }
}

@media screen and (max-width: 767px) {
    .get-stared-page-wrap { padding: 12px 12px 40px; }
    #wee_demo_offer { padding-top: 100px; }
    ul.wee-whizzie-nav { flex-wrap: wrap; top: -100px; }
    ul.wee-whizzie-nav li { flex: 0 0 50%; border-bottom: 1px solid #DCDCDE; }
    .whizzie-menu { padding: 22px 18px 20px; }
    .multiple-home-page-imports .button-wrap { width: 80%; }
    .stdi-comparison-actions { flex-direction: column; }
}

@media screen and (max-width: 479px) {
    ul.wee-whizzie-nav { top: -106px; }
    ul.wee-whizzie-nav li { flex: 0 0 50%; }
    #wee_demo_offer { padding-top: 112px; }
    ul.whizzie-do-plugins { max-width: 100%; }
}