/* Nadi Alnukhba Profit Calculators V1 */
.nadi-profit-tool,
.nadi-profit-tool * {
    box-sizing: border-box;
}

.nadi-profit-tool {
    --nadi-gold: #d7b245;
    --nadi-gold-soft: #ffe48a;
    --nadi-green: #35e66f;
    --nadi-red: #ff4b4b;
    --nadi-blue: #1d8cff;
    --nadi-bg: #030406;
    --nadi-panel: rgba(24, 29, 36, 0.78);
    --nadi-border: rgba(255, 225, 128, 0.22);
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 16px 0 58px;
    color: #fff;
    background:
        radial-gradient(circle at 18% 10%, rgba(0, 133, 255, .16), transparent 28%),
        radial-gradient(circle at 83% 18%, rgba(215, 178, 69, .18), transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(25, 230, 96, .10), transparent 26%),
        linear-gradient(180deg, #030406 0%, #07101b 45%, #030406 100%);
    overflow-x: hidden;
    font-family: inherit;
}

.nadi-profit-calc {
    width: 100%;
    padding: 24px 0 0;
}

.nadi-profit-layout {
    width: min(100% - 64px, 1450px);
    margin: 0 auto;
}

.nadi-profit-intro-panel,
.nadi-profit-shell {
    position: relative;
    border: 1px solid var(--nadi-border);
    border-radius: 32px;
    background:
        linear-gradient(135deg, rgba(20, 26, 35, .88), rgba(16, 18, 22, .88)),
        radial-gradient(circle at 0 0, rgba(0, 128, 255, .20), transparent 34%),
        radial-gradient(circle at 100% 15%, rgba(215, 178, 69, .20), transparent 35%);
    box-shadow: 0 30px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
    overflow: hidden;
}

.nadi-profit-intro-panel::before,
.nadi-profit-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 64px 64px;
    opacity: .55;
    pointer-events: none;
}

.nadi-profit-intro-panel {
    padding: 48px 56px;
    margin-bottom: 26px;
}

.nadi-profit-intro-panel__top,
.nadi-profit-intro-panel__content,
.nadi-profit-required-note,
.nadi-profit-shell > * {
    position: relative;
    z-index: 1;
}

.nadi-profit-intro-panel__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 32px;
}

.nadi-profit-intro-panel__brand {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 18px;
    font-weight: 900;
    color: rgba(255,255,255,.88);
}

.nadi-profit-intro-panel__nadi-logo {
    max-width: 220px;
    max-height: 76px;
    object-fit: contain;
}

.nadi-profit-platform-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 15px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 950;
    letter-spacing: .2px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.07);
}

.nadi-profit-platform-mark--shopify {
    color: #80d447;
    text-shadow: 0 0 22px rgba(128, 212, 71, .45);
}

.nadi-profit-platform-mark--woocommerce {
    color: #b698ff;
    text-shadow: 0 0 22px rgba(150, 97, 255, .45);
}

.nadi-profit-lang-switcher {
    position: relative;
}

.nadi-profit-lang-toggle,
.nadi-profit-lang-menu button {
    font-family: inherit;
}

.nadi-profit-lang-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 225, 128, .42);
    background: linear-gradient(135deg, rgba(215, 178, 69, .20), rgba(255,255,255,.05));
    color: var(--nadi-gold-soft);
    border-radius: 999px;
    padding: 11px 18px;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0 28px rgba(215, 178, 69, .15);
}

.nadi-profit-lang-icon {
    font-size: 18px;
}

.nadi-profit-lang-menu {
    position: absolute;
    top: calc(100% + 10px);
    inset-inline-end: 0;
    min-width: 150px;
    padding: 8px;
    border: 1px solid var(--nadi-border);
    border-radius: 16px;
    background: rgba(7, 9, 12, .96);
    box-shadow: 0 18px 44px rgba(0,0,0,.5);
    z-index: 20;
}

.nadi-profit-lang-menu button {
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #fff;
    font-weight: 800;
    text-align: start;
    cursor: pointer;
}

.nadi-profit-lang-menu button:hover {
    background: rgba(215, 178, 69, .14);
    color: var(--nadi-gold-soft);
}

.nadi-profit-intro-panel__content {
    text-align: center;
    max-width: 1050px;
    margin: 0 auto;
}

.nadi-profit-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid rgba(255, 225, 128, .40);
    border-radius: 999px;
    color: var(--nadi-gold-soft);
    background: rgba(215, 178, 69, .13);
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 22px;
}

.nadi-profit-title {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 5vw, 78px);
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -1px;
}

.nadi-platform-word {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    margin: 0 .12em;
    white-space: nowrap;
    font-weight: 950;
}

.nadi-platform-word--shopify {
    color: #7ac943;
    text-shadow: 0 0 22px rgba(122, 201, 67, .42);
}

.nadi-platform-word--woo span:first-child {
    color: #965cff;
}

.nadi-platform-word--woo span:last-child {
    color: #fff;
}

.nadi-profit-intro-panel p {
    margin: 18px auto 0;
    max-width: 880px;
    color: rgba(255,255,255,.74);
    font-size: clamp(17px, 2vw, 24px);
    line-height: 1.9;
    font-weight: 700;
}

.nadi-profit-updated {
    display: inline-block;
    margin-top: 18px;
    color: var(--nadi-gold-soft);
    font-size: 15px;
    font-weight: 900;
}

.nadi-profit-required-note {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 25px;
    color: rgba(255,255,255,.68);
    font-size: 14px;
    font-weight: 700;
}

.nadi-required-star,
.nadi-is-required > span::after {
    color: #ff4747;
    font-weight: 950;
}

.nadi-is-required > span::after {
    content: " *";
}

.nadi-profit-shell {
    padding: 34px;
}

.nadi-profit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.nadi-profit-card {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 28px;
    padding: 28px;
    background: rgba(255,255,255,.055);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
}

.nadi-profit-card--wide {
    margin-top: 24px;
}

.nadi-profit-card h3 {
    margin: 0 0 24px;
    color: var(--nadi-gold-soft);
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.3;
    font-weight: 950;
}

.nadi-profit-card__subtitle {
    margin: -8px 0 28px;
    padding: 16px 18px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.72);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.8;
}

.nadi-profit-tool label {
    display: block;
    margin-bottom: 18px;
}

.nadi-profit-tool label > span,
.nadi-profit-tool label > small {
    display: block;
}

.nadi-profit-tool label > span {
    margin-bottom: 9px;
    color: rgba(255,255,255,.92);
    font-weight: 900;
    font-size: 15px;
}

.nadi-profit-tool label > small {
    margin-top: 8px;
    color: rgba(255,255,255,.48);
    font-size: 13px;
    line-height: 1.7;
    font-weight: 700;
}

.nadi-profit-tool input,
.nadi-profit-tool select {
    width: 100%;
    min-height: 56px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    background: rgba(0,0,0,.44);
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: var(--nadi-gold-soft);
    padding: 12px 16px;
    outline: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
}

.nadi-profit-tool select option {
    color: #111;
}

.nadi-profit-tool input:focus,
.nadi-profit-tool select:focus {
    border-color: rgba(255, 225, 128, .76);
    box-shadow: 0 0 0 4px rgba(215, 178, 69, .13);
    background: rgba(0,0,0,.62);
}

.nadi-money-input {
    position: relative;
}

.nadi-money-input input {
    padding-inline-start: 46px;
}

.nadi-money-input__symbol {
    position: absolute;
    top: 50%;
    inset-inline-start: 17px;
    transform: translateY(-50%);
    color: var(--nadi-gold-soft);
    font-weight: 950;
    pointer-events: none;
}

.nadi-profit-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.nadi-profit-mini-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nadi-profit-button {
    display: block;
    width: min(540px, 100%);
    min-height: 64px;
    margin: 28px auto 0;
    border: 0;
    border-radius: 20px;
    color: #070707;
    background: linear-gradient(135deg, #d7b245, #fff072);
    font-family: inherit;
    font-size: 22px;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 18px 48px rgba(215, 178, 69, .26);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.nadi-profit-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.nadi-profit-button.nadi-needs-recalculate {
    animation: nadiWhitePulse 1.15s ease-in-out infinite;
}

@keyframes nadiWhitePulse {
    0%, 100% { box-shadow: 0 0 0 rgba(255,255,255,0), 0 18px 48px rgba(215,178,69,.26); }
    50% { box-shadow: 0 0 34px rgba(255,255,255,.92), 0 0 0 6px rgba(255,255,255,.12); }
}

.nadi-profit-result {
    margin-top: 28px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 28px;
    background: rgba(255,255,255,.055);
}

.nadi-profit-result__main {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.nadi-profit-result__main span {
    color: rgba(255,255,255,.78);
    font-size: 18px;
    font-weight: 900;
}

.nadi-profit-result__main strong {
    color: var(--nadi-green);
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1;
    font-weight: 950;
    text-shadow: 0 0 28px rgba(53,230,111,.32);
}

.nadi-profit-result__main small {
    color: rgba(255,255,255,.70);
    font-size: 18px;
    font-weight: 800;
}

.nadi-profit-breakdown {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.nadi-profit-breakdown div {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(0,0,0,.22);
}

.nadi-profit-breakdown span {
    display: block;
    margin-bottom: 8px;
    color: rgba(255,255,255,.65);
    font-size: 13px;
    font-weight: 800;
}

.nadi-profit-breakdown strong {
    color: #fff;
    font-size: 19px;
    font-weight: 950;
}

.nadi-profit-note {
    margin: 18px 0 0;
    color: rgba(255,255,255,.58);
    font-size: 13px;
    line-height: 1.8;
    font-weight: 700;
}

.nadi-profit-tool[dir="ltr"] .nadi-money-input input {
    padding-right: 42px;
}

@media (max-width: 980px) {
    .nadi-profit-layout {
        width: min(100% - 28px, 820px);
    }
    .nadi-profit-grid,
    .nadi-profit-mini-grid,
    .nadi-profit-mini-grid--three,
    .nadi-profit-breakdown {
        grid-template-columns: 1fr;
    }
    .nadi-profit-intro-panel,
    .nadi-profit-shell,
    .nadi-profit-card,
    .nadi-profit-result {
        border-radius: 24px;
    }
    .nadi-profit-result__main {
        display: block;
        text-align: center;
    }
    .nadi-profit-result__main strong,
    .nadi-profit-result__main small {
        display: block;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    body:has(.nadi-profit-tool) .entry-content,
    body:has(.nadi-profit-tool) .wp-block-post-content,
    body:has(.nadi-profit-tool) .site-main,
    body:has(.nadi-profit-tool) .content-area,
    body:has(.nadi-profit-tool) main {
        max-width: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
    }

    .nadi-profit-tool {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px 0 42px !important;
        overflow-x: hidden !important;
    }

    .nadi-profit-calc {
        padding-top: 10px;
    }

    .nadi-profit-layout {
        width: calc(100% - 18px) !important;
        max-width: calc(100% - 18px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .nadi-profit-intro-panel {
        padding: 26px 18px 30px;
        margin-bottom: 16px;
    }

    .nadi-profit-intro-panel__top {
        flex-direction: column;
        justify-content: center;
        gap: 18px;
        margin-bottom: 24px;
    }

    .nadi-profit-intro-panel__brand {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 12px;
    }

    .nadi-profit-intro-panel__nadi-logo {
        max-width: 210px;
        max-height: 64px;
    }

    .nadi-profit-platform-mark {
        font-size: 28px;
        background: transparent;
        border: 0;
        padding: 0;
    }

    .nadi-profit-lang-toggle {
        padding: 12px 24px;
        min-width: 190px;
        justify-content: center;
        font-size: 20px;
    }

    .nadi-profit-lang-menu {
        inset-inline-end: 50%;
        transform: translateX(50%);
        min-width: 180px;
        text-align: center;
    }

    .nadi-profit-title {
        font-size: clamp(31px, 9vw, 42px);
        line-height: 1.2;
        white-space: normal;
    }

    .nadi-profit-intro-panel p {
        font-size: 22px;
        line-height: 1.85;
    }

    .nadi-profit-shell {
        padding: 12px;
    }

    .nadi-profit-card {
        padding: 22px 16px;
    }

    .nadi-profit-card h3 {
        text-align: center;
        font-size: 30px;
    }

    .nadi-profit-tool label > span {
        text-align: right;
        font-size: 18px;
    }

    .nadi-profit-tool input,
    .nadi-profit-tool select {
        min-height: 62px;
        font-size: 20px;
        border-radius: 17px;
    }

    .nadi-profit-button {
        width: 100%;
        min-height: 70px;
        font-size: 26px;
        border-radius: 20px;
    }

    .nadi-profit-breakdown strong {
        font-size: 22px;
    }
}

/* =========================================================
   V2 FINAL: Match eBay calculator page layout and styling
   Scope: Shopify + WordPress/WooCommerce calculators only
   ========================================================= */
html.nadi-profit-page-active,
body.nadi-profit-page-active,
body:has(.nadi-profit-tool) {
    background: #030405 !important;
    overflow-x: hidden !important;
}

body.nadi-profit-page-active .entry-header,
body.nadi-profit-page-active .page-header,
body.nadi-profit-page-active .wp-block-post-title,
body.nadi-profit-page-active h1.entry-title,
body:has(.nadi-profit-tool) .entry-header,
body:has(.nadi-profit-tool) .page-header,
body:has(.nadi-profit-tool) .wp-block-post-title,
body:has(.nadi-profit-tool) h1.entry-title {
    display: none !important;
}

body.nadi-profit-page-active #page,
body.nadi-profit-page-active .site,
body.nadi-profit-page-active .site-content,
body.nadi-profit-page-active .content-area,
body.nadi-profit-page-active #primary,
body.nadi-profit-page-active #main,
body.nadi-profit-page-active .site-main,
body.nadi-profit-page-active main,
body.nadi-profit-page-active article,
body.nadi-profit-page-active .entry,
body.nadi-profit-page-active .entry-content,
body.nadi-profit-page-active .entry-content-wrap,
body.nadi-profit-page-active .content-wrap,
body.nadi-profit-page-active .wp-site-blocks,
body.nadi-profit-page-active .wp-block-post-content,
body.nadi-profit-page-active .wp-block-group,
body.nadi-profit-page-active .wp-block-shortcode,
body.nadi-profit-page-active .kt-inside-inner-col,
body.nadi-profit-page-active .content-container,
body.nadi-profit-page-active .site-container,
body.nadi-profit-page-active .ast-container,
body.nadi-profit-page-active .container,
body.nadi-profit-page-active .main-content,
body.nadi-profit-page-active .alignfull,
body.nadi-profit-page-active .alignwide,
body:has(.nadi-profit-tool) #page,
body:has(.nadi-profit-tool) .site,
body:has(.nadi-profit-tool) .site-content,
body:has(.nadi-profit-tool) .content-area,
body:has(.nadi-profit-tool) #primary,
body:has(.nadi-profit-tool) #main,
body:has(.nadi-profit-tool) .site-main,
body:has(.nadi-profit-tool) main,
body:has(.nadi-profit-tool) article,
body:has(.nadi-profit-tool) .entry,
body:has(.nadi-profit-tool) .entry-content,
body:has(.nadi-profit-tool) .entry-content-wrap,
body:has(.nadi-profit-tool) .content-wrap,
body:has(.nadi-profit-tool) .wp-site-blocks,
body:has(.nadi-profit-tool) .wp-block-post-content,
body:has(.nadi-profit-tool) .wp-block-group,
body:has(.nadi-profit-tool) .wp-block-shortcode,
body:has(.nadi-profit-tool) .kt-inside-inner-col,
body:has(.nadi-profit-tool) .content-container,
body:has(.nadi-profit-tool) .site-container,
body:has(.nadi-profit-tool) .ast-container,
body:has(.nadi-profit-tool) .container,
body:has(.nadi-profit-tool) .main-content,
body:has(.nadi-profit-tool) .alignfull,
body:has(.nadi-profit-tool) .alignwide {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    background: #030405 !important;
}

.nadi-profit-tool {
    --nadi-gold: #d4af37;
    --nadi-gold-soft: #ffdf74;
    --nadi-profit-green: #23ff8f;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: clamp(10px, 1.15vw, 18px) 0 74px !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow-x: hidden !important;
    color: #ffffff !important;
    background:
        radial-gradient(circle at 8% 16%, rgba(0,100,210,.22), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(245,175,2,.18), transparent 28%),
        radial-gradient(circle at 55% 72%, rgba(134,184,23,.08), transparent 34%),
        linear-gradient(180deg, #030405 0%, #05070b 42%, #07101a 100%) !important;
}

.nadi-profit-tool::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 4% 20%, rgba(0,100,210,.20), transparent 31%),
        radial-gradient(circle at 96% 15%, rgba(245,175,2,.17), transparent 30%),
        radial-gradient(circle at 50% 82%, rgba(134,184,23,.08), transparent 36%),
        linear-gradient(180deg, #030405 0%, #05070b 45%, #07101a 100%);
}

.nadi-profit-calc {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.nadi-profit-layout {
    position: relative !important;
    z-index: 2 !important;
    width: min(1500px, calc(100% - 56px)) !important;
    max-width: min(1500px, calc(100% - 56px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.nadi-profit-intro-panel,
.nadi-profit-shell {
    border: 1px solid rgba(212,175,55,.20) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 0 0, rgba(0,100,210,.16), transparent 34%),
        radial-gradient(circle at 100% 15%, rgba(245,175,2,.14), transparent 35%),
        linear-gradient(135deg, rgba(8,10,14,.96), rgba(19,22,29,.94) 55%, rgba(4,5,7,.98)) !important;
    box-shadow: 0 32px 110px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.nadi-profit-intro-panel::before,
.nadi-profit-shell::before {
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
    background-size: 64px 64px !important;
    opacity: .48 !important;
}

.nadi-profit-intro-panel {
    padding: clamp(42px, 7vw, 72px) clamp(22px, 5vw, 58px) !important;
    margin: 0 auto 26px !important;
}

.nadi-profit-shell {
    padding: clamp(20px, 4vw, 38px) !important;
    margin: 0 auto !important;
}

.nadi-profit-intro-panel__top {
    margin-bottom: 34px !important;
}

.nadi-profit-intro-panel__brand {
    color: rgba(255,255,255,.88) !important;
    font-size: 18px !important;
    font-weight: 1000 !important;
}

.nadi-profit-intro-panel__nadi-logo {
    max-width: 220px !important;
    max-height: 76px !important;
}

.nadi-profit-platform-mark {
    min-height: 38px !important;
    padding: 8px 15px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
}

.nadi-profit-lang-toggle {
    border: 1px solid rgba(255,223,116,.54) !important;
    background: linear-gradient(135deg, rgba(212,175,55,.24), rgba(255,223,116,.12) 48%, rgba(3,4,5,.64)) !important;
    color: var(--nadi-gold-soft) !important;
    -webkit-text-fill-color: var(--nadi-gold-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 28px rgba(212,175,55,.15) !important;
}

.nadi-profit-lang-menu {
    border: 1px solid rgba(255,223,116,.38) !important;
    background: radial-gradient(circle at top, rgba(255,223,116,.16), transparent 46%), linear-gradient(180deg, rgba(20,22,25,.98), rgba(5,6,8,.98)) !important;
}

.nadi-profit-badge {
    border: 1px solid rgba(255,223,116,.40) !important;
    background: rgba(212,175,55,.13) !important;
    color: var(--nadi-gold-soft) !important;
    box-shadow: 0 0 26px rgba(212,175,55,.10) !important;
}

.nadi-profit-title {
    font-size: clamp(42px, 5.2vw, 78px) !important;
    line-height: 1.08 !important;
    color: #fff !important;
    letter-spacing: -1px !important;
}

.nadi-profit-intro-panel p {
    max-width: 920px !important;
    color: rgba(255,255,255,.74) !important;
    line-height: 1.9 !important;
    font-size: clamp(17px, 2vw, 24px) !important;
    font-weight: 800 !important;
}

.nadi-profit-updated,
.nadi-profit-card h3 {
    color: var(--nadi-gold-soft) !important;
}

.nadi-profit-required-note {
    color: rgba(255,255,255,.72) !important;
}

.nadi-required-star,
.nadi-is-required > span::after {
    color: #ff3333 !important;
    text-shadow: 0 0 14px rgba(255,51,51,.62) !important;
}

.nadi-profit-card,
.nadi-profit-result {
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 26px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
    backdrop-filter: blur(18px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 48px rgba(0,0,0,.24) !important;
}

.nadi-profit-grid {
    gap: 20px !important;
}

.nadi-profit-card {
    padding: clamp(18px, 3vw, 26px) !important;
}

.nadi-profit-card--wide {
    margin-top: 20px !important;
}

.nadi-profit-card__subtitle {
    display: block !important;
    width: min(780px, 100%) !important;
    margin: -8px auto 34px !important;
    padding: 12px 20px !important;
    text-align: center !important;
    line-height: 1.9 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
    color: rgba(255,255,255,.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.nadi-profit-tool label > span {
    color: rgba(255,255,255,.88) !important;
    font-weight: 900 !important;
}

.nadi-profit-tool label > small {
    color: rgba(255,255,255,.52) !important;
}

.nadi-profit-tool input,
.nadi-profit-tool select {
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(0,0,0,.46) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: var(--nadi-gold-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.nadi-profit-tool input:focus,
.nadi-profit-tool select:focus {
    background: rgba(0,0,0,.64) !important;
    border-color: rgba(212,175,55,.78) !important;
    box-shadow: 0 0 0 4px rgba(212,175,55,.15), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.nadi-money-input__symbol {
    color: var(--nadi-gold-soft) !important;
    -webkit-text-fill-color: var(--nadi-gold-soft) !important;
    text-shadow: 0 0 14px rgba(255,223,116,.34) !important;
}

.nadi-profit-button {
    background: linear-gradient(135deg, var(--nadi-gold), var(--nadi-gold-soft)) !important;
    border-radius: 18px !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    box-shadow: 0 18px 44px rgba(212,175,55,.26) !important;
}

.nadi-profit-button.nadi-needs-recalculate {
    animation: nadiProfitWhiteGlow 1.15s ease-in-out infinite alternate !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,.20), 0 0 28px rgba(255,255,255,.62), 0 0 70px rgba(255,255,255,.38), 0 18px 44px rgba(212,175,55,.26) !important;
}

@keyframes nadiProfitWhiteGlow {
    from { filter: brightness(1); transform: translateY(0); }
    to { filter: brightness(1.22); transform: translateY(-2px); }
}

.nadi-profit-result__main strong {
    color: var(--nadi-profit-green) !important;
    text-shadow: 0 0 14px rgba(35,255,143,.35), 0 0 34px rgba(35,255,143,.16) !important;
}

.nadi-profit-result__main small {
    color: var(--nadi-profit-green) !important;
    text-shadow: 0 0 12px rgba(35,255,143,.25) !important;
}

@media (max-width: 1100px) {
    .nadi-profit-layout {
        width: min(100% - 28px, 1500px) !important;
        max-width: min(100% - 28px, 1500px) !important;
    }
}

@media (max-width: 767px) {
    html.nadi-profit-page-active,
    body.nadi-profit-page-active,
    html:has(.nadi-profit-tool),
    body:has(.nadi-profit-tool) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
        background: #030405 !important;
        box-sizing: border-box !important;
    }

    body.nadi-profit-page-active #page,
    body.nadi-profit-page-active .site,
    body.nadi-profit-page-active .site-content,
    body.nadi-profit-page-active .content-area,
    body.nadi-profit-page-active #primary,
    body.nadi-profit-page-active #main,
    body.nadi-profit-page-active .site-main,
    body.nadi-profit-page-active main,
    body.nadi-profit-page-active article,
    body.nadi-profit-page-active .entry,
    body.nadi-profit-page-active .entry-content,
    body.nadi-profit-page-active .entry-content-wrap,
    body.nadi-profit-page-active .content-wrap,
    body.nadi-profit-page-active .wp-site-blocks,
    body.nadi-profit-page-active .wp-block-post-content,
    body.nadi-profit-page-active .wp-block-group,
    body.nadi-profit-page-active .wp-block-shortcode,
    body.nadi-profit-page-active .kt-inside-inner-col,
    body.nadi-profit-page-active .content-container,
    body.nadi-profit-page-active .site-container,
    body.nadi-profit-page-active .ast-container,
    body.nadi-profit-page-active .container,
    body.nadi-profit-page-active .main-content,
    body.nadi-profit-page-active .alignfull,
    body.nadi-profit-page-active .alignwide,
    body:has(.nadi-profit-tool) #page,
    body:has(.nadi-profit-tool) .site,
    body:has(.nadi-profit-tool) .site-content,
    body:has(.nadi-profit-tool) .content-area,
    body:has(.nadi-profit-tool) #primary,
    body:has(.nadi-profit-tool) #main,
    body:has(.nadi-profit-tool) .site-main,
    body:has(.nadi-profit-tool) main,
    body:has(.nadi-profit-tool) article,
    body:has(.nadi-profit-tool) .entry,
    body:has(.nadi-profit-tool) .entry-content,
    body:has(.nadi-profit-tool) .entry-content-wrap,
    body:has(.nadi-profit-tool) .content-wrap,
    body:has(.nadi-profit-tool) .wp-site-blocks,
    body:has(.nadi-profit-tool) .wp-block-post-content,
    body:has(.nadi-profit-tool) .wp-block-group,
    body:has(.nadi-profit-tool) .wp-block-shortcode,
    body:has(.nadi-profit-tool) .kt-inside-inner-col,
    body:has(.nadi-profit-tool) .content-container,
    body:has(.nadi-profit-tool) .site-container,
    body:has(.nadi-profit-tool) .ast-container,
    body:has(.nadi-profit-tool) .container,
    body:has(.nadi-profit-tool) .main-content,
    body:has(.nadi-profit-tool) .alignfull,
    body:has(.nadi-profit-tool) .alignwide {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        background: #030405 !important;
    }

    .nadi-profit-tool {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 54px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .nadi-profit-calc {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        background: transparent !important;
    }

    .nadi-profit-layout {
        display: block !important;
        width: calc(100% - 14px) !important;
        max-width: calc(100% - 14px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .nadi-profit-intro-panel,
    .nadi-profit-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .nadi-profit-intro-panel {
        padding-top: 30px !important;
        padding-bottom: 32px !important;
    }

    .nadi-profit-shell {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .nadi-profit-intro-panel__top {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        margin-bottom: 20px !important;
    }

    .nadi-profit-intro-panel__brand {
        width: 100% !important;
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        text-align: center !important;
    }

    .nadi-profit-intro-panel__nadi-logo {
        max-width: 190px !important;
        max-height: 66px !important;
    }

    .nadi-profit-platform-mark {
        display: inline-flex !important;
        font-size: 28px !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .nadi-profit-lang-switcher {
        width: auto !important;
        margin: 0 auto !important;
    }

    .nadi-profit-lang-toggle {
        width: auto !important;
        min-width: 126px !important;
        max-width: 150px !important;
        min-height: 42px !important;
        padding: 9px 16px !important;
        border-radius: 999px !important;
        font-size: 15px !important;
        justify-content: center !important;
    }

    .nadi-profit-intro-panel__content {
        width: 100% !important;
        text-align: center !important;
    }

    .nadi-profit-badge {
        margin: 0 auto 14px !important;
    }

    .nadi-profit-title {
        width: 100% !important;
        max-width: 100% !important;
        margin: 14px auto 14px !important;
        white-space: nowrap !important;
        font-size: clamp(18px, 4.65vw, 23px) !important;
        line-height: 1.18 !important;
        letter-spacing: -0.7px !important;
        text-align: center !important;
        overflow: visible !important;
    }

    .nadi-platform-word {
        margin-inline: .04em !important;
    }

    .nadi-profit-intro-panel p {
        font-size: 15.5px !important;
        line-height: 1.85 !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        overflow-wrap: break-word !important;
    }

    .nadi-profit-updated {
        display: block !important;
        margin-top: 14px !important;
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .nadi-profit-card,
    .nadi-profit-result {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .nadi-profit-card h3 {
        text-align: center !important;
        font-size: 24px !important;
    }

    .nadi-profit-card__subtitle {
        width: 100% !important;
        margin-bottom: 30px !important;
        padding: 13px 14px !important;
        border-radius: 18px !important;
        line-height: 1.85 !important;
        font-size: 14.5px !important;
    }

    .nadi-profit-tool label,
    .nadi-profit-tool input,
    .nadi-profit-tool select,
    .nadi-profit-button {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .nadi-profit-tool label > span {
        font-size: 16px !important;
    }

    .nadi-profit-tool input,
    .nadi-profit-tool select {
        min-height: 56px !important;
        font-size: 16px !important;
    }

    .nadi-profit-button {
        min-height: 62px !important;
        font-size: 22px !important;
    }
}


/* =========================================================
   Unified V3 precise request: Shopify desktop title only
   - Smaller title on desktop
   - Force one line on desktop only
   ========================================================= */
@media (min-width: 1024px) {
    .nadi-profit-tool--shopify .nadi-profit-title {
        font-size: clamp(34px, 4.25vw, 62px) !important;
        line-height: 1.06 !important;
        white-space: nowrap !important;
        letter-spacing: -1.3px !important;
    }
}


.nadi-profit-tool input::placeholder {
    color: rgba(255,255,255,.42) !important;
    -webkit-text-fill-color: rgba(255,255,255,.42) !important;
    opacity: 1;
}

.nadi-profit-tool .nadi-input-error {
    border-color: #ff3333 !important;
    box-shadow: 0 0 0 4px rgba(255,51,51,.16), 0 0 24px rgba(255,51,51,.14) !important;
}

.nadi-profit-notice {
    width: min(720px, 100%);
    margin: 22px auto 0;
    padding: 15px 18px;
    border: 1px solid rgba(255,72,72,.48);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(40,10,12,.82), rgba(10,10,12,.94));
    color: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.35), 0 0 30px rgba(255,51,51,.12), inset 0 1px 0 rgba(255,255,255,.08);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.8;
    text-align: center;
}

.nadi-profit-notice::before {
    content: "⚠";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-inline-end: 9px;
    border-radius: 999px;
    color: #120606;
    background: linear-gradient(135deg, #ff5a5a, #ffb0b0);
    box-shadow: 0 0 18px rgba(255,80,80,.34);
}

.nadi-profit-notice[hidden] {
    display: none !important;
}

.nadi-profit-notice.nadi-notice-show {
    animation: nadiNoticePulse .42s ease both;
}

@keyframes nadiNoticePulse {
    0% { transform: translateY(-6px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}


.nadi-profit-tool input[type="number"]::-webkit-outer-spin-button,
.nadi-profit-tool input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.nadi-profit-tool input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}


/* =========================================================
   Final V2.2: precise validation + hero-size alignment
   ========================================================= */
@media (min-width: 821px) {
    .nadi-profit-tool .nadi-profit-intro-panel {
        padding: clamp(22px, 4vw, 40px) !important;
        margin: 0 auto 26px !important;
    }

    .nadi-profit-tool .nadi-profit-intro-panel__top {
        margin-bottom: 24px !important;
    }

    .nadi-profit-tool .nadi-profit-title {
        font-size: clamp(32px, 5vw, 66px) !important;
        line-height: 1.08 !important;
    }

    .nadi-profit-tool .nadi-profit-intro-panel p {
        max-width: 860px !important;
        font-size: 17px !important;
        line-height: 1.9 !important;
    }

    .nadi-profit-tool .nadi-profit-required-note {
        margin-top: 24px !important;
    }

    .nadi-profit-tool--shopify .nadi-profit-title {
        font-size: clamp(30px, 4.1vw, 58px) !important;
        white-space: nowrap !important;
        letter-spacing: -1.1px !important;
    }
}

.nadi-profit-tool .nadi-money-input.is-error input,
.nadi-profit-tool input.nadi-input-error,
.nadi-profit-tool select.nadi-input-error {
    border-color: #ff3333 !important;
    box-shadow: 0 0 0 4px rgba(255,51,51,.16), 0 0 24px rgba(255,51,51,.14) !important;
}

.nadi-profit-tool .nadi-money-input.is-error .nadi-money-input__symbol {
    color: #ff6b6b !important;
    -webkit-text-fill-color: #ff6b6b !important;
    text-shadow: 0 0 14px rgba(255,51,51,.34) !important;
}

/* =========================================================
   Smart Product Pricing Calculator
   Scope: only .nadi-pricing-tool
   ========================================================= */
.nadi-pricing-tool .nadi-pricing-mark {
    color: #ffdf74 !important;
    text-shadow: 0 0 24px rgba(255, 223, 116, .42) !important;
}

.nadi-pricing-tool .nadi-pricing-title {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.nadi-pricing-tool .nadi-pricing-fees-grid {
    margin-top: 4px;
}

.nadi-pricing-preset-note {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 223, 116, .18);
    border-radius: 16px;
    background: rgba(0, 0, 0, .30);
    color: rgba(255,255,255,.78);
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    line-height: 1.6;
}

.nadi-pricing-tool .nadi-pricing-goal-card {
    grid-column: 1 / -1;
}

.nadi-pricing-tool .nadi-pricing-breakdown {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nadi-pricing-decision {
    margin-top: 24px;
    padding: 26px;
    border: 1px solid rgba(35, 255, 143, .24);
    border-radius: 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(35,255,143,.15), transparent 32%),
        linear-gradient(135deg, rgba(10,17,14,.86), rgba(13,16,22,.86));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 52px rgba(0,0,0,.28);
}

.nadi-pricing-decision__eyebrow {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 223, 116, .34);
    border-radius: 999px;
    color: #ffdf74;
    background: rgba(255,223,116,.08);
    font-size: 13px;
    font-weight: 950;
}

.nadi-pricing-decision h3 {
    margin: 0 0 10px;
    color: #23ff8f;
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 950;
    text-shadow: 0 0 26px rgba(35,255,143,.25);
}

.nadi-pricing-decision p {
    margin: 0 0 16px;
    color: rgba(255,255,255,.76);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.9;
}

.nadi-pricing-decision ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nadi-pricing-decision li {
    position: relative;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(0,0,0,.22);
    color: rgba(255,255,255,.82);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.7;
}

.nadi-pricing-decision li::before {
    content: "✓";
    color: #23ff8f;
    font-weight: 950;
    margin-inline-end: 8px;
}

.nadi-pricing-tool .nadi-money-input.is-error input,
.nadi-pricing-tool input.nadi-input-error,
.nadi-pricing-tool select.nadi-input-error {
    border-color: rgba(255, 75, 75, .85) !important;
    box-shadow: 0 0 0 3px rgba(255,75,75,.14), 0 0 26px rgba(255,75,75,.18) !important;
}

@media (max-width: 980px) {
    .nadi-pricing-tool .nadi-pricing-breakdown,
    .nadi-pricing-decision ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .nadi-pricing-tool .nadi-pricing-title {
        font-size: clamp(31px, 8.8vw, 42px) !important;
        line-height: 1.25 !important;
    }

    .nadi-pricing-tool .nadi-pricing-preset-note {
        min-height: 62px;
        font-size: 17px;
    }

    .nadi-pricing-decision {
        padding: 22px 16px;
        border-radius: 22px;
        text-align: center;
    }

    .nadi-pricing-decision li {
        text-align: right;
        font-size: 16px;
    }
}

/* =========================================================
   Final V4 precise refinements
   ========================================================= */
.nadi-profit-tool {
    padding-top: 12px !important;
}

.nadi-profit-tool--shopify {
    --nadi-gold: #62d94f;
    --nadi-gold-soft: #a8ff7a;
}

.nadi-profit-tool--woocommerce {
    --nadi-gold: #a875ff;
    --nadi-gold-soft: #d2b8ff;
}

.nadi-pricing-tool {
    --nadi-gold: #2da8ff;
    --nadi-gold-soft: #8ed8ff;
}

.nadi-profit-tool--shopify .nadi-profit-platform-mark,
.nadi-profit-tool--shopify .nadi-platform-word--shopify {
    color: #a8ff7a !important;
    -webkit-text-fill-color: #a8ff7a !important;
    text-shadow: 0 0 24px rgba(98,217,79,.42) !important;
}

.nadi-profit-tool--woocommerce .nadi-profit-platform-mark,
.nadi-profit-tool--woocommerce .nadi-platform-word--woo {
    color: #d2b8ff !important;
    -webkit-text-fill-color: #d2b8ff !important;
    text-shadow: 0 0 24px rgba(168,117,255,.44) !important;
}

.nadi-pricing-tool .nadi-pricing-mark,
.nadi-pricing-tool .nadi-profit-badge,
.nadi-pricing-tool .nadi-profit-updated,
.nadi-pricing-tool .nadi-profit-card h3 {
    color: #8ed8ff !important;
    -webkit-text-fill-color: #8ed8ff !important;
    text-shadow: 0 0 24px rgba(45,168,255,.36) !important;
}

@media (min-width: 1024px) {
    .nadi-pricing-tool .nadi-pricing-title {
        white-space: nowrap !important;
        font-size: clamp(36px, 4.1vw, 60px) !important;
        line-height: 1.08 !important;
        letter-spacing: -1.25px !important;
        max-width: none !important;
    }

    .nadi-pricing-tool .nadi-pricing-goal-card > h3,
    .nadi-pricing-tool .nadi-pricing-goal-card > .nadi-profit-card__subtitle {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .nadi-pricing-tool .nadi-pricing-goal-card .nadi-profit-mini-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: end !important;
    }

    .nadi-pricing-tool .nadi-pricing-fees-grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .85fr) minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .nadi-pricing-tool .nadi-pricing-fees-grid label > span[data-pricing-i18n="feeRate"] {
        white-space: nowrap !important;
        font-size: 13px !important;
        letter-spacing: -.15px !important;
    }
}

.nadi-pricing-tool input[readonly],
.nadi-profit-tool input[readonly] {
    cursor: default !important;
    opacity: 1 !important;
}

.nadi-pricing-tool .nadi-pricing-decision {
    border-color: rgba(45,168,255,.28) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(45,168,255,.16), transparent 32%),
        linear-gradient(135deg, rgba(8,16,24,.88), rgba(13,16,22,.86)) !important;
}

.nadi-pricing-tool .nadi-pricing-decision__eyebrow,
.nadi-pricing-tool .nadi-pricing-decision h3,
.nadi-pricing-tool .nadi-pricing-decision li::before {
    color: #8ed8ff !important;
    -webkit-text-fill-color: #8ed8ff !important;
    text-shadow: 0 0 22px rgba(45,168,255,.32) !important;
}

/* =========================================================
   Final V5: platform color systems + remove top gap
   Scope: Shopify / WooCommerce / Smart Pricing calculators
   ========================================================= */
body.nadi-profit-page-active .site,
body.nadi-profit-page-active .site-content,
body.nadi-profit-page-active .content-area,
body.nadi-profit-page-active #primary,
body.nadi-profit-page-active #main,
body.nadi-profit-page-active .site-main,
body.nadi-profit-page-active main,
body.nadi-profit-page-active article,
body.nadi-profit-page-active .entry,
body.nadi-profit-page-active .entry-content,
body.nadi-profit-page-active .entry-content-wrap,
body.nadi-profit-page-active .content-wrap,
body.nadi-profit-page-active .wp-site-blocks,
body.nadi-profit-page-active .wp-block-post-content,
body.nadi-profit-page-active .wp-block-group,
body.nadi-profit-page-active .wp-block-shortcode,
body.nadi-profit-page-active .kt-inside-inner-col,
body.nadi-profit-page-active .content-container,
body.nadi-profit-page-active .site-container,
body.nadi-profit-page-active .ast-container,
body.nadi-profit-page-active .container,
body.nadi-profit-page-active .main-content,
body.nadi-profit-page-active .alignfull,
body.nadi-profit-page-active .alignwide,
body:has(.nadi-profit-tool) .site,
body:has(.nadi-profit-tool) .site-content,
body:has(.nadi-profit-tool) .content-area,
body:has(.nadi-profit-tool) #primary,
body:has(.nadi-profit-tool) #main,
body:has(.nadi-profit-tool) .site-main,
body:has(.nadi-profit-tool) main,
body:has(.nadi-profit-tool) article,
body:has(.nadi-profit-tool) .entry,
body:has(.nadi-profit-tool) .entry-content,
body:has(.nadi-profit-tool) .entry-content-wrap,
body:has(.nadi-profit-tool) .content-wrap,
body:has(.nadi-profit-tool) .wp-site-blocks,
body:has(.nadi-profit-tool) .wp-block-post-content,
body:has(.nadi-profit-tool) .wp-block-group,
body:has(.nadi-profit-tool) .wp-block-shortcode,
body:has(.nadi-profit-tool) .kt-inside-inner-col,
body:has(.nadi-profit-tool) .content-container,
body:has(.nadi-profit-tool) .site-container,
body:has(.nadi-profit-tool) .ast-container,
body:has(.nadi-profit-tool) .container,
body:has(.nadi-profit-tool) .main-content,
body:has(.nadi-profit-tool) .alignfull,
body:has(.nadi-profit-tool) .alignwide {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.nadi-profit-page-active .entry-content > *:first-child,
body:has(.nadi-profit-tool) .entry-content > *:first-child,
body.nadi-profit-page-active .wp-block-post-content > *:first-child,
body:has(.nadi-profit-tool) .wp-block-post-content > *:first-child {
    margin-top: 0 !important;
}

.nadi-profit-tool {
    padding-top: 10px !important;
}

.nadi-profit-calc,
.nadi-profit-layout {
    margin-top: 0 !important;
}

.nadi-profit-tool--shopify {
    --nadi-gold: #62d94f;
    --nadi-gold-soft: #a8ff7a;
    --nadi-accent: #62d94f;
    --nadi-accent-soft: #a8ff7a;
    --nadi-accent-rgb: 98, 217, 79;
    --nadi-accent-soft-rgb: 168, 255, 122;
}

.nadi-profit-tool--woocommerce {
    --nadi-gold: #a875ff;
    --nadi-gold-soft: #d2b8ff;
    --nadi-accent: #a875ff;
    --nadi-accent-soft: #d2b8ff;
    --nadi-accent-rgb: 168, 117, 255;
    --nadi-accent-soft-rgb: 210, 184, 255;
}

.nadi-pricing-tool {
    --nadi-gold: #2da8ff;
    --nadi-gold-soft: #8ed8ff;
    --nadi-accent: #2da8ff;
    --nadi-accent-soft: #8ed8ff;
    --nadi-accent-rgb: 45, 168, 255;
    --nadi-accent-soft-rgb: 142, 216, 255;
}

.nadi-profit-tool--shopify,
.nadi-profit-tool--woocommerce,
.nadi-pricing-tool {
    background:
        radial-gradient(circle at 8% 16%, rgba(var(--nadi-accent-rgb), .20), transparent 31%),
        radial-gradient(circle at 92% 9%, rgba(var(--nadi-accent-rgb), .17), transparent 30%),
        radial-gradient(circle at 50% 88%, rgba(var(--nadi-accent-rgb), .08), transparent 36%),
        linear-gradient(180deg, #030405 0%, #05070b 42%, #07101a 100%) !important;
}

.nadi-profit-tool--shopify::before,
.nadi-profit-tool--woocommerce::before,
.nadi-pricing-tool::before {
    background:
        radial-gradient(circle at 4% 20%, rgba(var(--nadi-accent-rgb), .20), transparent 31%),
        radial-gradient(circle at 96% 15%, rgba(var(--nadi-accent-rgb), .16), transparent 30%),
        radial-gradient(circle at 50% 82%, rgba(var(--nadi-accent-rgb), .08), transparent 36%),
        linear-gradient(180deg, #030405 0%, #05070b 45%, #07101a 100%) !important;
}

.nadi-profit-tool--shopify .nadi-profit-intro-panel,
.nadi-profit-tool--shopify .nadi-profit-shell,
.nadi-profit-tool--woocommerce .nadi-profit-intro-panel,
.nadi-profit-tool--woocommerce .nadi-profit-shell,
.nadi-pricing-tool .nadi-profit-intro-panel,
.nadi-pricing-tool .nadi-profit-shell {
    border-color: rgba(var(--nadi-accent-soft-rgb), .28) !important;
    background:
        radial-gradient(circle at 0 0, rgba(var(--nadi-accent-rgb), .18), transparent 34%),
        radial-gradient(circle at 100% 15%, rgba(var(--nadi-accent-rgb), .16), transparent 35%),
        linear-gradient(135deg, rgba(8,10,14,.96), rgba(19,22,29,.94) 55%, rgba(4,5,7,.98)) !important;
    box-shadow: 0 32px 110px rgba(0,0,0,.66), 0 0 46px rgba(var(--nadi-accent-rgb), .06), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.nadi-profit-tool--shopify .nadi-profit-badge,
.nadi-profit-tool--shopify .nadi-profit-lang-toggle,
.nadi-profit-tool--shopify .nadi-profit-platform-mark,
.nadi-profit-tool--woocommerce .nadi-profit-badge,
.nadi-profit-tool--woocommerce .nadi-profit-lang-toggle,
.nadi-profit-tool--woocommerce .nadi-profit-platform-mark,
.nadi-pricing-tool .nadi-profit-badge,
.nadi-pricing-tool .nadi-profit-lang-toggle,
.nadi-pricing-tool .nadi-profit-platform-mark {
    border-color: rgba(var(--nadi-accent-soft-rgb), .48) !important;
    background: linear-gradient(135deg, rgba(var(--nadi-accent-rgb), .24), rgba(var(--nadi-accent-soft-rgb), .12) 48%, rgba(3,4,5,.64)) !important;
    color: var(--nadi-accent-soft) !important;
    -webkit-text-fill-color: var(--nadi-accent-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 32px rgba(var(--nadi-accent-rgb), .18) !important;
}

.nadi-profit-tool--shopify .nadi-profit-lang-menu,
.nadi-profit-tool--woocommerce .nadi-profit-lang-menu,
.nadi-pricing-tool .nadi-profit-lang-menu {
    border-color: rgba(var(--nadi-accent-soft-rgb), .40) !important;
    background: radial-gradient(circle at top, rgba(var(--nadi-accent-rgb), .18), transparent 46%), linear-gradient(180deg, rgba(20,22,25,.98), rgba(5,6,8,.98)) !important;
}

.nadi-profit-tool--shopify .nadi-profit-lang-menu button:hover,
.nadi-profit-tool--woocommerce .nadi-profit-lang-menu button:hover,
.nadi-pricing-tool .nadi-profit-lang-menu button:hover {
    background: rgba(var(--nadi-accent-rgb), .16) !important;
    color: var(--nadi-accent-soft) !important;
    -webkit-text-fill-color: var(--nadi-accent-soft) !important;
}

.nadi-profit-tool--shopify .nadi-profit-updated,
.nadi-profit-tool--shopify .nadi-profit-card h3,
.nadi-profit-tool--shopify .nadi-money-input__symbol,
.nadi-profit-tool--woocommerce .nadi-profit-updated,
.nadi-profit-tool--woocommerce .nadi-profit-card h3,
.nadi-profit-tool--woocommerce .nadi-money-input__symbol,
.nadi-pricing-tool .nadi-profit-updated,
.nadi-pricing-tool .nadi-profit-card h3,
.nadi-pricing-tool .nadi-money-input__symbol,
.nadi-pricing-tool .nadi-pricing-mark,
.nadi-pricing-tool .nadi-pricing-decision__eyebrow,
.nadi-pricing-tool .nadi-pricing-decision h3,
.nadi-pricing-tool .nadi-pricing-decision li::before {
    color: var(--nadi-accent-soft) !important;
    -webkit-text-fill-color: var(--nadi-accent-soft) !important;
    text-shadow: 0 0 24px rgba(var(--nadi-accent-rgb), .36) !important;
}

.nadi-profit-tool--shopify input:focus,
.nadi-profit-tool--shopify select:focus,
.nadi-profit-tool--woocommerce input:focus,
.nadi-profit-tool--woocommerce select:focus,
.nadi-pricing-tool input:focus,
.nadi-pricing-tool select:focus {
    border-color: rgba(var(--nadi-accent-soft-rgb), .76) !important;
    box-shadow: 0 0 0 4px rgba(var(--nadi-accent-rgb), .13), 0 0 28px rgba(var(--nadi-accent-rgb), .14) !important;
}

.nadi-profit-tool--shopify .nadi-profit-button,
.nadi-profit-tool--woocommerce .nadi-profit-button,
.nadi-pricing-tool .nadi-profit-button {
    background: linear-gradient(135deg, var(--nadi-accent), var(--nadi-accent-soft)) !important;
    box-shadow: 0 18px 48px rgba(var(--nadi-accent-rgb), .26) !important;
}

.nadi-profit-tool--shopify .nadi-profit-card,
.nadi-profit-tool--shopify .nadi-profit-result,
.nadi-profit-tool--woocommerce .nadi-profit-card,
.nadi-profit-tool--woocommerce .nadi-profit-result,
.nadi-pricing-tool .nadi-profit-card,
.nadi-pricing-tool .nadi-profit-result {
    border-color: rgba(var(--nadi-accent-soft-rgb), .14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 48px rgba(0,0,0,.24), 0 0 30px rgba(var(--nadi-accent-rgb), .045) !important;
}

.nadi-pricing-tool .nadi-pricing-decision {
    border-color: rgba(var(--nadi-accent-rgb), .28) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(var(--nadi-accent-rgb), .16), transparent 32%),
        linear-gradient(135deg, rgba(8,16,24,.88), rgba(13,16,22,.86)) !important;
}

@media (max-width: 767px) {
    body.nadi-profit-page-active .site,
    body.nadi-profit-page-active .site-content,
    body.nadi-profit-page-active .content-area,
    body.nadi-profit-page-active #primary,
    body.nadi-profit-page-active #main,
    body.nadi-profit-page-active .site-main,
    body.nadi-profit-page-active main,
    body.nadi-profit-page-active article,
    body.nadi-profit-page-active .entry,
    body.nadi-profit-page-active .entry-content,
    body.nadi-profit-page-active .entry-content-wrap,
    body.nadi-profit-page-active .content-wrap,
    body.nadi-profit-page-active .wp-site-blocks,
    body.nadi-profit-page-active .wp-block-post-content,
    body.nadi-profit-page-active .wp-block-group,
    body.nadi-profit-page-active .wp-block-shortcode,
    body.nadi-profit-page-active .kt-inside-inner-col,
    body.nadi-profit-page-active .content-container,
    body.nadi-profit-page-active .site-container,
    body.nadi-profit-page-active .ast-container,
    body.nadi-profit-page-active .container,
    body.nadi-profit-page-active .main-content,
    body:has(.nadi-profit-tool) .site,
    body:has(.nadi-profit-tool) .site-content,
    body:has(.nadi-profit-tool) .content-area,
    body:has(.nadi-profit-tool) #primary,
    body:has(.nadi-profit-tool) #main,
    body:has(.nadi-profit-tool) .site-main,
    body:has(.nadi-profit-tool) main,
    body:has(.nadi-profit-tool) article,
    body:has(.nadi-profit-tool) .entry,
    body:has(.nadi-profit-tool) .entry-content,
    body:has(.nadi-profit-tool) .entry-content-wrap,
    body:has(.nadi-profit-tool) .content-wrap,
    body:has(.nadi-profit-tool) .wp-site-blocks,
    body:has(.nadi-profit-tool) .wp-block-post-content,
    body:has(.nadi-profit-tool) .wp-block-group,
    body:has(.nadi-profit-tool) .wp-block-shortcode,
    body:has(.nadi-profit-tool) .kt-inside-inner-col,
    body:has(.nadi-profit-tool) .content-container,
    body:has(.nadi-profit-tool) .site-container,
    body:has(.nadi-profit-tool) .ast-container,
    body:has(.nadi-profit-tool) .container,
    body:has(.nadi-profit-tool) .main-content {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .nadi-profit-tool {
        padding-top: 8px !important;
    }
}


/* =========================================================
   Final V6 precise requested refinements only
   - Mobile language menu centering across tools
   - eBay mobile language button visual alignment
   - Smart pricing title and preset label helper
   - Desktop centering for Shopify/WooCommerce wide-section headings
   ========================================================= */
.nadi-pricing-preset-help {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,.58) !important;
    -webkit-text-fill-color: rgba(255,255,255,.58) !important;
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 821px) {
    .nadi-profit-tool--shopify h3[data-i18n="feeSettings"],
    .nadi-profit-tool--shopify h3[data-i18n="currencySettings"],
    .nadi-profit-tool--woocommerce h3[data-i18n="feeSettings"],
    .nadi-profit-tool--woocommerce h3[data-i18n="currencySettings"] {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    .nadi-profit-tool .nadi-profit-lang-switcher,
    .nadi-pricing-tool .nadi-profit-lang-switcher {
        position: relative !important;
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .nadi-profit-tool .nadi-profit-lang-menu,
    .nadi-pricing-tool .nadi-profit-lang-menu {
        position: absolute !important;
        top: calc(100% + 12px) !important;
        left: 50% !important;
        right: auto !important;
        inset-inline-start: auto !important;
        inset-inline-end: auto !important;
        transform: translateX(-50%) !important;
        width: 192px !important;
        min-width: 192px !important;
        max-width: calc(100vw - 42px) !important;
        text-align: center !important;
        z-index: 99999 !important;
    }

    .nadi-profit-tool .nadi-profit-lang-menu button,
    .nadi-pricing-tool .nadi-profit-lang-menu button {
        text-align: center !important;
    }

    .nadi-pricing-tool .nadi-pricing-title {
        font-size: clamp(18px, 4.15vw, 20px) !important;
        line-height: 1.22 !important;
        letter-spacing: -0.65px !important;
        white-space: nowrap !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
}

/* =========================================================
   Final V7 exact requested fixes only
   - Mobile language dropdown: centered, visible, consistent
   - Pricing hero mobile title: readable with blue "الذكية"
   - Desktop centering for Shopify/WooCommerce wide headings
   ========================================================= */
@media (min-width: 821px) {
    .nadi-profit-tool--shopify .nadi-profit-card--wide > h3,
    .nadi-profit-tool--woocommerce .nadi-profit-card--wide > h3 {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .nadi-profit-tool--shopify .nadi-profit-card--wide > .nadi-profit-card__subtitle,
    .nadi-profit-tool--woocommerce .nadi-profit-card--wide > .nadi-profit-card__subtitle {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.nadi-pricing-title__smart {
    color: var(--nadi-accent-soft, #8ed8ff) !important;
    -webkit-text-fill-color: var(--nadi-accent-soft, #8ed8ff) !important;
    text-shadow: 0 0 24px rgba(var(--nadi-accent-rgb, 45, 168, 255), .42) !important;
}

@media (max-width: 767px) {
    .nadi-pricing-tool .nadi-pricing-title {
        white-space: normal !important;
        font-size: clamp(30px, 7.5vw, 38px) !important;
        line-height: 1.22 !important;
        letter-spacing: -0.35px !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-align: center !important;
    }

    .nadi-pricing-tool .nadi-pricing-title span {
        display: inline !important;
    }

    .nadi-profit-tool .nadi-profit-lang-menu,
    .nadi-pricing-tool .nadi-profit-lang-menu {
        position: fixed !important;
        right: auto !important;
        inset-inline-start: auto !important;
        inset-inline-end: auto !important;
        transform: translateX(-50%) !important;
        min-width: 180px !important;
        width: 192px !important;
        max-width: calc(100vw - 42px) !important;
        text-align: center !important;
        z-index: 999999 !important;
    }

    .nadi-profit-tool .nadi-profit-lang-menu button,
    .nadi-pricing-tool .nadi-profit-lang-menu button {
        text-align: center !important;
    }
}

/* Final V8 mobile-only language dropdown guarantee */
@media (max-width: 767px) {
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active,
    body > .nadi-ebay-lang-menu.nadi-mobile-lang-menu-active {
        position: fixed !important;
        right: auto !important;
        inset-inline-start: auto !important;
        inset-inline-end: auto !important;
        transform: translateX(-50%) !important;
        width: 210px !important;
        min-width: 176px !important;
        max-width: calc(100vw - 42px) !important;
        text-align: center !important;
        z-index: 9999999 !important;
    }

    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active button,
    body > .nadi-ebay-lang-menu.nadi-mobile-lang-menu-active button {
        text-align: center !important;
    }
}


/* Requested final mobile-only language dropdown border colors for non-eBay calculators */
@media (max-width: 767px) {
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--shopify {
        border-color: rgba(151, 255, 123, .58) !important;
        box-shadow: 0 18px 46px rgba(0,0,0,.42), 0 0 28px rgba(118, 255, 93, .18) !important;
        background: radial-gradient(circle at top, rgba(118,255,93,.18), transparent 46%), linear-gradient(180deg, rgba(20,22,25,.98), rgba(5,6,8,.98)) !important;
    }
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--shopify button.nadi-is-active,
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--shopify button:hover,
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--shopify button:focus {
        border-color: rgba(151,255,123,.70) !important;
        color: #97ff7b !important;
        -webkit-text-fill-color: #97ff7b !important;
        background: linear-gradient(135deg, rgba(70,210,73,.28), rgba(151,255,123,.10)) !important;
    }
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--woocommerce {
        border-color: rgba(202, 168, 255, .58) !important;
        box-shadow: 0 18px 46px rgba(0,0,0,.42), 0 0 28px rgba(165, 105, 255, .18) !important;
        background: radial-gradient(circle at top, rgba(165,105,255,.18), transparent 46%), linear-gradient(180deg, rgba(20,22,25,.98), rgba(5,6,8,.98)) !important;
    }
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--woocommerce button.nadi-is-active,
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--woocommerce button:hover,
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--woocommerce button:focus {
        border-color: rgba(202,168,255,.70) !important;
        color: #caa8ff !important;
        -webkit-text-fill-color: #caa8ff !important;
        background: linear-gradient(135deg, rgba(165,105,255,.28), rgba(202,168,255,.10)) !important;
    }
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--pricing {
        border-color: rgba(142, 216, 255, .58) !important;
        box-shadow: 0 18px 46px rgba(0,0,0,.42), 0 0 28px rgba(45, 168, 255, .18) !important;
        background: radial-gradient(circle at top, rgba(45,168,255,.18), transparent 46%), linear-gradient(180deg, rgba(20,22,25,.98), rgba(5,6,8,.98)) !important;
    }
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--pricing button.nadi-is-active,
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--pricing button:hover,
    body > .nadi-profit-lang-menu.nadi-mobile-lang-menu-active.nadi-lang-menu--pricing button:focus {
        border-color: rgba(142,216,255,.70) !important;
        color: #8ed8ff !important;
        -webkit-text-fill-color: #8ed8ff !important;
        background: linear-gradient(135deg, rgba(45,168,255,.28), rgba(142,216,255,.10)) !important;
    }
}