/*
 * VW_START_STORE_LIGHT_PREMIUM_ONBOARDING_V5
 *
 * Visual-only light onboarding redesign.
 * Existing store creation, plans, OTP, API and authentication stay intact.
 */

:root {
    --vw-onboard-page: #f7f5f2;
    --vw-onboard-card: #ffffff;
    --vw-onboard-ink: #17191d;
    --vw-onboard-muted: #72757b;
    --vw-onboard-accent: #4438ff;
    --vw-onboard-accent-2: #785cff;
    --vw-onboard-soft: #f5f4ff;
    --vw-onboard-shadow:
        0 34px 90px rgba(35, 31, 27, 0.12),
        0 7px 24px rgba(35, 31, 27, 0.055);
}

html {
    background: var(--vw-onboard-page) !important;
}

body.vw-direct-body.vw-store-onboarding-v5 {
    min-width: 0 !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(
            circle at 52% 22%,
            rgba(255, 255, 255, 0.95),
            rgba(255, 255, 255, 0) 34%
        ),
        linear-gradient(
            180deg,
            #faf9f7 0%,
            var(--vw-onboard-page) 54%,
            #f1efeb 100%
        ) !important;
    color: var(--vw-onboard-ink) !important;
}

body.vw-store-onboarding-v5 .vw-builder-header {
    position: relative !important;
    z-index: 50 !important;
    width: min(1500px, calc(100% - 54px)) !important;
    height: 72px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

body.vw-store-onboarding-v5 .vw-builder-brand {
    color: #24262a !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.11em !important;
}

body.vw-store-onboarding-v5 .vw-builder-nav {
    gap: 3px !important;
}

body.vw-store-onboarding-v5 .vw-builder-nav-link,
body.vw-store-onboarding-v5 .vw-builder-account-link {
    min-height: 34px !important;
    padding: 0 11px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #686a70 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body.vw-store-onboarding-v5 .vw-builder-nav-link:hover,
body.vw-store-onboarding-v5 .vw-builder-account-link:hover,
body.vw-store-onboarding-v5 .vw-builder-nav-link:focus-visible,
body.vw-store-onboarding-v5 .vw-builder-account-link:focus-visible {
    border-color: #dedbd5 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #23252a !important;
}

body.vw-store-onboarding-v5 .vw-builder-account-link::after {
    margin-left: 7px;
    content: "→";
    font-size: 13px;
    font-weight: 500;
}

.vw-store-onboarding-scene {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.vw-store-scene-card {
    position: absolute;
    width: 174px;
    min-height: 132px;
    padding: 7px 7px 12px;
    overflow: hidden;
    border: 1px solid rgba(42, 39, 34, 0.11);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow:
        0 28px 48px rgba(42, 39, 34, 0.13),
        0 7px 14px rgba(42, 39, 34, 0.06);
    color: #292a2e;
    opacity: 0.88;
    transform-origin: center;
    animation: vwStoreSceneFloat 8s ease-in-out infinite;
}

.vw-store-scene-card > i {
    height: 13px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.vw-store-scene-card > i b {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c7c3bd;
}

.vw-store-scene-card > strong {
    display: block;
    margin: 8px 5px 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.vw-store-scene-card > small {
    display: block;
    margin: 0 5px;
    color: #8b8882;
    font-size: 8px;
    line-height: 1.35;
}

.vw-store-scene-visual {
    height: 72px;
    padding: 9px;
    display: grid;
    gap: 5px;
    border-radius: 4px;
}

.vw-store-scene-visual span {
    display: block;
    border-radius: 3px;
}

.vw-store-scene-visual.is-fashion {
    grid-template-columns: repeat(3, 1fr);
    background: #f3e8ff;
}

.vw-store-scene-visual.is-fashion span:nth-child(1) {
    background: linear-gradient(160deg, #1e293b, #5b6476);
}

.vw-store-scene-visual.is-fashion span:nth-child(2) {
    background: linear-gradient(160deg, #d4776d, #ffb49f);
}

.vw-store-scene-visual.is-fashion span:nth-child(3) {
    background: linear-gradient(160deg, #6246bd, #a78bfa);
}

.vw-store-scene-visual.is-studio {
    grid-template-columns: 1.3fr 0.7fr;
    background: #7c381d;
}

.vw-store-scene-visual.is-studio span:nth-child(1) {
    background:
        radial-gradient(circle at 28% 35%, #d89b63 0 18%, transparent 19%),
        radial-gradient(circle at 68% 58%, #b86c38 0 20%, transparent 21%),
        #e7c29e;
}

.vw-store-scene-visual.is-studio span:nth-child(2) {
    background: linear-gradient(150deg, #f2d0ae, #9d4e28);
}

.vw-store-scene-visual.is-beauty {
    grid-template-columns: 1.15fr 0.85fr 0.85fr;
    background: #e7ffc8;
}

.vw-store-scene-visual.is-beauty span:nth-child(1) {
    background: linear-gradient(160deg, #cc334f, #f68ca0);
}

.vw-store-scene-visual.is-beauty span:nth-child(2) {
    background: linear-gradient(160deg, #213248, #6983a2);
}

.vw-store-scene-visual.is-beauty span:nth-child(3) {
    background: linear-gradient(160deg, #8d4f2c, #e6a46e);
}

.vw-store-scene-visual.is-food {
    grid-template-columns: 1fr 1fr;
    background: #fff3cf;
}

.vw-store-scene-visual.is-food span:nth-child(1) {
    background:
        radial-gradient(circle at 50% 50%, #ec8f35 0 28%, transparent 29%),
        #315342;
}

.vw-store-scene-visual.is-food span:nth-child(2) {
    background:
        radial-gradient(circle at 50% 50%, #d94841 0 25%, transparent 26%),
        #f4d09a;
}

.vw-store-scene-card--one {
    top: -34px;
    left: clamp(26px, 6.2vw, 112px);
    transform: rotate(-0.8deg);
}

.vw-store-scene-card--two {
    top: 40%;
    right: clamp(28px, 4vw, 82px);
    transform: rotate(0.6deg);
    animation-delay: -2.5s;
}

.vw-store-scene-card--three {
    right: clamp(80px, 10vw, 178px);
    bottom: -35px;
    transform: rotate(-0.4deg);
    animation-delay: -4.2s;
}

.vw-store-scene-card--four {
    left: -92px;
    top: 39%;
    transform: rotate(0.5deg);
    animation-delay: -6s;
}

@keyframes vwStoreSceneFloat {
    0%,
    100% {
        margin-top: 0;
    }

    50% {
        margin-top: -7px;
    }
}

body.vw-store-onboarding-v5 .vw-direct-shell {
    position: relative;
    z-index: 2;
    width: min(880px, calc(100% - 36px)) !important;
    min-height: calc(100vh - 72px);
    margin: 0 auto !important;
    padding: clamp(26px, 5vh, 54px) 0 72px !important;
}

body.vw-store-onboarding-v5 .vw-direct-hero {
    display: none !important;
}

body.vw-store-onboarding-v5 .vw-direct-workspace {
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
}

body.vw-store-onboarding-v5 .vw-direct-builder-card {
    --vw-onboarding-progress: 0.25;
    position: relative;
    z-index: 3;
    width: 100% !important;
    min-height: 670px;
    overflow: hidden !important;
    border: 1px solid rgba(33, 31, 28, 0.065) !important;
    border-radius: 16px !important;
    background: var(--vw-onboard-card) !important;
    box-shadow: var(--vw-onboard-shadow) !important;
}

body.vw-store-onboarding-v5 .vw-direct-progress {
    position: relative;
    min-height: 92px;
    padding: 45px 70px 13px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: end !important;
    gap: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
}

body.vw-store-onboarding-v5 .vw-direct-progress::before,
body.vw-store-onboarding-v5 .vw-direct-progress::after {
    position: absolute;
    top: 34px;
    left: 70px;
    height: 3px;
    border-radius: 999px;
    content: "";
}

body.vw-store-onboarding-v5 .vw-direct-progress::before {
    right: 70px;
    background: #e6e3de;
}

body.vw-store-onboarding-v5 .vw-direct-progress::after {
    width: calc(
        (100% - 140px) * var(--vw-onboarding-progress)
    );
    background:
        linear-gradient(
            90deg,
            #9ed9ff 0%,
            var(--vw-onboard-accent) 70%,
            var(--vw-onboard-accent-2) 100%
        );
    transition: width 260ms ease;
}

body.vw-store-onboarding-v5 .vw-direct-progress > i,
body.vw-store-onboarding-v5 .vw-direct-progress b {
    display: none !important;
}

body.vw-store-onboarding-v5 .vw-direct-progress div {
    position: relative;
    min-width: 0 !important;
    display: flex !important;
    justify-content: center !important;
    color: #aaa7a1 !important;
}

body.vw-store-onboarding-v5 .vw-direct-progress div::before {
    position: absolute;
    top: -18px;
    width: 7px;
    height: 7px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #d7d4cf;
    box-shadow: 0 0 0 1px #e5e2dd;
    content: "";
}

body.vw-store-onboarding-v5 .vw-direct-progress div.is-active::before {
    background: #8d80ff;
    box-shadow: 0 0 0 1px #8d80ff;
}

body.vw-store-onboarding-v5 .vw-direct-progress div.is-current::before {
    background: var(--vw-onboard-accent);
    box-shadow:
        0 0 0 1px var(--vw-onboard-accent),
        0 0 0 5px rgba(68, 56, 255, 0.08);
}

body.vw-store-onboarding-v5 .vw-direct-progress span {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

body.vw-store-onboarding-v5
.vw-direct-progress
div.is-current
span {
    color: #32333a !important;
}

body.vw-store-onboarding-v5 .vw-direct-panel {
    min-height: 576px;
    padding: 50px 68px 30px !important;
    color: var(--vw-onboard-ink) !important;
}

body.vw-store-onboarding-v5
.vw-direct-panel[data-panel="business"] {
    padding: 35px 54px 28px !important;
}

body.vw-store-onboarding-v5
.vw-direct-panel[data-panel="plan"] {
    padding-top: 36px !important;
}

body.vw-store-onboarding-v5 .vw-direct-panel-head {
    margin-bottom: 30px !important;
    align-items: flex-start !important;
}

body.vw-store-onboarding-v5 .vw-direct-panel-head h2,
body.vw-store-onboarding-v5 .vw-direct-center-copy h2,
body.vw-store-onboarding-v5 .vw-direct-building h2,
body.vw-store-onboarding-v5 .vw-direct-ready h2 {
    margin: 5px 0 9px !important;
    color: #16171a !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(31px, 4vw, 42px) !important;
    font-weight: 500 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
}

body.vw-store-onboarding-v5
.vw-direct-panel[data-panel="business"]
.vw-direct-panel-head h2,
body.vw-store-onboarding-v5
.vw-direct-panel[data-panel="plan"]
.vw-direct-panel-head h2 {
    font-size: clamp(28px, 3.5vw, 36px) !important;
}

body.vw-store-onboarding-v5 .vw-direct-panel-head p,
body.vw-store-onboarding-v5 .vw-direct-center-copy p,
body.vw-store-onboarding-v5 .vw-direct-building p,
body.vw-store-onboarding-v5 .vw-direct-ready p {
    max-width: 620px !important;
    color: #85827d !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
}

body.vw-store-onboarding-v5 .vw-direct-step-label,
body.vw-store-onboarding-v5 .vw-direct-kicker {
    color: #77736e !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
}

body.vw-store-onboarding-v5 .vw-direct-time-badge,
body.vw-store-onboarding-v5 .vw-direct-auto-badge,
body.vw-store-onboarding-v5 .vw-direct-no-charge-badge,
body.vw-store-onboarding-v5 .vw-direct-secure-badge {
    padding: 7px 10px !important;
    border: 1px solid #e7e4df !important;
    border-radius: 999px !important;
    background: #faf9f7 !important;
    color: #74716c !important;
    font-size: 9px !important;
}

body.vw-store-onboarding-v5 .vw-direct-panel form {
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.vw-store-onboarding-v5 .vw-direct-field {
    gap: 9px !important;
    margin-bottom: 22px !important;
}

body.vw-store-onboarding-v5 .vw-direct-field > span,
body.vw-store-onboarding-v5 .vw-direct-otp-label > span {
    color: #47484d !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

body.vw-store-onboarding-v5 .vw-direct-field input,
body.vw-store-onboarding-v5 .vw-direct-otp-label input,
body.vw-store-onboarding-v5 .vw-direct-business-search input {
    min-height: 52px !important;
    padding: 13px 15px !important;
    border: 1.5px solid #d8d5d0 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #202125 !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

body.vw-store-onboarding-v5 .vw-direct-field input:focus,
body.vw-store-onboarding-v5 .vw-direct-otp-label input:focus,
body.vw-store-onboarding-v5 .vw-direct-business-search input:focus {
    border-color: #7d71ff !important;
    box-shadow:
        0 0 0 1px #7d71ff,
        0 0 0 4px rgba(86, 72, 255, 0.08) !important;
}

body.vw-store-onboarding-v5 .vw-direct-field small {
    color: #94918c !important;
    font-size: 10px !important;
}

body.vw-store-onboarding-v5 .vw-direct-form-actions {
    margin-top: auto !important;
    padding-top: 20px !important;
    border-top: 1px solid #eeece8 !important;
}

body.vw-store-onboarding-v5 .vw-direct-form-actions.is-end {
    justify-content: flex-end !important;
}

body.vw-store-onboarding-v5 .vw-direct-primary,
body.vw-store-onboarding-v5 .vw-direct-secondary,
body.vw-store-onboarding-v5 .vw-direct-publish-button,
body.vw-store-onboarding-v5 .vw-direct-upgrade-button {
    min-width: 126px !important;
    min-height: 44px !important;
    padding: 10px 17px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.vw-store-onboarding-v5 .vw-direct-primary {
    border: 1px solid var(--vw-onboard-accent) !important;
    background:
        linear-gradient(
            180deg,
            #6257ff 0%,
            var(--vw-onboard-accent) 100%
        ) !important;
    color: #ffffff !important;
    box-shadow:
        0 12px 24px rgba(68, 56, 255, 0.19) !important;
}

body.vw-store-onboarding-v5 .vw-direct-primary:hover {
    transform: translateY(-1px) !important;
    background:
        linear-gradient(
            180deg,
            #7369ff 0%,
            #3b31ec 100%
        ) !important;
    box-shadow:
        0 15px 28px rgba(68, 56, 255, 0.24) !important;
}

body.vw-store-onboarding-v5 .vw-direct-back {
    color: #686660 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}

body.vw-store-onboarding-v5 .vw-direct-business-block {
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #efede9 !important;
}

body.vw-store-onboarding-v5 .vw-direct-business-block-head {
    margin-bottom: 9px !important;
}

body.vw-store-onboarding-v5
.vw-direct-business-block-head
> div
> span {
    background: var(--vw-onboard-soft) !important;
    color: var(--vw-onboard-accent) !important;
}

body.vw-store-onboarding-v5 .vw-direct-business-block-head h3 {
    color: #34353a !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-grid,
body.vw-store-onboarding-v5 .vw-direct-business-grid-compact {
    gap: 9px !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-card,
body.vw-store-onboarding-v5
.vw-direct-business-grid-compact
.vw-direct-business-card {
    min-height: 62px !important;
    padding: 9px 10px !important;
    border: 1px solid #dfddd8 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-card:hover,
body.vw-store-onboarding-v5 .vw-direct-business-card:hover {
    border-color: #aaa3ff !important;
    background: #fcfbff !important;
    box-shadow: 0 7px 17px rgba(54, 48, 119, 0.055) !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-card.is-selected,
body.vw-store-onboarding-v5 .vw-direct-business-card.is-selected {
    border-color: var(--vw-onboard-accent) !important;
    background: #faf9ff !important;
    box-shadow:
        0 0 0 1px rgba(68, 56, 255, 0.04) !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-card > span,
body.vw-store-onboarding-v5
.vw-direct-business-grid-compact
.vw-direct-business-mark {
    background: #f1f0ff !important;
    color: #4d41ed !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-card > b,
body.vw-store-onboarding-v5 .vw-direct-business-card > b {
    background: var(--vw-onboard-accent) !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-card strong,
body.vw-store-onboarding-v5
.vw-direct-business-grid-compact
.vw-direct-business-card
strong {
    color: #292a2e !important;
    font-size: 10px !important;
}

body.vw-store-onboarding-v5 .vw-direct-model-card small,
body.vw-store-onboarding-v5
.vw-direct-business-grid-compact
.vw-direct-business-card
small {
    color: #93908b !important;
    font-size: 8px !important;
}

body.vw-store-onboarding-v5 .vw-direct-browse-button,
body.vw-store-onboarding-v5 .vw-direct-customize-button {
    color: #5a50df !important;
    font-size: 9px !important;
}

body.vw-store-onboarding-v5 .vw-direct-plan-grid {
    gap: 11px !important;
}

body.vw-store-onboarding-v5 .vw-direct-plan-card {
    min-height: 184px !important;
    padding: 16px !important;
    border: 1px solid #dfddd8 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
}

body.vw-store-onboarding-v5 .vw-direct-plan-card:hover {
    border-color: #aaa3ff !important;
    box-shadow: 0 9px 22px rgba(54, 48, 119, 0.06) !important;
}

body.vw-store-onboarding-v5 .vw-direct-plan-card.is-selected {
    border-color: var(--vw-onboard-accent) !important;
    background: #faf9ff !important;
    box-shadow:
        0 0 0 1px rgba(68, 56, 255, 0.04) !important;
}

body.vw-store-onboarding-v5 .vw-direct-summary-card {
    border: 1px solid rgba(42, 39, 34, 0.11) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow:
        0 28px 54px rgba(42, 39, 34, 0.12),
        0 7px 16px rgba(42, 39, 34, 0.05) !important;
}

body.vw-store-onboarding-v5 .vw-direct-summary-card::before {
    display: block;
    margin: -3px 0 12px;
    color: #bbb7b0;
    content: "•  •  •";
    font-size: 12px;
    letter-spacing: 2px;
}

body.vw-store-onboarding-v5 .vw-direct-summary-brand > span {
    background:
        linear-gradient(
            145deg,
            var(--vw-onboard-accent),
            #867bff
        ) !important;
}

body.vw-store-onboarding-v5 .vw-direct-summary-promise {
    background: #f1faf4 !important;
    color: #407154 !important;
}

@media (min-width: 1320px) {
    body.vw-store-onboarding-v5 .vw-direct-summary-card {
        position: fixed !important;
        top: 43% !important;
        right: clamp(30px, 4.2vw, 82px) !important;
        z-index: 4 !important;
        width: 224px !important;
        padding: 12px 14px 14px !important;
        display: block !important;
        border-radius: 8px !important;
        transform: rotate(0.55deg);
    }

    body.vw-store-onboarding-v5 .vw-direct-summary-brand {
        margin-bottom: 12px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-summary-rows {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        border-top: 1px solid #efede9;
    }

    body.vw-store-onboarding-v5
    .vw-direct-summary-rows
    > div {
        padding: 8px 5px !important;
        border-left: 0 !important;
        border-bottom: 1px solid #efede9 !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-summary-promise {
        margin-top: 10px !important;
    }
}

body.vw-store-onboarding-v5 .vw-direct-trust-section {
    display: none !important;
}

body.vw-store-onboarding-v5 .vw-builder-footer {
    position: relative;
    z-index: 3;
    margin-top: 12px !important;
    background: transparent !important;
    border-top-color: rgba(212, 208, 201, 0.62) !important;
}

body.vw-store-onboarding-v5 .vw-direct-modal {
    z-index: 1000 !important;
}

body.vw-store-onboarding-v5 .vw-direct-modal-dialog {
    border-radius: 15px !important;
    box-shadow:
        0 34px 90px rgba(35, 31, 27, 0.24) !important;
}

@media (max-width: 1319px) {
    .vw-store-onboarding-scene {
        display: none !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-summary-card {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        margin-top: 14px !important;
        transform: none !important;
    }
}

@media (max-width: 820px) {
    body.vw-store-onboarding-v5 .vw-builder-header {
        width: calc(100% - 26px) !important;
        height: auto !important;
        min-height: 66px !important;
        padding: 11px 0 !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-shell {
        width: calc(100% - 22px) !important;
        min-height: 0 !important;
        padding: 14px 0 44px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-builder-card {
        min-height: 0 !important;
        border-radius: 15px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress {
        min-height: 78px;
        padding: 40px 22px 10px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress::before,
    body.vw-store-onboarding-v5 .vw-direct-progress::after {
        top: 29px;
        left: 24px;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress::before {
        right: 24px;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress::after {
        width: calc(
            (100% - 48px) * var(--vw-onboarding-progress)
        );
    }

    body.vw-store-onboarding-v5 .vw-direct-progress div::before {
        top: -17px;
    }

    body.vw-store-onboarding-v5 .vw-direct-panel,
    body.vw-store-onboarding-v5
    .vw-direct-panel[data-panel="business"],
    body.vw-store-onboarding-v5
    .vw-direct-panel[data-panel="plan"] {
        min-height: 0 !important;
        padding: 34px 28px 24px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-panel-head h2,
    body.vw-store-onboarding-v5 .vw-direct-center-copy h2,
    body.vw-store-onboarding-v5 .vw-direct-building h2,
    body.vw-store-onboarding-v5 .vw-direct-ready h2 {
        font-size: clamp(28px, 7vw, 36px) !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-form-actions {
        margin-top: 26px !important;
    }
}

@media (max-width: 600px) {
    body.vw-store-onboarding-v5 .vw-builder-header {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 9px !important;
    }

    body.vw-store-onboarding-v5 .vw-builder-nav {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
    }

    body.vw-store-onboarding-v5 .vw-builder-nav-link {
        min-width: 0 !important;
        border-color: #e4e1dc !important;
        background: rgba(255, 255, 255, 0.72) !important;
    }

    body.vw-store-onboarding-v5 .vw-builder-account {
        justify-self: end !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress span {
        font-size: 8px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-panel,
    body.vw-store-onboarding-v5
    .vw-direct-panel[data-panel="business"],
    body.vw-store-onboarding-v5
    .vw-direct-panel[data-panel="plan"] {
        padding: 29px 20px 20px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-panel-head {
        margin-bottom: 23px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-model-grid,
    body.vw-store-onboarding-v5
    .vw-direct-business-grid-compact,
    body.vw-store-onboarding-v5 .vw-direct-plan-grid {
        grid-template-columns: 1fr !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-model-card,
    body.vw-store-onboarding-v5
    .vw-direct-business-grid-compact
    .vw-direct-business-card {
        min-height: 66px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-form-actions {
        gap: 10px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-primary {
        min-width: 132px !important;
    }
}

@media (max-width: 390px) {
    body.vw-store-onboarding-v5 .vw-direct-shell {
        width: calc(100% - 12px) !important;
    }

    body.vw-store-onboarding-v5 .vw-builder-header {
        width: calc(100% - 16px) !important;
    }

    body.vw-store-onboarding-v5 .vw-builder-brand {
        font-size: 10px !important;
    }

    body.vw-store-onboarding-v5
    .vw-builder-account-link::after {
        display: none;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress::before,
    body.vw-store-onboarding-v5 .vw-direct-progress::after {
        left: 16px;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress::before {
        right: 16px;
    }

    body.vw-store-onboarding-v5 .vw-direct-progress::after {
        width: calc(
            (100% - 32px) * var(--vw-onboarding-progress)
        );
    }

    body.vw-store-onboarding-v5 .vw-direct-panel,
    body.vw-store-onboarding-v5
    .vw-direct-panel[data-panel="business"],
    body.vw-store-onboarding-v5
    .vw-direct-panel[data-panel="plan"] {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-form-actions {
        align-items: stretch !important;
    }

    body.vw-store-onboarding-v5 .vw-direct-primary,
    body.vw-store-onboarding-v5 .vw-direct-secondary {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vw-store-scene-card {
        animation: none !important;
    }

    body.vw-store-onboarding-v5 *,
    body.vw-store-onboarding-v5 *::before,
    body.vw-store-onboarding-v5 *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}