/* Tipeman 1.8.0 foundation pass: clean responsive base, modern readable glass */
:root {
    --tp-app-max: 1180px;
    --tp-shell-pad: clamp(14px, 1.7vw, 24px);
    --tp-gap: clamp(14px, 2vw, 22px);
    --tp-radius-xl: 34px;
    --tp-radius-lg: 28px;
    --tp-glass: rgba(255, 255, 255, .74);
    --tp-glass-strong: rgba(255, 255, 255, .86);
    --tp-glass-border: rgba(255, 255, 255, .76);
    --tp-ink: #1f1d1b;
    --tp-muted: #716b64;
    --tp-primary: #5d49df;
    --tp-primary-dark: #352c9b;
    --tp-shadow: 0 24px 70px rgba(48, 39, 31, .11), 0 6px 18px rgba(48, 39, 31, .055), inset 0 1px rgba(255, 255, 255, .82);
    --tp-blur: blur(34px) saturate(185%);
}

/* article-template-16: calm, readable editorial layout shared by all psychology articles */
#tipeman-app .tp-article-page {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, .82) !important;
}

#tipeman-app .tp-article-hero {
    position: relative !important;
    display: block !important;
    padding: clamp(28px, 5vw, 64px) !important;
    overflow: hidden !important;
    border-radius: 34px 34px 0 0 !important;
    background:
        radial-gradient(circle at 12% 15%, rgba(95, 76, 240, .14), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,247,255,.9)) !important;
    border-bottom: 1px solid rgba(6, 27, 58, .08) !important;
}

#tipeman-app .tp-article-hero::after {
    content: "" !important;
    position: absolute !important;
    width: 220px !important;
    height: 220px !important;
    inset: auto auto -100px -70px !important;
    border-radius: 50% !important;
    background: rgba(58, 199, 159, .12) !important;
    pointer-events: none !important;
}

#tipeman-app .tp-article-hero .tp-seo-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 24px !important;
    color: rgba(6, 27, 58, .56) !important;
    font-size: 13px !important;
}

#tipeman-app .tp-article-hero .tp-seo-breadcrumb strong {
    max-width: min(48ch, 100%) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-article-kicker,
#tipeman-app .tp-article-section__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #4f3ac8 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

#tipeman-app .tp-article-hero h1 {
    max-width: 21ch !important;
    margin: 14px 0 16px !important;
    color: #061b3a !important;
    font-size: clamp(32px, 5vw, 58px) !important;
    line-height: 1.28 !important;
    letter-spacing: -.035em !important;
}

#tipeman-app .tp-article-hero .tp-article-lead {
    max-width: 68ch !important;
    margin: 0 !important;
    color: rgba(6, 27, 58, .7) !important;
    font-size: clamp(15px, 1.5vw, 18px) !important;
    line-height: 2 !important;
}

#tipeman-app .tp-article-meta,
#tipeman-app .tp-article-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

#tipeman-app .tp-article-meta {
    margin-top: 24px !important;
}

#tipeman-app .tp-article-meta span,
#tipeman-app .tp-article-tags span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 38px !important;
    padding: 8px 13px !important;
    border: 1px solid rgba(6, 27, 58, .08) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .76) !important;
    color: rgba(6, 27, 58, .72) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 22px rgba(6, 27, 58, .04) !important;
}

#tipeman-app .tp-article-tags {
    margin-top: 12px !important;
}

#tipeman-app .tp-article-tags span {
    min-height: 32px !important;
    padding: 6px 11px !important;
    color: #4f3ac8 !important;
    background: rgba(95, 76, 240, .07) !important;
}

#tipeman-app .tp-article-cover {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    max-height: 620px !important;
    margin: clamp(24px, 4vw, 38px) 0 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .9) !important;
    border-radius: 28px !important;
    background: rgba(6, 27, 58, .06) !important;
    box-shadow: 0 24px 56px rgba(6, 27, 58, .13) !important;
}

#tipeman-app .tp-article-cover img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
}

#tipeman-app .tp-article-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px !important;
    grid-template-areas: "body toc" !important;
    gap: clamp(28px, 5vw, 64px) !important;
    padding: clamp(28px, 5vw, 64px) !important;
    align-items: start !important;
}

#tipeman-app .tp-article-toc {
    grid-area: toc !important;
    position: sticky !important;
    top: 112px !important;
    padding: 20px !important;
    border: 1px solid rgba(6, 27, 58, .08) !important;
    border-radius: 22px !important;
    background: rgba(246, 248, 255, .82) !important;
}

#tipeman-app .tp-article-toc > strong {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    color: #061b3a !important;
    font-size: 14px !important;
}

#tipeman-app .tp-article-toc nav {
    display: grid !important;
    gap: 2px !important;
}

#tipeman-app .tp-article-toc a {
    display: block !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    color: rgba(6, 27, 58, .66) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
}

#tipeman-app .tp-article-toc a:hover,
#tipeman-app .tp-article-toc a:focus-visible {
    color: #4f3ac8 !important;
    background: rgba(95, 76, 240, .08) !important;
}

#tipeman-app .tp-article-body {
    grid-area: body !important;
    min-width: 0 !important;
    max-width: 760px !important;
}

#tipeman-app .tp-article-section {
    position: relative !important;
    display: block !important;
    padding: 8px 0 34px !important;
    scroll-margin-top: 118px !important;
}

#tipeman-app .tp-article-section + .tp-article-section {
    padding-top: 32px !important;
    border-top: 1px solid rgba(6, 27, 58, .08) !important;
}

#tipeman-app .tp-article-section__number {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 14px !important;
    border-radius: 12px !important;
    background: rgba(95, 76, 240, .1) !important;
    color: #4f3ac8 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

#tipeman-app .tp-article-body .tp-article-section h2,
#tipeman-app .tp-article-source h2,
#tipeman-app .tp-article-related-tests h2 {
    margin: 0 0 14px !important;
    color: #061b3a !important;
    font-size: clamp(23px, 3vw, 34px) !important;
    line-height: 1.42 !important;
    letter-spacing: -.02em !important;
}

#tipeman-app .tp-article-body .tp-article-section p,
#tipeman-app .tp-article-source p {
    max-width: 66ch !important;
    margin: 0 !important;
    color: rgba(6, 27, 58, .76) !important;
    font-size: 16px !important;
    line-height: 2.15 !important;
}

#tipeman-app .tp-article-faq-section .tp-seo-faq-grid {
    margin-top: 20px !important;
}

#tipeman-app .tp-article-faq-section .tp-seo-faq-grid article {
    border-color: rgba(6, 27, 58, .08) !important;
    background: rgba(246, 248, 255, .78) !important;
}

#tipeman-app .tp-article-faq-section h3 {
    margin: 0 0 8px !important;
    color: #061b3a !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

#tipeman-app .tp-article-body .tp-seo-disclaimer {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    margin: 10px 0 34px !important;
    padding: 18px 20px !important;
    border: 1px solid rgba(95, 76, 240, .12) !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-article-body .tp-seo-disclaimer i {
    margin-top: 5px !important;
}

#tipeman-app .tp-article-source {
    padding: 24px !important;
    border: 1px solid rgba(58, 199, 159, .2) !important;
    border-radius: 22px !important;
    background: rgba(58, 199, 159, .07) !important;
    scroll-margin-top: 118px !important;
}

#tipeman-app .tp-article-source h2 {
    margin-top: 8px !important;
    font-size: clamp(20px, 2.4vw, 28px) !important;
}

#tipeman-app .tp-article-source p + p {
    margin-top: 12px !important;
}

#tipeman-app .tp-article-source-list {
    display: grid !important;
    gap: 8px !important;
    margin: 16px 0 !important;
    padding: 0 20px 0 0 !important;
}

#tipeman-app .tp-article-source-list a {
    color: #4f3ac8 !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-article-related-tests {
    margin-top: 24px !important;
    padding: clamp(24px, 4vw, 40px) !important;
}

#tipeman-app .tp-article-related-tests > p {
    margin: -4px 0 20px !important;
    color: rgba(6, 27, 58, .64) !important;
}

#tipeman-app .tp-article-related-tests .tp-seo-related a {
    position: relative !important;
    min-height: 150px !important;
    border-color: rgba(6, 27, 58, .08) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(246,248,255,.84)) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

#tipeman-app .tp-article-related-tests .tp-seo-related a:hover,
#tipeman-app .tp-article-related-tests .tp-seo-related a:focus-visible {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 34px rgba(6, 27, 58, .08) !important;
}

@media (max-width: 960px) {
    #tipeman-app .tp-article-layout {
        grid-template-columns: 1fr !important;
        grid-template-areas: "toc" "body" !important;
        gap: 28px !important;
    }

    #tipeman-app .tp-article-toc {
        position: static !important;
    }

    #tipeman-app .tp-article-toc nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #tipeman-app .tp-article-body {
        max-width: none !important;
    }
}

@media (max-width: 680px) {
    #tipeman-app .tp-app-blog-shell .tp-app-screen {
        padding-inline: 10px !important;
    }

    #tipeman-app .tp-article-page {
        border-radius: 24px !important;
    }

    #tipeman-app .tp-article-hero {
        padding: 24px 18px 28px !important;
        border-radius: 24px 24px 0 0 !important;
    }

    #tipeman-app .tp-article-hero .tp-seo-breadcrumb {
        margin-bottom: 18px !important;
        font-size: 11px !important;
    }

    #tipeman-app .tp-article-hero h1 {
        max-width: none !important;
        margin-top: 10px !important;
        font-size: clamp(27px, 8.2vw, 36px) !important;
        line-height: 1.35 !important;
    }

    #tipeman-app .tp-article-hero .tp-article-lead {
        font-size: 14px !important;
        line-height: 1.95 !important;
    }

    #tipeman-app .tp-article-meta {
        margin-top: 18px !important;
    }

    #tipeman-app .tp-article-meta span,
    #tipeman-app .tp-article-tags span {
        min-height: 34px !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    #tipeman-app .tp-article-cover {
        margin-top: 20px !important;
        border-radius: 20px !important;
    }

    #tipeman-app .tp-article-layout {
        padding: 20px 18px 30px !important;
    }

    #tipeman-app .tp-article-toc {
        padding: 16px !important;
        border-radius: 18px !important;
    }

    #tipeman-app .tp-article-toc nav {
        grid-template-columns: 1fr !important;
        max-height: 218px !important;
        overflow: auto !important;
    }

    #tipeman-app .tp-article-section {
        padding-bottom: 26px !important;
    }

    #tipeman-app .tp-article-section + .tp-article-section {
        padding-top: 26px !important;
    }

    #tipeman-app .tp-article-body .tp-article-section h2,
    #tipeman-app .tp-article-source h2,
    #tipeman-app .tp-article-related-tests h2 {
        font-size: 23px !important;
    }

    #tipeman-app .tp-article-body .tp-article-section p,
    #tipeman-app .tp-article-source p {
        font-size: 15px !important;
        line-height: 2.05 !important;
    }

    #tipeman-app .tp-article-faq-section .tp-seo-faq-grid,
    #tipeman-app .tp-article-related-tests .tp-seo-related {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-article-source {
        padding: 20px 17px !important;
    }

    #tipeman-app .tp-article-related-tests {
        padding: 24px 18px !important;
        border-radius: 24px !important;
    }
}

/* home-guided-mobile-2026-08-24: compact choice-first homepage based on the approved mobile direction. */
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
    width: min(1120px, calc(100% - 32px)) !important;
    max-width: 1120px !important;
    min-height: 390px !important;
    display: grid !important;
    grid-template-columns: minmax(330px, .92fr) minmax(0, 1.08fr) !important;
    gap: 0 !important;
    margin: 0 auto 22px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.94) !important;
    border-radius: 36px !important;
    background: rgba(255,255,255,.82) !important;
    box-shadow: 0 24px 64px rgba(8,27,58,.10) !important;
}

#tipeman-app .tp-home-copy--guided {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 16px !important;
    padding: clamp(28px, 5vw, 58px) !important;
    text-align: right !important;
}

#tipeman-app .tp-home-copy--guided .tp-kicker {
    margin: 0 !important;
    color: #6757e8 !important;
    background: rgba(103,87,232,.09) !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy--guided h1,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy--guided h2 {
    max-width: 560px !important;
    margin: 0 !important;
    color: #081b3a !important;
    font-size: clamp(36px, 4.4vw, 58px) !important;
    font-weight: 950 !important;
    line-height: 1.4 !important;
    text-align: right !important;
    overflow-wrap: normal !important;
}

#tipeman-app .tp-home-copy--guided .tp-home-lead {
    max-width: 520px !important;
    margin: 0 !important;
    color: #68748b !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

#tipeman-app .tp-home-hero--guided .tp-hero-art {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 390px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

#tipeman-app .tp-home-hero--guided .tp-hero-art::before { display: none !important; }

#tipeman-app .tp-home-hero--guided .tp-hero-art img {
    width: 100% !important;
    height: 100% !important;
    min-height: 390px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 35% center !important;
}

#tipeman-app .tp-home-guided-choices {
    width: min(920px, calc(100% - 32px));
    box-sizing: border-box;
    display: grid;
    justify-items: stretch;
    gap: 18px;
    margin: 0 auto 28px;
    padding: 6px 0;
}

#tipeman-app .tp-home-guided-choices__head {
    display: grid;
    grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr);
    align-items: center;
    gap: 12px;
}

#tipeman-app .tp-home-guided-choices__head span {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(103,87,232,.34), transparent);
}

#tipeman-app .tp-home-guided-choices__head h2 {
    margin: 0;
    color: #4f5d76;
    font-size: clamp(18px, 2.3vw, 26px);
    font-weight: 900;
    text-align: center;
}

#tipeman-app .tp-home-guided-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

#tipeman-app .tp-home-guided-grid a {
    min-width: 0;
    min-height: 176px;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    padding: 20px 14px;
    border: 1px solid rgba(90,104,132,.12);
    border-radius: 28px;
    background: rgba(255,255,255,.78);
    color: #081b3a;
    box-shadow: 0 14px 34px rgba(8,27,58,.06);
    text-align: center;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

#tipeman-app .tp-home-guided-grid a:hover,
#tipeman-app .tp-home-guided-grid a:focus-visible {
    border-color: rgba(103,87,232,.36);
    box-shadow: 0 18px 42px rgba(79,59,200,.12);
    transform: translateY(-3px);
    outline: none;
}

#tipeman-app .tp-home-guided-grid i {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(103,87,232,.16);
    border-radius: 18px;
    color: #4933c8;
    background: #f2efff;
    box-shadow: inset 0 1px rgba(255,255,255,.9), 0 8px 18px rgba(73,51,200,.08);
    font-size: 22px;
}

#tipeman-app .tp-home-guided-grid a:nth-child(2) i {
    color: #314fcc;
    border-color: rgba(49,79,204,.15);
    background: #eef3ff;
    box-shadow: inset 0 1px rgba(255,255,255,.9), 0 8px 18px rgba(49,79,204,.08);
}

#tipeman-app .tp-home-guided-grid a:nth-child(3) i {
    color: #26725e;
    border-color: rgba(38,114,94,.15);
    background: #edf8f4;
    box-shadow: inset 0 1px rgba(255,255,255,.9), 0 8px 18px rgba(38,114,94,.08);
}

#tipeman-app .tp-home-guided-grid strong {
    font-size: 16px;
    font-weight: 950;
    line-height: 1.55;
}

#tipeman-app .tp-home-guided-grid small {
    color: #758096;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.7;
}

#tipeman-app .tp-home-guided-cta {
    width: 100%;
    min-height: 58px;
    box-sizing: border-box;
    border-radius: 20px !important;
    font-size: 17px;
    font-weight: 950;
}

#tipeman-app .tp-home-guided-cta i {
    font-size: 15px;
    transition: transform .2s ease;
}

#tipeman-app .tp-home-guided-cta:hover i,
#tipeman-app .tp-home-guided-cta:focus-visible i {
    transform: translateX(-3px);
}

#tipeman-app .tp-home-guided-trust {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0;
    padding: 14px 18px;
    border: 1px solid rgba(76,181,150,.16);
    border-radius: 20px;
    background: rgba(239,249,246,.76);
    color: #66758a;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.8;
    text-align: center;
}

#tipeman-app .tp-home-guided-trust i {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(38,114,94,.13);
    border-radius: 13px;
    color: #26725e;
    background: rgba(255,255,255,.72);
    font-size: 16px;
}
#tipeman-app .tp-home-guided-trust strong { color: #26725e; }

@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"] {
        padding-bottom: 90px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-mobile-top {
        min-height: 56px !important;
        margin: 6px auto 12px !important;
        padding: 7px 10px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
        min-height: 276px !important;
        grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
        align-items: stretch !important;
        margin: 0 auto 18px !important;
        padding: 0 !important;
        border-radius: 26px !important;
    }

    #tipeman-app .tp-home-copy--guided {
        align-content: center !important;
        justify-items: start !important;
        gap: 10px !important;
        padding: 18px 14px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-home-copy--guided .tp-kicker {
        min-height: 30px !important;
        padding: 5px 9px !important;
        font-size: 10px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy--guided h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy--guided h2 {
        margin: 0 !important;
        font-size: clamp(24px, 6.8vw, 30px) !important;
        line-height: 1.5 !important;
        text-align: right !important;
    }

    #tipeman-app .tp-home-copy--guided .tp-home-lead {
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.8 !important;
        text-align: right !important;
    }

    #tipeman-app .tp-home-hero--guided .tp-hero-art,
    #tipeman-app .tp-home-hero--guided .tp-hero-art img {
        min-height: 276px !important;
        height: 100% !important;
    }

    #tipeman-app .tp-home-hero--guided .tp-hero-art img {
        object-position: 31% center !important;
    }

    #tipeman-app .tp-home-guided-choices {
        width: calc(100% - 16px);
        gap: 14px;
        margin-bottom: 20px;
        padding: 0;
    }

    #tipeman-app .tp-home-guided-choices__head { gap: 8px; }

    #tipeman-app .tp-home-guided-choices__head h2 {
        font-size: 15px;
        line-height: 1.6;
        white-space: nowrap;
    }

    #tipeman-app .tp-home-guided-grid { gap: 8px; }

    #tipeman-app .tp-home-guided-grid a {
        min-height: 146px;
        gap: 7px;
        padding: 13px 7px;
        border-radius: 20px;
    }

    #tipeman-app .tp-home-guided-grid i {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    #tipeman-app .tp-home-guided-grid strong {
        font-size: 13px;
        line-height: 1.55;
    }

    #tipeman-app .tp-home-guided-grid small {
        font-size: 10px;
        line-height: 1.55;
    }

    #tipeman-app .tp-home-guided-cta {
        min-height: 54px;
        border-radius: 18px !important;
        font-size: 15px;
    }

    #tipeman-app .tp-home-guided-trust {
        gap: 9px;
        padding: 11px 12px;
        border-radius: 18px;
        font-size: 11px;
        text-align: right;
    }

    #tipeman-app .tp-bottom-nav {
        width: calc(100% - 16px) !important;
        bottom: max(8px, env(safe-area-inset-bottom)) !important;
        padding: 4px !important;
        border-radius: 22px !important;
    }

    #tipeman-app .tp-bottom-nav button,
    #tipeman-app .tp-bottom-nav a {
        min-height: 48px !important;
        border-radius: 18px !important;
        font-size: 9px !important;
    }

    #tipeman-app .tp-bottom-nav button span,
    #tipeman-app .tp-bottom-nav a span {
        font-size: 16px !important;
    }
}

@media (max-width: 360px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-home-hero--guided .tp-hero-art {
        min-height: 190px !important;
        order: -1;
    }

    #tipeman-app .tp-home-hero--guided .tp-hero-art img { min-height: 190px !important; }
    #tipeman-app .tp-home-guided-grid small { display: none; }
    #tipeman-app .tp-home-guided-grid a { min-height: 112px; }
}

/* test-library-mobile-compact-2026-08-31: compact finder and two-column photo-first cards. */
@media (max-width: 760px) {
    #tipeman-app .tp-tests-library-hero {
        display: block !important;
        min-height: 0 !important;
        padding: 11px 13px !important;
        border-radius: 18px !important;
    }

    #tipeman-app .tp-tests-library-hero__copy {
        min-width: 0 !important;
        text-align: right !important;
    }

    #tipeman-app .tp-tests-library-hero__copy .tp-kicker {
        font-size: 8px !important;
        line-height: 1.5 !important;
    }

    #tipeman-app .tp-tests-library-hero__copy h1 {
        margin: 3px 0 4px !important;
        font-size: 18px !important;
        line-height: 1.42 !important;
    }

    #tipeman-app .tp-tests-library-hero__copy > p {
        display: -webkit-box !important;
        margin: 0 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        color: #69758a !important;
        font-size: 10px !important;
        line-height: 1.65 !important;
    }

    #tipeman-app .tp-tests-library-hero__trust,
    #tipeman-app .tp-tests-library-hero .tp-tests-seo-intro__links {
        display: none !important;
    }

    #tipeman-app .tp-tests-quick-filter {
        position: relative !important;
        top: auto !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        border-radius: 18px !important;
    }

    #tipeman-app .tp-tests-quick-filter__title h1,
    #tipeman-app .tp-tests-quick-filter__title h2 {
        margin: 2px 0 !important;
        font-size: 17px !important;
        line-height: 1.45 !important;
    }

    #tipeman-app .tp-tests-quick-filter__title .tp-kicker,
    #tipeman-app .tp-tests-quick-filter__title p {
        font-size: 9px !important;
        line-height: 1.5 !important;
    }

    #tipeman-app .tp-tests-free-jump {
        min-height: 32px !important;
        margin-top: 5px !important;
        padding: 6px 10px !important;
        border-radius: 11px !important;
        font-size: 10px !important;
    }

    #tipeman-app .tp-tests-quick-filter__controls {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
        gap: 7px !important;
    }

    #tipeman-app .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell) {
        min-height: 46px !important;
        padding: 7px 9px !important;
        border-radius: 14px !important;
    }

    #tipeman-app .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell) > span {
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

    #tipeman-app .tp-tests-quick-filter :is(input, select) {
        min-height: 24px !important;
        padding: 2px 0 !important;
        font-size: 11px !important;
    }

    #tipeman-app .tp-tests-filter-reset {
        grid-column: 1 / -1 !important;
        min-height: 34px !important;
        padding: 5px 10px !important;
        font-size: 10px !important;
    }

    #tipeman-app .tp-tests-category-chips {
        grid-column: 1 / -1 !important;
        gap: 5px !important;
        padding-top: 0 !important;
    }

    #tipeman-app .tp-tests-category-chips button {
        min-height: 30px !important;
        padding: 5px 9px !important;
        font-size: 10px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-galaxy {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        height: auto !important;
        border-radius: 18px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-test-card-media {
        order: -1 !important;
        width: 100% !important;
        height: 118px !important;
        min-height: 118px !important;
        border-radius: 0 !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-orb-copy {
        min-height: 174px !important;
        padding: 9px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-orb-copy > small {
        font-size: 8px !important;
        line-height: 1.4 !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image h3 {
        margin: 3px 0 5px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-test-card-meta {
        gap: 4px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-test-card-meta span {
        padding: 3px 5px !important;
        font-size: 8px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-test-card-desc {
        display: -webkit-box !important;
        margin-top: 5px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        font-size: 9px !important;
        line-height: 1.6 !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-card-actions {
        margin-top: auto !important;
        padding-top: 7px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-card-cta {
        width: 100% !important;
        min-height: 34px !important;
        padding: 6px 8px !important;
        border-radius: 11px !important;
        font-size: 9px !important;
        line-height: 1.35 !important;
    }
}

/* cart-standard-2026-06-15: final override for the floating WooCommerce test cart. */
#tipeman-app .tp-floating-cart,
#tipeman-app .tp-floating-cart * {
    box-sizing: border-box !important;
}

#tipeman-app .tp-floating-cart {
    position: fixed !important;
    left: 18px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 10020 !important;
    direction: rtl !important;
    font-family: inherit !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(237,242,255,.62)) !important;
    color: #10254c !important;
    box-shadow: 0 16px 42px rgba(18, 32, 70, .16), inset 0 1px 0 rgba(255,255,255,.86) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    cursor: pointer !important;
    overflow: visible !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before,
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::after {
    display: none !important;
    content: none !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__mini-icon {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    color: #10254c !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__mini-icon i {
    color: currentColor !important;
    font-size: 16px !important;
}

#tipeman-app .tp-floating-cart__badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #15305f !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,.92) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--panel,
#tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
    width: 286px !important;
    max-width: calc(100vw - 28px) !important;
    display: grid !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, .76) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(245,248,255,.68)) !important;
    color: #13213f !important;
    box-shadow: 0 20px 58px rgba(24, 34, 68, .18), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

#tipeman-app .tp-floating-cart__head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#tipeman-app .tp-floating-cart__head div {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
    text-align: right !important;
}

#tipeman-app .tp-floating-cart__head strong {
    color: #10254c !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}

#tipeman-app .tp-floating-cart__head span {
    color: rgba(16, 37, 76, .58) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

#tipeman-app .tp-floating-cart__close {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(16,37,76,.08) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.64) !important;
    color: rgba(16,37,76,.72) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#tipeman-app .tp-floating-cart__items {
    display: grid !important;
    gap: 7px !important;
}

#tipeman-app .tp-floating-cart__item {
    display: grid !important;
    gap: 2px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.5) !important;
    text-align: right !important;
}

#tipeman-app .tp-floating-cart__item span {
    color: #13213f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.6 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#tipeman-app .tp-floating-cart__item small,
#tipeman-app .tp-floating-cart__more {
    color: rgba(19,33,63,.58) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

#tipeman-app .tp-floating-cart__more {
    display: block !important;
    text-align: center !important;
}

#tipeman-app .tp-floating-cart__summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 8px 2px 0 !important;
    border-top: 1px solid rgba(16,37,76,.08) !important;
}

#tipeman-app .tp-floating-cart__summary span {
    min-width: 0 !important;
    color: rgba(19,33,63,.62) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#tipeman-app .tp-floating-cart__summary strong {
    color: #10254c !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-floating-cart__pay {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #15305f, #0e2245) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(14,34,69,.2) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}

#tipeman-app .tp-floating-cart__body,
#tipeman-app .tp-floating-cart__icon,
#tipeman-app .tp-floating-cart__copy {
    display: none !important;
}

body.woocommerce-cart #tipeman-app .tp-floating-cart,
body.woocommerce-checkout #tipeman-app .tp-floating-cart,
#tipeman-app.tp-commerce-shell .tp-floating-cart {
    display: none !important;
}

@media (max-width: 781px) {
    #tipeman-app .tp-floating-cart {
        left: 10px !important;
        right: auto !important;
        top: auto !important;
        bottom: 86px !important;
        transform: none !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--panel,
    #tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
        width: min(312px, calc(100vw - 20px)) !important;
        padding: 11px !important;
        border-radius: 20px !important;
    }
}

/* cart-icon-mobile-1 - collapsed cart is a real compact side icon, not a wide tray. */
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    position: fixed !important;
    left: max(14px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #102b58, #061b38) !important;
    color: #fff !important;
    box-shadow: 0 16px 38px rgba(8, 27, 58, .20), inset 0 1px rgba(255, 255, 255, .30) !important;
    z-index: 9998 !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__mini-icon {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #fff !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__mini-icon i {
    color: #fff !important;
    font-size: 23px !important;
    line-height: 1 !important;
    display: block !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__icon,
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__copy,
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__pay,
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__close {
    display: none !important;
}

#tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
    left: max(14px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: min(318px, calc(100vw - 34px)) !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-mobile-top {
        grid-template-columns: auto 1fr auto !important;
        justify-items: stretch !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-mobile-top > .tp-mobile-title {
        display: none !important;
    }

    #tipeman-app .tp-mobile-top .tp-app-name {
        justify-self: end !important;
        grid-column: 3 !important;
        max-width: 150px !important;
    }

    #tipeman-app .tp-mobile-top .tp-menu-trigger {
        justify-self: start !important;
        grid-column: 1 !important;
    }

    #tipeman-app .tp-mobile-top .tp-avatar,
    #tipeman-app .tp-mobile-top .tp-avatar--profile {
        display: none !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        left: max(10px, env(safe-area-inset-left, 0px)) !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        border-radius: 17px !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__mini-icon i {
        font-size: 21px !important;
    }

    #tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
        width: min(300px, calc(100vw - 28px)) !important;
    }
}

/* dashboard-icon-fallbacks-2026-07-13: glyphs available in the bundled subset. */
#tipeman-app .tp-dashboard-stats .fa-gauge-high::before {
    content: "\f201";
}

#tipeman-app .tp-dashboard-stats .fa-bag-shopping::before {
    content: "\f07a";
}

/* teams-bottom-nav-direct-20260701: teams pages render the app nav directly under body. */
.tp-bottom-nav.tp-bottom-nav--links.tp-bottom-nav--items-6,
.tp-bottom-nav.tp-bottom-nav--items-6 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: min(860px, calc(100% - 18px)) !important;
    max-width: 860px !important;
    min-height: 64px !important;
    height: auto !important;
    gap: 5px !important;
    padding: 6px !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.tp-teams-shell {
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
}

.tp-bottom-nav.tp-bottom-nav--links.tp-bottom-nav--items-6 > *,
.tp-bottom-nav.tp-bottom-nav--items-6 > * {
    min-width: 0 !important;
    width: 100% !important;
    grid-column: auto !important;
}

.tp-bottom-nav.tp-bottom-nav--links.tp-bottom-nav--items-6 a,
.tp-bottom-nav.tp-bottom-nav--items-6 a {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    padding: 3px 1px !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
    gap: 2px !important;
}

.tp-bottom-nav.tp-bottom-nav--links.tp-bottom-nav--items-6 a span,
.tp-bottom-nav.tp-bottom-nav--items-6 a span {
    font-size: 15px !important;
    line-height: 1 !important;
}

@media (max-width: 820px) {
    .tp-bottom-nav.tp-bottom-nav--links.tp-bottom-nav--items-6,
    .tp-bottom-nav.tp-bottom-nav--items-6 {
        width: calc(100% - 12px) !important;
        max-width: none !important;
        min-height: 58px !important;
        gap: 3px !important;
        padding: 5px !important;
        border-radius: 22px !important;
    }

    .tp-bottom-nav.tp-bottom-nav--links.tp-bottom-nav--items-6 a,
    .tp-bottom-nav.tp-bottom-nav--items-6 a {
        min-height: 48px !important;
        height: 48px !important;
        border-radius: 15px !important;
        font-size: 8px !important;
        padding: 3px 0 !important;
    }

    .tp-bottom-nav.tp-bottom-nav--links.tp-bottom-nav--items-6 a span,
    .tp-bottom-nav.tp-bottom-nav--items-6 a span {
        font-size: 14px !important;
    }
}

/* test-image-pilot-local-2026-08-29: 8 approved-direction assets only. */
#tipeman-app .tp-orb-card.has-test-image {
    grid-template-columns: 1fr !important;
    padding: 12px !important;
    overflow: hidden !important;
}

#tipeman-app .tp-orb-card.has-test-image .tp-orb-copy {
    padding: 2px 4px 4px !important;
}

#tipeman-app .tp-test-card-media,
#tipeman-app .tp-test-card-media picture,
#tipeman-app .tp-test-product-media {
    display: block !important;
    width: 100% !important;
}

#tipeman-app .tp-test-card-media {
    position: relative !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 22px !important;
    background: #e9e8f8 !important;
    box-shadow: 0 16px 34px rgba(30,24,88,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

#tipeman-app .tp-test-card-media::after {
    content: '' !important;
    position: absolute !important;
    inset: auto 0 0 !important;
    height: 34% !important;
    pointer-events: none !important;
    background: linear-gradient(0deg, rgba(9,22,53,.18), transparent) !important;
}

#tipeman-app .tp-test-card-media img,
#tipeman-app .tp-test-product-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

#tipeman-app .tp-test-card-media img {
    transition: transform .45s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    #tipeman-app .tp-orb-card.has-test-image:hover .tp-test-card-media img {
        transform: scale(1.025) !important;
    }
}

#tipeman-app .tp-seo-product__hero > .tp-test-product-media,
#tipeman-app .tp-test-landing__hero > .tp-test-product-media {
    grid-column: 1 / -1 !important;
}

#tipeman-app .tp-test-product-media {
    aspect-ratio: 16 / 7 !important;
    margin: 0 0 6px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    border-radius: clamp(24px, 3vw, 36px) !important;
    background: #e9e8f8 !important;
    box-shadow: 0 24px 60px rgba(31,28,92,.15), inset 0 1px 0 rgba(255,255,255,.94) !important;
}

@media (max-width: 720px) {
    #tipeman-app .tp-test-card-media,
    #tipeman-app .tp-test-card-media picture {
        aspect-ratio: 1 !important;
    }

    #tipeman-app .tp-test-product-media {
        aspect-ratio: 4 / 3 !important;
        border-radius: 24px !important;
    }
}

/* teams-bottom-nav-20260701: keep organization nav Persian, centered, and inline. */
#tipeman-app .tp-bottom-nav.tp-bottom-nav--items-6,
#tipeman-app .tp-bottom-nav--links.tp-bottom-nav--items-6,
.tp-app-shell .tp-bottom-nav.tp-bottom-nav--items-6,
.tp-app-shell .tp-bottom-nav--links.tp-bottom-nav--items-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: min(860px, calc(100% - 18px)) !important;
    max-width: 860px !important;
    min-height: 66px !important;
    gap: 5px !important;
    padding: 6px !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
}

#tipeman-app .tp-bottom-nav.tp-bottom-nav--items-6 > *,
#tipeman-app .tp-bottom-nav--links.tp-bottom-nav--items-6 > *,
.tp-app-shell .tp-bottom-nav.tp-bottom-nav--items-6 > *,
.tp-app-shell .tp-bottom-nav--links.tp-bottom-nav--items-6 > * {
    min-width: 0 !important;
    width: 100% !important;
}

#tipeman-app .tp-bottom-nav.tp-bottom-nav--items-6 a,
#tipeman-app .tp-bottom-nav--links.tp-bottom-nav--items-6 a,
.tp-app-shell .tp-bottom-nav.tp-bottom-nav--items-6 a,
.tp-app-shell .tp-bottom-nav--links.tp-bottom-nav--items-6 a {
    min-height: 54px !important;
    border-radius: 18px !important;
    padding: 4px 1px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-bottom-nav.tp-bottom-nav--items-6 a span,
#tipeman-app .tp-bottom-nav--links.tp-bottom-nav--items-6 a span,
.tp-app-shell .tp-bottom-nav.tp-bottom-nav--items-6 a span,
.tp-app-shell .tp-bottom-nav--links.tp-bottom-nav--items-6 a span {
    font-size: 17px !important;
}

@media (max-width: 620px) {
    #tipeman-app .tp-bottom-nav.tp-bottom-nav--items-6,
    #tipeman-app .tp-bottom-nav--links.tp-bottom-nav--items-6,
    .tp-app-shell .tp-bottom-nav.tp-bottom-nav--items-6,
    .tp-app-shell .tp-bottom-nav--links.tp-bottom-nav--items-6 {
        width: calc(100% - 12px) !important;
        min-height: 60px !important;
        gap: 3px !important;
        padding: 5px !important;
        border-radius: 22px !important;
    }

    #tipeman-app .tp-bottom-nav.tp-bottom-nav--items-6 a,
    #tipeman-app .tp-bottom-nav--links.tp-bottom-nav--items-6 a,
    .tp-app-shell .tp-bottom-nav.tp-bottom-nav--items-6 a,
    .tp-app-shell .tp-bottom-nav--links.tp-bottom-nav--items-6 a {
        min-height: 50px !important;
        border-radius: 16px !important;
        font-size: 8.5px !important;
        gap: 2px !important;
    }

    #tipeman-app .tp-bottom-nav.tp-bottom-nav--items-6 a span,
    #tipeman-app .tp-bottom-nav--links.tp-bottom-nav--items-6 a span,
    .tp-app-shell .tp-bottom-nav.tp-bottom-nav--items-6 a span,
    .tp-app-shell .tp-bottom-nav--links.tp-bottom-nav--items-6 a span {
        font-size: 15px !important;
    }
}

/* commerce-floating-frame-fix-2026-06-21: undo the over-fixed header; keep a stable sticky app header and fixed bottom nav. */
#tipeman-app.tp-commerce-shell,
#tipeman-app.tp-commerce-shell.tp-app,
#tipeman-app.tp-commerce-shell.tp-app-shell {
    width: min(calc(100% - 18px), 1180px) !important;
    max-width: 1180px !important;
    padding-top: 14px !important;
    padding-inline: 0 !important;
    padding-bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
    margin-inline: auto !important;
    overflow-x: hidden !important;
}

#tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
    position: sticky !important;
    top: max(8px, env(safe-area-inset-top, 0px)) !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 16px !important;
    z-index: 10060 !important;
}

#tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: 100% !important;
    max-width: none !important;
}

#tipeman-app.tp-commerce-shell .tp-bottom-nav,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    top: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(760px, calc(100% - 16px)) !important;
    margin: 0 !important;
    z-index: 10055 !important;
}

@media (max-width: 760px) {
    #tipeman-app.tp-commerce-shell,
    #tipeman-app.tp-commerce-shell.tp-app,
    #tipeman-app.tp-commerce-shell.tp-app-shell {
        width: calc(100% - 14px) !important;
        padding-top: 8px !important;
        padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
        width: 100% !important;
        min-height: 72px !important;
        border-radius: 26px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-commerce-card {
        padding: 12px !important;
        border-radius: 26px !important;
    }
}

/* cart-icon-clip-fix-1 - keep collapsed cart fully visible and force a visible icon. */
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    left: max(18px, env(safe-area-inset-left, 0px)) !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    border-radius: 16px !important;
    overflow: visible !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before {
    content: "\f07a" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    display: block !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__mini-icon {
    display: none !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        left: max(18px, env(safe-area-inset-left, 0px)) !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        border-radius: 15px !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before {
        font-size: 19px !important;
    }
}

/* cart-icon-final-compact-1 - 30% smaller, glassier, and only a compact icon. */
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    left: max(20px, env(safe-area-inset-left, 0px)) !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: linear-gradient(145deg, rgba(17,43,88,.82), rgba(7,27,56,.74)) !important;
    box-shadow: 0 10px 24px rgba(8,27,58,.16), inset 0 1px rgba(255,255,255,.40) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
    overflow: hidden !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before {
    font-size: 14px !important;
    color: rgba(255,255,255,.94) !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed .tp-floating-cart__mini-icon,
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed i {
    display: none !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        left: max(18px, env(safe-area-inset-left, 0px)) !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        border-radius: 12px !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before {
        font-size: 14px !important;
    }
}

/* cart-panel-standard-1 - stable compact expanded cart panel. */
#tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
    position: fixed !important;
    left: max(16px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: min(276px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    max-width: 276px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.62)) !important;
    box-shadow: 0 20px 46px rgba(8,27,58,.14), inset 0 1px rgba(255,255,255,.96) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
    z-index: 9998 !important;
    overflow: hidden !important;
}

#tipeman-app .tp-floating-cart__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
}

#tipeman-app .tp-floating-cart__head strong {
    color: #081b3a !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.4 !important;
}

#tipeman-app .tp-floating-cart__close {
    position: static !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: rgba(8,27,58,.08) !important;
    color: #081b3a !important;
    display: grid !important;
    place-items: center !important;
    cursor: pointer !important;
    box-shadow: inset 0 1px rgba(255,255,255,.80) !important;
}

#tipeman-app .tp-floating-cart__body {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
}

#tipeman-app .tp-floating-cart__icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    background: linear-gradient(145deg, rgba(17,43,88,.92), rgba(7,27,56,.86)) !important;
    color: #fff !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    cursor: pointer !important;
}

#tipeman-app .tp-floating-cart__copy {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

#tipeman-app .tp-floating-cart__copy span,
#tipeman-app .tp-floating-cart__copy small {
    display: block !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: right !important;
}

#tipeman-app .tp-floating-cart__copy span {
    color: rgba(8,27,58,.76) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

#tipeman-app .tp-floating-cart__copy small {
    color: rgba(8,27,58,.56) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

#tipeman-app .tp-floating-cart__pay {
    width: 100% !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #102b58, #071b38) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow: 0 12px 28px rgba(8,27,58,.18) !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        width: min(258px, calc(100vw - 24px)) !important;
        max-width: 258px !important;
        padding: 12px !important;
        border-radius: 22px !important;
    }

    #tipeman-app .tp-floating-cart__pay {
        min-height: 46px !important;
    }
}

/* footer-center-safe-1 - keep footer centered above the fixed bottom nav. */
.tp-site-footer {
    margin-inline: auto !important;
    margin-bottom: 50px !important;
    text-align: center !important;
}

.tp-site-footer__inner {
    justify-items: center !important;
    text-align: center !important;
}

.tp-site-footer__inner > div:first-child,
.tp-site-footer__inner > div:first-child p,
.tp-site-footer nav,
.tp-site-footer__mini,
.tp-site-footer__seal,
.tp-site-footer span {
    justify-self: center !important;
    text-align: center !important;
}

.tp-site-footer nav,
.tp-site-footer__mini {
    justify-content: center !important;
}

.tp-site-footer__seal a {
    margin-inline: auto !important;
}

@media (max-width: 760px) {
    .tp-site-footer {
        margin-bottom: calc(50px + 96px + env(safe-area-inset-bottom, 0px)) !important;
        padding-inline: 16px !important;
    }

    .tp-site-footer__inner {
        gap: 14px !important;
    }
}

html,
body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 100% !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    background: #f7f3ee !important;
    color: var(--tp-ink);
}

body:not(.tp-focus-mode) {
    position: static !important;
    overflow-y: auto !important;
}

.tp-app-bg {
    position: fixed !important;
    inset: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(125deg, #f9f6f1 0%, #f3effb 28%, #eef8f5 58%, #fff5e8 100%) !important;
    pointer-events: none !important;
}

.tp-app-bg::before,
.tp-app-bg::after {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 16% 24%, rgba(93, 73, 223, .18), transparent 32%),
        radial-gradient(circle at 82% 20%, rgba(111, 198, 176, .16), transparent 30%),
        radial-gradient(circle at 58% 86%, rgba(232, 173, 120, .18), transparent 34%),
        radial-gradient(circle at 30% 74%, rgba(233, 154, 182, .12), transparent 28%);
    filter: blur(18px);
    opacity: .9;
    animation: tp-bg-drift 18s ease-in-out infinite alternate;
    pointer-events: none !important;
}

.tp-app-bg::after {
    inset: -28%;
    opacity: .48;
    filter: blur(36px);
    animation-duration: 26s;
    animation-direction: alternate-reverse;
}

.tp-app-shell {
    width: min(100%, var(--tp-app-max)) !important;
    max-width: var(--tp-app-max) !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: var(--tp-shell-pad) var(--tp-shell-pad) 118px !important;
}

.tp-app-screen {
    min-height: calc(100svh - 140px) !important;
    display: grid !important;
    gap: var(--tp-gap) !important;
    align-content: start !important;
}

.tp-hidden {
    display: none !important;
}

.tp-app-section,
.tp-daily-section,
.tp-recommend-section,
.tp-shortcut-section,
.tp-value-section,
.tp-start-section,
.tp-pricing-section {
    margin-top: 0 !important;
}

.tp-mobile-top,
.tp-home-hero,
.tp-daily-card,
.tp-feature-card,
.tp-value-cards article,
.tp-start-path article,
.tp-pricing-grid article,
.tp-seo-content,
.tp-goal-advisor,
.tp-category-digest button,
.tp-orb-card,
.tp-product,
.tp-panel,
.tp-report,
.tp-share-card,
.tp-history,
.tp-empty,
.tp-dashboard-hero,
.tp-dashboard-stats article,
.tp-next-panel,
.tp-chart-panel,
.tp-insight-grid article,
.tp-profile-card,
.tp-path-hero,
.tp-badge-grid article,
.tp-shortcuts button,
.tp-app-stats article {
    border: 1px solid var(--tp-glass-border) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.58)),
        var(--tp-glass) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
}

.tp-mobile-top,
.tp-home-hero,
.tp-daily-card,
.tp-feature-card,
.tp-seo-content,
.tp-goal-advisor,
.tp-product,
.tp-report,
.tp-share-card,
.tp-dashboard-hero,
.tp-path-hero {
    position: relative;
    overflow: hidden !important;
}

.tp-mobile-top::after,
.tp-home-hero::after,
.tp-daily-card::after,
.tp-feature-card::after,
.tp-goal-advisor::after,
.tp-product::after,
.tp-report::after,
.tp-dashboard-hero::after,
.tp-path-hero::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 0;
    border-radius: inherit;
    background:
        linear-gradient(130deg, rgba(255,255,255,.50), rgba(255,255,255,0) 36%),
        radial-gradient(circle at 88% 8%, rgba(255,255,255,.42), transparent 26%);
    pointer-events: none;
}

.tp-mobile-top > *,
.tp-home-hero > *,
.tp-daily-card > *,
.tp-feature-card > *,
.tp-goal-advisor > *,
.tp-product > *,
.tp-report > *,
.tp-dashboard-hero > *,
.tp-path-hero > * {
    position: relative;
    z-index: 1;
}

.tp-mobile-top {
    position: sticky !important;
    top: 12px !important;
    z-index: 45 !important;
    min-height: 72px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto 42px 44px !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 30px !important;
}

.tp-mobile-top span {
    color: rgba(93, 73, 223, .82) !important;
}

.tp-mobile-top strong {
    color: var(--tp-ink) !important;
    font-size: clamp(15px, 1.8vw, 19px) !important;
    line-height: 1.45 !important;
}

.tp-app-name {
    min-height: 36px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(93,73,223,.12), rgba(255,255,255,.68)), rgba(255,255,255,.78) !important;
    color: var(--tp-primary-dark) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92), 0 10px 22px rgba(93,73,223,.09) !important;
    font-weight: 950 !important;
    padding: 6px 12px !important;
}

.tp-avatar {
    width: 42px !important;
    height: 42px !important;
    background: linear-gradient(135deg, var(--tp-primary-dark), var(--tp-primary)) !important;
    box-shadow: 0 14px 28px rgba(93,73,223,.26), inset 0 1px rgba(255,255,255,.28) !important;
}

.tp-menu-trigger {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58)) !important;
    color: var(--tp-primary-dark) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.88), 0 12px 24px rgba(93,73,223,.10) !important;
}

.tp-route-loader,
.tp-side-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 120 !important;
}

.tp-route-loader {
    display: grid !important;
    place-items: center !important;
    background:
        radial-gradient(circle at 50% 32%, rgba(93,73,223,.14), transparent 32%),
        rgba(247,243,238,.58) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
}

.tp-route-loader__card,
.tp-loader-card {
    min-width: 210px !important;
    min-height: 132px !important;
    display: grid !important;
    place-items: center !important;
    gap: 12px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.62)) !important;
    box-shadow: var(--tp-shadow) !important;
}

.tp-loader-icons {
    width: 82px !important;
    height: 82px !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,.92), rgba(255,255,255,.22) 45%, transparent 70%),
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.46)),
        rgba(255,255,255,.62) !important;
    box-shadow: 0 18px 44px rgba(93,73,223,.14), inset 0 1px rgba(255,255,255,.92) !important;
    overflow: hidden !important;
}

.tp-loader-icons::before,
.tp-loader-icons::after {
    content: "" !important;
    position: absolute !important;
    inset: 12px !important;
    border: 3px solid rgba(93,73,223,.34) !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    border-radius: 999px !important;
    animation: tp-spin 3.2s linear infinite !important;
}

.tp-loader-icons::after {
    inset: 23px !important;
    border-color: rgba(111,198,176,.55) !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    animation-duration: 4.6s !important;
    animation-direction: reverse !important;
}

.tp-loader-icons i {
    position: absolute !important;
    z-index: 2 !important;
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, var(--tp-primary-dark), var(--tp-primary)) !important;
    color: #fff !important;
    font-size: 19px !important;
    box-shadow: 0 12px 26px rgba(93,73,223,.22), inset 0 1px rgba(255,255,255,.30) !important;
    opacity: 0 !important;
    transform: translateY(8px) scale(.82) !important;
    animation: tp-loader-icon-cycle 4.8s ease-in-out infinite !important;
}

.tp-loader-icons i:nth-child(2) {
    animation-delay: 1.2s !important;
}

.tp-loader-icons i:nth-child(3) {
    animation-delay: 2.4s !important;
}

.tp-loader-icons i:nth-child(4) {
    animation-delay: 3.6s !important;
}

.tp-side-overlay {
    background: rgba(31,29,27,.16) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.tp-side-menu {
    position: fixed !important;
    top: 14px !important;
    bottom: 14px !important;
    right: 14px !important;
    z-index: 130 !important;
    width: min(340px, calc(100vw - 28px)) !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 32px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.68)), rgba(255,255,255,.78) !important;
    box-shadow: 0 34px 90px rgba(48,39,31,.20), inset 0 1px rgba(255,255,255,.86) !important;
    backdrop-filter: blur(34px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(34px) saturate(180%) !important;
}

.tp-side-menu__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.tp-side-menu__head strong {
    font-size: 22px !important;
}

.tp-side-menu__head button {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.70) !important;
}

.tp-side-menu p {
    margin: 0 0 18px !important;
    color: var(--tp-muted) !important;
    line-height: 1.8 !important;
}

.tp-side-menu nav {
    display: grid !important;
    gap: 10px !important;
}

.tp-side-menu nav button {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.62) !important;
    color: var(--tp-ink) !important;
    font-weight: 900 !important;
    padding: 0 14px !important;
}

.tp-route-loader.tp-hidden,
.tp-side-overlay.tp-hidden,
.tp-side-menu.tp-hidden {
    display: none !important;
}

.tp-home-hero {
    width: 100% !important;
    min-height: auto !important;
    display: grid !important;
    align-items: start !important;
    justify-items: center !important;
    margin: 0 !important;
    padding: clamp(62px, 10vh, 120px) clamp(28px, 6vw, 72px) clamp(52px, 7vh, 86px) !important;
    border-radius: var(--tp-radius-xl) !important;
    text-align: center !important;
}

.tp-home-copy {
    width: min(100%, 820px) !important;
    max-width: 820px !important;
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

.tp-home-copy h1 {
    width: 100% !important;
    justify-self: center !important;
    margin-inline: auto !important;
    margin: 0 0 24px !important;
    color: var(--tp-ink) !important;
    font-size: clamp(30px, 4.4vw, 56px) !important;
    line-height: 1.22 !important;
    text-align: center !important;
}

.tp-home-actions {
    width: min(100%, 520px) !important;
    justify-self: center !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 18px auto 0 !important;
}

.tp-home-choice-grid {
    width: 100% !important;
    justify-self: center !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 auto !important;
}

.tp-home-choice-grid button {
    min-height: 132px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 9px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 26px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.58)),
        rgba(255,255,255,.72) !important;
    box-shadow: 0 18px 44px rgba(48,39,31,.08), inset 0 1px rgba(255,255,255,.86) !important;
    color: var(--tp-ink) !important;
    padding: 16px !important;
}

.tp-self-notes {
    width: 100% !important;
    display: grid !important;
    gap: 18px !important;
    margin: 100px 0 0 !important;
    padding: clamp(22px, 4vw, 34px) !important;
    border: 1px solid var(--tp-glass-border) !important;
    border-radius: var(--tp-radius-xl) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.56)),
        rgba(255,255,255,.74) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
}

.tp-self-notes__head {
    display: grid !important;
    justify-items: start !important;
    gap: 6px !important;
    text-align: right !important;
}

.tp-self-notes__head h2 {
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    line-height: 1.35 !important;
}

.tp-self-notes__head p {
    width: min(100%, 760px) !important;
    margin: 0 !important;
    color: var(--tp-muted) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
}

.tp-self-note-card {
    min-height: 168px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 18px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.62)),
        rgba(255,255,255,.78) !important;
    box-shadow: 0 22px 58px rgba(48,39,31,.09), inset 0 1px rgba(255,255,255,.90) !important;
    padding: clamp(22px, 4vw, 42px) !important;
    transition: opacity .26s ease, transform .26s ease, filter .26s ease !important;
}

.tp-self-note-card.is-changing {
    opacity: .42 !important;
    transform: translateY(8px) scale(.985) !important;
    filter: blur(3px) !important;
}

.tp-self-note-card i {
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(93,73,223,.16), rgba(255,255,255,.68)) !important;
    color: var(--tp-primary) !important;
    font-size: 20px !important;
}

.tp-self-note-card p {
    width: min(100%, 820px) !important;
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(20px, 2.5vw, 30px) !important;
    font-weight: 900 !important;
    line-height: 1.9 !important;
    text-align: center !important;
}

.tp-goal-advisor,
.tp-category-digest button,
.tp-orb-card,
.tp-dashboard-hero,
.tp-next-panel,
.tp-chart-panel,
.tp-profile-card,
.tp-path-hero,
.tp-badge-grid article {
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.56)),
        rgba(255,255,255,.74) !important;
    border-color: rgba(255,255,255,.78) !important;
}

.tp-home-choice-grid i {
    width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(93,73,223,.14), rgba(255,255,255,.62)) !important;
    color: var(--tp-primary) !important;
    font-size: 19px !important;
}

.tp-home-choice-grid strong {
    font-size: 19px !important;
    line-height: 1.35 !important;
}

.tp-home-choice-grid span {
    color: var(--tp-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

.tp-trust-strip {
    width: min(100%, 760px) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 auto !important;
}

.tp-trust-strip span {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.75) !important;
    color: var(--tp-ink) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.tp-daily-card,
.tp-feature-card {
    width: 100% !important;
    min-height: 190px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: clamp(24px, 4vw, 38px) !important;
    border-radius: var(--tp-radius-xl) !important;
}

.tp-daily-card h2,
.tp-feature-card h3 {
    margin: 0 0 8px !important;
    color: var(--tp-ink) !important;
    font-size: clamp(28px, 4vw, 44px) !important;
    line-height: 1.25 !important;
}

.tp-daily-card p,
.tp-feature-card p {
    color: var(--tp-muted) !important;
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.9 !important;
}

.tp-row-head {
    margin: 0 0 12px !important;
    padding: 0 4px !important;
}

.tp-row-head h2,
.tp-section-heading h2 {
    color: var(--tp-ink) !important;
    font-size: clamp(28px, 3.4vw, 44px) !important;
    line-height: 1.35 !important;
}

.tp-shortcuts,
.tp-app-stats,
.tp-value-cards,
.tp-start-path,
.tp-pricing-grid,
.tp-badge-grid,
.tp-profile-grid {
    width: 100% !important;
    display: grid !important;
    gap: 14px !important;
}

.tp-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.tp-app-stats,
.tp-pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.tp-value-cards,
.tp-start-path {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.tp-shortcuts button,
.tp-app-stats article,
.tp-value-cards article,
.tp-start-path article,
.tp-pricing-grid article {
    min-height: 132px !important;
    border-radius: 28px !important;
    padding: 18px !important;
}

.tp-bottom-nav {
    position: fixed !important;
    top: auto !important;
    right: auto !important;
    left: 50% !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    z-index: 80 !important;
    width: min(680px, calc(100% - 32px)) !important;
    max-width: 680px !important;
    height: auto !important;
    min-height: 74px !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 7px !important;
    transform: translateX(-50%) !important;
    border: 1px solid var(--tp-glass-border) !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.62)), rgba(255,255,255,.78) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
}

.tp-bottom-nav button,
.tp-bottom-nav a {
    height: auto !important;
    min-width: 0 !important;
    min-height: 60px !important;
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    border-radius: 22px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    padding: 6px 2px !important;
}

.tp-bottom-nav button span,
.tp-bottom-nav a span {
    font-size: 18px !important;
}

.tp-bottom-nav button.is-active,
.tp-bottom-nav a.is-active {
    background: linear-gradient(135deg, var(--tp-primary-dark), var(--tp-primary)) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(93,73,223,.24) !important;
}

.tp-marketplace,
.tp-grid[data-tests],
.tp-dashboard,
.tp-path-shell {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    gap: var(--tp-gap) !important;
    margin: 0 !important;
}

.tp-filter-panel {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3vw, 32px) !important;
    border: 1px solid var(--tp-glass-border) !important;
    border-radius: var(--tp-radius-xl) !important;
    background:
        radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--accent, var(--tp-primary)) 16%, transparent), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.58)),
        rgba(255,255,255,.74) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
    padding: clamp(20px, 3vw, 34px) !important;
}

.tp-filter-panel__copy {
    display: grid !important;
    gap: 10px !important;
}

.tp-filter-panel h3 {
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(26px, 3.2vw, 42px) !important;
    line-height: 1.35 !important;
}

.tp-filter-panel p {
    width: min(100%, 720px) !important;
    margin: 0 !important;
    color: var(--tp-muted) !important;
    line-height: 2 !important;
}

.tp-filter-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.tp-filter-stats span,
.tp-select-shell,
.tp-search-shell,
.tp-standard-box,
.tp-source-box,
.tp-profile-checks span {
    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58)),
        rgba(255,255,255,.72) !important;
    box-shadow: 0 16px 42px rgba(48,39,31,.075), inset 0 1px rgba(255,255,255,.88) !important;
    backdrop-filter: blur(24px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(170%) !important;
}

.tp-filter-stats span {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    color: var(--tp-primary-dark) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    padding: 7px 12px !important;
}

.tp-filter-panel__controls {
    display: grid !important;
    gap: 12px !important;
}

.tp-select-shell,
.tp-search-shell {
    position: relative !important;
    min-height: 82px !important;
    display: grid !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 12px 16px !important;
}

.tp-select-shell > span,
.tp-search-shell > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--tp-primary-dark) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.tp-select-shell select,
.tp-search-shell input {
    width: 100% !important;
    height: 34px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--tp-ink) !important;
    font: inherit !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.tp-select-shell select {
    appearance: none !important;
    -webkit-appearance: none !important;
    padding-left: 30px !important;
    cursor: pointer !important;
}

.tp-select-shell > i {
    position: absolute !important;
    left: 18px !important;
    bottom: 21px !important;
    color: var(--tp-primary) !important;
    pointer-events: none !important;
}

.tp-serp-wins {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3vw, 28px) !important;
    border: 1px solid var(--tp-glass-border) !important;
    border-radius: var(--tp-radius-xl) !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(93,73,223,.14), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.58)),
        rgba(255,255,255,.74) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
    padding: clamp(22px, 3vw, 36px) !important;
}

.tp-serp-wins h3 {
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(25px, 3vw, 38px) !important;
    line-height: 1.45 !important;
}

.tp-serp-wins p {
    margin: 10px 0 0 !important;
    color: var(--tp-muted) !important;
    line-height: 2 !important;
}

.tp-serp-grid,
.tp-keyword-chips,
.tp-orb-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.tp-serp-grid span,
.tp-keyword-chips button,
.tp-orb-badges span {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58)), rgba(255,255,255,.72) !important;
    box-shadow: 0 12px 30px rgba(48,39,31,.065), inset 0 1px rgba(255,255,255,.88) !important;
    color: var(--tp-primary-dark) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.6 !important;
    padding: 7px 12px !important;
}

.tp-keyword-chips {
    margin-top: 4px !important;
}

.tp-keyword-chips button {
    border: 0 !important;
    cursor: pointer !important;
}

.tp-orb-badges {
    margin-top: 10px !important;
}

.tp-orb-badges span {
    min-height: 28px !important;
    font-size: 10px !important;
    padding: 4px 8px !important;
    background: rgba(93,73,223,.08) !important;
    box-shadow: none !important;
}

.tp-goal-tests {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.tp-goal-card {
    min-height: 160px !important;
    border-radius: 26px !important;
}

.tp-category-digest {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.tp-category-rail {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 2px 4px 8px !important;
    margin: 0 !important;
}

.tp-category-rail button {
    flex: 0 1 auto !important;
    max-width: 100% !important;
}

.tp-galaxy {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.tp-galaxy::before {
    display: none !important;
}

.tp-orb-card {
    min-height: 180px !important;
    border-radius: 26px !important;
    padding: 16px !important;
}

.tp-card-trust-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
}

.tp-card-trust-row span {
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.62) !important;
    color: var(--tp-primary-dark) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.86) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    padding: 4px 8px !important;
}

.tp-orb-copy > small {
    display: block !important;
    color: var(--tp-muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.8 !important;
    margin-bottom: 4px !important;
}

.tp-card-cta {
    width: 100% !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, var(--tp-primary-dark), var(--tp-primary)) !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(93,73,223,.22), inset 0 1px rgba(255,255,255,.24) !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    margin-top: 12px !important;
}

.tp-card-cta:hover {
    transform: translateY(-1px) !important;
}

.tp-show-more {
    margin: 0 !important;
}

.tp-show-more .tp-btn.is-loading,
.tp-show-more .tp-btn:disabled {
    cursor: wait !important;
    opacity: .82 !important;
    pointer-events: none !important;
}

.tp-show-more .tp-btn.is-loading {
    background: linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,255,255,.42)) !important;
    border-color: rgba(255,255,255,.78) !important;
    color: var(--tp-primary-dark) !important;
    box-shadow: 0 18px 42px rgba(33, 42, 88, .10), inset 0 1px rgba(255,255,255,.72) !important;
}

.tp-source-box,
.tp-standard-box {
    display: grid !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding: 18px !important;
}

.tp-source-box strong,
.tp-standard-box strong {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--tp-ink) !important;
    font-size: 16px !important;
}

.tp-source-box p,
.tp-standard-box p,
.tp-standard-box small {
    margin: 0 !important;
    color: var(--tp-muted) !important;
    line-height: 1.95 !important;
}

.tp-source-box div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.tp-source-box div span {
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: rgba(93,73,223,.09) !important;
    color: var(--tp-primary-dark) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    padding: 6px 10px !important;
}

.tp-profile-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--tp-gap) !important;
}

.tp-profile-card {
    min-height: 220px !important;
    display: grid !important;
    align-content: start !important;
    gap: 12px !important;
    border-radius: var(--tp-radius-xl) !important;
    padding: clamp(22px, 3vw, 34px) !important;
}

.tp-profile-card--hero,
.tp-profile-card--wide {
    grid-column: 1 / -1 !important;
}

.tp-profile-card--hero {
    min-height: 280px !important;
    align-content: center !important;
    background:
        radial-gradient(circle at 12% 20%, rgba(93,73,223,.16), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.60)),
        rgba(255,255,255,.76) !important;
}

.tp-profile-card > span {
    color: var(--tp-primary) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.tp-profile-card h2 {
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(28px, 3.4vw, 46px) !important;
    line-height: 1.32 !important;
}

.tp-profile-card p {
    margin: 0 !important;
    color: var(--tp-muted) !important;
    line-height: 2 !important;
}

.tp-profile-actions,
.tp-profile-checks {
    display: grid !important;
    gap: 10px !important;
}

.tp-profile-actions {
    width: min(100%, 520px) !important;
    grid-template-columns: 1fr 1fr !important;
    margin-top: 10px !important;
}

.tp-profile-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.tp-profile-checks span {
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--tp-ink) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.8 !important;
    padding: 14px !important;
}

.tp-profile-checks i {
    color: var(--tp-primary) !important;
}

@media (max-width: 1100px) {
    .tp-goal-tests,
    .tp-category-digest,
    .tp-galaxy {
        grid-template-columns: 1fr !important;
    }

    .tp-goal-card,
    .tp-orb-card {
        min-height: 132px !important;
    }
}

@media (max-width: 760px) {
    :root {
        --tp-shell-pad: 0px;
        --tp-gap: 12px;
        --tp-blur: blur(30px) saturate(180%);
    }

    .tp-app-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        padding: 0 0 104px !important;
    }

    .tp-app-screen {
        gap: 12px !important;
    }

    .tp-mobile-top {
        top: 0 !important;
        min-height: 70px !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 0 28px 28px !important;
        padding: 10px 14px !important;
        grid-template-columns: minmax(0, 1fr) auto 40px 42px !important;
    }

    .tp-mobile-top strong {
        font-size: 14px !important;
    }

    .tp-app-name {
        min-height: 32px !important;
        font-size: 11.5px !important;
        padding-inline: 10px !important;
    }

    .tp-menu-trigger {
        width: 40px !important;
        height: 40px !important;
        border-radius: 15px !important;
    }

    .tp-home-hero {
        min-height: auto !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 0 32px 32px !important;
        padding: 54px 18px 88px !important;
        align-items: start !important;
    }

    .tp-home-copy h1 {
        font-size: clamp(28px, 8vw, 38px) !important;
        line-height: 1.28 !important;
        margin-bottom: 20px !important;
        width: min(100%, 300px) !important;
        max-width: 300px !important;
        justify-self: center !important;
        margin-inline: auto !important;
    }

    .tp-home-copy p {
        font-size: 14px !important;
        line-height: 1.9 !important;
        margin-bottom: 18px !important;
    }

    .tp-home-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        width: min(100%, 300px) !important;
        max-width: 300px !important;
        justify-self: center !important;
        margin-inline: auto !important;
        margin-top: 20px !important;
    }

    .tp-home-actions .tp-btn {
        min-height: 52px !important;
        width: 100% !important;
        padding-inline: 10px !important;
    }

    .tp-home-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 300px) !important;
        max-width: 300px !important;
        justify-self: center !important;
        margin-inline: auto !important;
        gap: 10px !important;
    }

    .tp-home-choice-grid button {
        min-height: 96px !important;
        border-radius: 24px !important;
        padding: 10px !important;
    }

    .tp-home-choice-grid i {
        width: 38px !important;
        height: 38px !important;
        border-radius: 14px !important;
        font-size: 16px !important;
    }

    .tp-home-choice-grid strong {
        font-size: 15px !important;
    }

    .tp-home-choice-grid span {
        font-size: 10px !important;
    }

    .tp-self-notes {
        margin-inline: 8px !important;
        width: calc(100% - 16px) !important;
        padding: 18px !important;
        border-radius: 28px !important;
    }

    .tp-self-notes__head h2 {
        font-size: 23px !important;
    }

    .tp-self-notes__head p {
        font-size: 12px !important;
    }

    .tp-self-notes__grid {
        max-height: 320px !important;
        grid-template-columns: 1fr !important;
    }

    .tp-self-notes__grid article {
        min-height: 86px !important;
        border-radius: 20px !important;
        padding: 12px !important;
    }

    .tp-trust-strip {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 8px !important;
    }

    .tp-app-section,
    .tp-home-stats,
    .tp-grid[data-tests],
    .tp-dashboard,
    .tp-path-shell,
    .tp-profile-grid {
        padding-inline: 8px !important;
    }

    .tp-daily-card,
    .tp-feature-card {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        gap: 14px !important;
        padding: 20px !important;
        border-radius: 30px !important;
    }

    .tp-daily-card h2,
    .tp-feature-card h3 {
        font-size: 28px !important;
    }

    .tp-row-head {
        padding-inline: 8px !important;
        margin-bottom: 8px !important;
    }

    .tp-row-head h2,
    .tp-section-heading h2 {
        font-size: 25px !important;
    }

    .tp-shortcuts,
    .tp-value-cards,
    .tp-start-path,
    .tp-pricing-grid,
    .tp-app-stats,
    .tp-badge-grid,
    .tp-profile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .tp-app-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .tp-shortcuts button,
    .tp-app-stats article,
    .tp-value-cards article,
    .tp-start-path article,
    .tp-pricing-grid article {
        min-height: 112px !important;
        border-radius: 24px !important;
        padding: 14px !important;
    }

    .tp-bottom-nav {
        width: calc(100% - 18px) !important;
        min-height: 74px !important;
        bottom: max(8px, env(safe-area-inset-bottom)) !important;
        border-radius: 26px !important;
        padding: 6px !important;
    }

    .tp-bottom-nav button,
    .tp-bottom-nav a {
        min-height: 58px !important;
        border-radius: 20px !important;
        font-size: 9.5px !important;
    }

    .tp-goal-advisor,
    .tp-category-digest button,
    .tp-orb-card,
    .tp-product,
    .tp-panel,
    .tp-report,
    .tp-share-card,
    .tp-dashboard-hero,
    .tp-next-panel,
    .tp-chart-panel {
        border-radius: 26px !important;
    }

    .tp-category-digest,
    .tp-galaxy,
    .tp-goal-tests {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .tp-filter-panel {
        width: calc(100% - 16px) !important;
        grid-template-columns: 1fr !important;
        margin-inline: auto !important;
        border-radius: 30px !important;
        padding: 20px !important;
    }

    .tp-filter-panel h3 {
        font-size: 25px !important;
    }

    .tp-select-shell,
    .tp-search-shell {
        min-height: 76px !important;
        border-radius: 24px !important;
    }

    .tp-serp-wins {
        width: calc(100% - 16px) !important;
        grid-template-columns: 1fr !important;
        margin-inline: auto !important;
        border-radius: 30px !important;
        padding: 20px !important;
    }

    .tp-serp-wins h3 {
        font-size: 23px !important;
    }

    .tp-category-rail {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow: visible !important;
        gap: 8px !important;
    }

    .tp-profile-grid,
    .tp-profile-checks,
    .tp-profile-actions {
        grid-template-columns: 1fr !important;
    }

    .tp-profile-card {
        min-height: auto !important;
        border-radius: 30px !important;
        padding: 22px !important;
    }
}

/* checkout-zibal-1 - stable WooCommerce checkout layout for Tipeman. */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-content {
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden !important;
}

#tipeman-app.tp-commerce-shell {
    width: 100% !important;
    max-width: none !important;
    padding-inline: clamp(14px, 2.4vw, 34px) !important;
}

#tipeman-app.tp-commerce-shell .tp-app-screen,
#tipeman-app.tp-commerce-shell .tp-mobile-top,
#tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: 100% !important;
    max-width: 1280px !important;
}

#tipeman-app.tp-commerce-shell .tp-commerce-card {
    padding: clamp(18px, 2.2vw, 34px) !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout,
#tipeman-app.tp-commerce-shell .wc-block-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
    gap: clamp(18px, 2.5vw, 32px) !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-main,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-fields-block {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    float: none !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary__title,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-item,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-wrapper,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-footer-item,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item {
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-totals-item__label,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-item__value,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__total-price,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__description,
#tipeman-app.tp-commerce-shell .wc-block-formatted-money-amount {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    font-size: clamp(15px, 1.35vw, 20px) !important;
    line-height: 1.8 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary__title,
#tipeman-app.tp-commerce-shell .wc-block-components-title {
    white-space: normal !important;
    font-size: clamp(20px, 2vw, 28px) !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-sidebar-layout .wc-block-components-main {
    width: auto !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-sidebar-layout .wc-block-components-sidebar {
    width: auto !important;
}

@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell {
        padding-inline: 10px !important;
    }

    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-checkout {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-main,
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-fields-block,
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block {
        grid-column: 1 !important;
    }
}

/* v1.16.18 - final bottom nav position after mobile home cleanup. */
#tipeman-app .tp-bottom-nav,
#tipeman-app .tp-bottom-nav--links,
.tp-app-shell .tp-bottom-nav,
.tp-app-shell .tp-bottom-nav--links {
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(760px, calc(100% - 18px)) !important;
    max-width: 760px !important;
    min-height: 72px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 7px !important;
    overflow: hidden !important;
    z-index: 100 !important;
}

#tipeman-app .tp-bottom-nav > *,
#tipeman-app .tp-bottom-nav--links > *,
.tp-app-shell .tp-bottom-nav > *,
.tp-app-shell .tp-bottom-nav--links > * {
    min-width: 0 !important;
    width: 100% !important;
    flex: 1 1 0 !important;
}

#tipeman-app .tp-bottom-nav button,
#tipeman-app .tp-bottom-nav a,
#tipeman-app .tp-bottom-nav--links button,
#tipeman-app .tp-bottom-nav--links a,
.tp-app-shell .tp-bottom-nav button,
.tp-app-shell .tp-bottom-nav a,
.tp-app-shell .tp-bottom-nav--links button,
.tp-app-shell .tp-bottom-nav--links a {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 58px !important;
    border-radius: 20px !important;
    padding: 5px 2px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
}

@media (max-width: 620px) {
    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links,
    .tp-app-shell .tp-bottom-nav,
    .tp-app-shell .tp-bottom-nav--links {
        width: calc(100% - 14px) !important;
        max-width: none !important;
        gap: 5px !important;
        padding: 6px !important;
        border-radius: 24px !important;
    }
}

/* v1.16.22 - final live override: normal page scroll and page-style shell. */
html,
body,
body.tp-focus-mode,
body.tp-app-locked {
    min-height: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
}

#tipeman-app,
#tipeman-app.tp-app,
#tipeman-app.tp-app-shell {
    min-height: 100vh !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
    position: relative !important;
    width: min(100%, 1480px) !important;
    max-width: 1480px !important;
    margin-inline: auto !important;
    padding-bottom: 118px !important;
}

#tipeman-app .tp-app-screen,
#tipeman-app .tp-app-screen:not([data-screen="home"]),
#tipeman-app .tp-app-screen[data-screen="home"] {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
    position: relative !important;
}

#tipeman-app .tp-app-screen.tp-hidden {
    display: none !important;
}

#tipeman-app :where(.tp-marketplace, .tp-dashboard, .tp-path-shell, .tp-profile-grid, .tp-product, .tp-report, .tp-panel, [data-tests], [data-product], [data-quiz], [data-result], [data-dashboard], [data-profile-panel]) {
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
}

#tipeman-app .tp-mobile-top {
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    margin: 0 auto 28px !important;
}

#tipeman-app .tp-side-menu nav a,
#tipeman-app .tp-bottom-nav a {
    text-decoration: none !important;
}

/* teams-nav-active-20260701: keep organization tab visually inactive on the public home screen. */
body.home #tipeman-app .tp-bottom-nav a[href*="/teams/"].is-active,
body.home #tipeman-app .tp-bottom-nav--links a[href*="/teams/"].is-active {
    background: rgba(255, 255, 255, .62) !important;
    color: #071f44 !important;
    box-shadow: none !important;
}

body.home #tipeman-app .tp-bottom-nav a[href*="/teams/"].is-active span,
body.home #tipeman-app .tp-bottom-nav--links a[href*="/teams/"].is-active span,
body.home #tipeman-app .tp-bottom-nav a[href*="/teams/"].is-active i,
body.home #tipeman-app .tp-bottom-nav--links a[href*="/teams/"].is-active i {
    color: #071f44 !important;
}

@media (min-width: 1024px) {
    #tipeman-app,
    #tipeman-app.tp-app,
    #tipeman-app.tp-app-shell {
        width: min(calc(100% - 28px), 1480px) !important;
        padding-top: 28px !important;
    }

    #tipeman-app .tp-app-screen:not([data-screen="home"]) {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 760px) {
    #tipeman-app,
    #tipeman-app.tp-app,
    #tipeman-app.tp-app-shell {
        width: 100% !important;
        max-width: none !important;
        padding: 10px 7px 110px !important;
    }

    #tipeman-app .tp-app-screen {
        width: 100% !important;
    }

    #tipeman-app .tp-mobile-top {
        margin-bottom: 18px !important;
    }
}

/* v1.16.25 - final logo-first launch loader. */
#tipeman-app .tp-app-loader,
.tp-app-loader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: grid !important;
    place-items: center !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.82), rgba(248,248,250,.58) 36%, rgba(235,228,216,.82) 100%),
        linear-gradient(145deg, rgba(255,255,255,.52), rgba(245,241,233,.76)) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}

#tipeman-app .tp-app-loader .tp-loader-card,
.tp-app-loader .tp-loader-card {
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    padding: 16px !important;
    border-radius: 42px !important;
    display: grid !important;
    place-items: center !important;
    gap: 0 !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.48)),
        rgba(255,255,255,.54) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow:
        0 28px 70px rgba(31,41,55,.14),
        0 0 0 10px rgba(255,255,255,.18),
        inset 0 1px rgba(255,255,255,.96) !important;
    overflow: visible !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::before,
#tipeman-app .tp-app-loader .tp-loader-card::after,
.tp-app-loader .tp-loader-card::before,
.tp-app-loader .tp-loader-card::after {
    content: "" !important;
    position: absolute !important;
    inset: -14px !important;
    border-radius: 52px !important;
    pointer-events: none !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::before,
.tp-app-loader .tp-loader-card::before {
    border: 1px solid rgba(255,255,255,.48) !important;
    animation: tp-loader-ring 1.9s ease-in-out infinite !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::after,
.tp-app-loader .tp-loader-card::after {
    inset: auto 18px -24px !important;
    height: 22px !important;
    background: radial-gradient(ellipse, rgba(46,75,53,.18), transparent 68%) !important;
    filter: blur(6px) !important;
}

#tipeman-app .tp-app-loader .tp-brand-mark--loader,
.tp-app-loader .tp-brand-mark--loader {
    width: 96px !important;
    height: 96px !important;
    border-radius: 28px !important;
    object-fit: contain !important;
    margin: 0 !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow:
        0 18px 44px rgba(31,41,55,.10),
        inset 0 1px rgba(255,255,255,.96) !important;
    animation: tp-loader-logo-breathe 1.7s ease-in-out infinite !important;
}

#tipeman-app .tp-app-loader .tp-loader-card strong,
#tipeman-app .tp-app-loader .tp-loader-card span,
.tp-app-loader .tp-loader-card strong,
.tp-app-loader .tp-loader-card span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

@keyframes tp-loader-ring {
    0%, 100% {
        opacity: .42;
        transform: scale(.96);
    }
    50% {
        opacity: .9;
        transform: scale(1.03);
    }
}

@media (max-width: 760px) {
    #tipeman-app .tp-app-loader .tp-loader-card,
    .tp-app-loader .tp-loader-card {
        width: 132px !important;
        height: 132px !important;
        min-width: 132px !important;
        border-radius: 36px !important;
    }

    #tipeman-app .tp-app-loader .tp-brand-mark--loader,
    .tp-app-loader .tp-brand-mark--loader {
        width: 82px !important;
        height: 82px !important;
        border-radius: 24px !important;
    }
}

/* v1.16.28 - compact profile/report promo cards on public pages. */
#tipeman-app .tp-profile-card--brand,
#tipeman-app .tp-profile-showcase {
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
    overflow: hidden !important;
}

#tipeman-app .tp-profile-card--brand {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    grid-template-areas:
        "icon label"
        "icon title"
        "icon copy" !important;
    column-gap: 24px !important;
    row-gap: 8px !important;
    padding: clamp(22px, 3vw, 34px) !important;
    min-height: 210px !important;
    text-align: right !important;
}

#tipeman-app .tp-profile-card--brand .tp-brand-symbol {
    grid-area: icon !important;
    width: 78px !important;
    height: 78px !important;
    border-radius: 24px !important;
    margin: 0 !important;
    font-size: 28px !important;
}

#tipeman-app .tp-profile-card--brand > span {
    grid-area: label !important;
    margin: 0 !important;
    color: var(--tp-primary) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

#tipeman-app .tp-profile-card--brand h2 {
    grid-area: title !important;
    max-width: 680px !important;
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(28px, 4vw, 54px) !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
}

#tipeman-app .tp-profile-card--brand p {
    grid-area: copy !important;
    max-width: 620px !important;
    margin: 0 !important;
    color: var(--tp-muted) !important;
    font-size: clamp(15px, 1.45vw, 22px) !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

#tipeman-app .tp-profile-showcase {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 380px) !important;
    gap: clamp(22px, 4vw, 54px) !important;
    padding: clamp(26px, 4vw, 52px) !important;
    min-height: 0 !important;
}

#tipeman-app .tp-profile-showcase h2 {
    max-width: 760px !important;
    margin: 0 !important;
    font-size: clamp(34px, 4.8vw, 70px) !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

#tipeman-app .tp-profile-showcase p {
    max-width: 760px !important;
    margin-top: 18px !important;
    font-size: clamp(16px, 1.6vw, 25px) !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-profile-showcase .tp-profile-checks {
    margin-top: 22px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

#tipeman-app .tp-profile-showcase .tp-profile-checks span {
    min-height: 58px !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

#tipeman-app .tp-profile-showcase .tp-report-mock {
    min-height: 250px !important;
    max-height: 320px !important;
}

#tipeman-app .tp-profile-showcase .tp-report-card {
    min-height: 190px !important;
    padding: 18px !important;
}

#tipeman-app .tp-profile-showcase .tp-report-card--main {
    min-height: 250px !important;
}

@media (max-width: 900px) {
    #tipeman-app .tp-profile-card--brand {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "icon"
            "label"
            "title"
            "copy" !important;
        justify-items: center !important;
        text-align: center !important;
        min-height: 0 !important;
    }

    #tipeman-app .tp-profile-card--brand h2,
    #tipeman-app .tp-profile-card--brand p {
        text-align: center !important;
    }

    #tipeman-app .tp-profile-showcase {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-mock {
        order: -1 !important;
    }
}

/* v1.16.27 - final tests page lower info spacing. */
#tipeman-app .tp-tests-bottom-info {
    display: grid !important;
    gap: 34px !important;
    margin-top: clamp(56px, 7vw, 110px) !important;
}

#tipeman-app .tp-app-screen[data-screen="tests"] .tp-galaxy {
    margin-top: 0 !important;
}

/* v1.16.26 - tests page: move library intro and filter block to the lower part. */
#tipeman-app .tp-tests-bottom-info {
    display: grid !important;
    gap: 34px !important;
    margin-top: clamp(56px, 7vw, 110px) !important;
}

#tipeman-app .tp-app-screen[data-screen="tests"] .tp-galaxy {
    margin-top: 0 !important;
}

/* v1.16.24 - logo-first launch loader. */
#tipeman-app .tp-app-loader,
.tp-app-loader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: grid !important;
    place-items: center !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.82), rgba(248,248,250,.58) 36%, rgba(235,228,216,.82) 100%),
        linear-gradient(145deg, rgba(255,255,255,.52), rgba(245,241,233,.76)) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}

#tipeman-app .tp-app-loader .tp-loader-card,
.tp-app-loader .tp-loader-card {
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    padding: 16px !important;
    border-radius: 42px !important;
    display: grid !important;
    place-items: center !important;
    gap: 0 !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.48)),
        rgba(255,255,255,.54) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow:
        0 28px 70px rgba(31,41,55,.14),
        0 0 0 10px rgba(255,255,255,.18),
        inset 0 1px rgba(255,255,255,.96) !important;
    overflow: visible !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::before,
#tipeman-app .tp-app-loader .tp-loader-card::after,
.tp-app-loader .tp-loader-card::before,
.tp-app-loader .tp-loader-card::after {
    content: "" !important;
    position: absolute !important;
    inset: -14px !important;
    border-radius: 52px !important;
    pointer-events: none !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::before,
.tp-app-loader .tp-loader-card::before {
    border: 1px solid rgba(255,255,255,.48) !important;
    animation: tp-loader-ring 1.9s ease-in-out infinite !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::after,
.tp-app-loader .tp-loader-card::after {
    inset: auto 18px -24px !important;
    height: 22px !important;
    background: radial-gradient(ellipse, rgba(46,75,53,.18), transparent 68%) !important;
    filter: blur(6px) !important;
}

#tipeman-app .tp-app-loader .tp-brand-mark--loader,
.tp-app-loader .tp-brand-mark--loader {
    width: 96px !important;
    height: 96px !important;
    border-radius: 28px !important;
    object-fit: contain !important;
    margin: 0 !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow:
        0 18px 44px rgba(31,41,55,.10),
        inset 0 1px rgba(255,255,255,.96) !important;
    animation: tp-loader-logo-breathe 1.7s ease-in-out infinite !important;
}

#tipeman-app .tp-app-loader .tp-loader-card strong,
#tipeman-app .tp-app-loader .tp-loader-card span,
.tp-app-loader .tp-loader-card strong,
.tp-app-loader .tp-loader-card span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

@keyframes tp-loader-ring {
    0%, 100% {
        opacity: .42;
        transform: scale(.96);
    }
    50% {
        opacity: .9;
        transform: scale(1.03);
    }
}

@media (max-width: 760px) {
    #tipeman-app .tp-app-loader .tp-loader-card,
    .tp-app-loader .tp-loader-card {
        width: 132px !important;
        height: 132px !important;
        min-width: 132px !important;
        border-radius: 36px !important;
    }

    #tipeman-app .tp-app-loader .tp-brand-mark--loader,
    .tp-app-loader .tp-brand-mark--loader {
        width: 82px !important;
        height: 82px !important;
        border-radius: 24px !important;
    }
}

/* v1.16.21 - public site shell: page-based navigation and normal document scroll. */
html,
body {
    min-height: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
}

body.tp-focus-mode,
body.tp-app-locked,
body:has(#tipeman-app) {
    min-height: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
}

#tipeman-app,
#tipeman-app.tp-app,
#tipeman-app.tp-app-shell {
    min-height: 100vh !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
    position: relative !important;
    width: min(100%, 1480px) !important;
    max-width: 1480px !important;
    margin-inline: auto !important;
    padding-bottom: 118px !important;
}

#tipeman-app .tp-app-screen,
#tipeman-app .tp-app-screen:not([data-screen="home"]),
#tipeman-app .tp-app-screen[data-screen="home"] {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
    position: relative !important;
}

#tipeman-app .tp-app-screen.tp-hidden {
    display: none !important;
}

#tipeman-app :where(.tp-marketplace, .tp-dashboard, .tp-path-shell, .tp-profile-grid, .tp-product, .tp-report, .tp-panel, [data-tests], [data-product], [data-quiz], [data-result], [data-dashboard], [data-profile-panel]) {
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
}

#tipeman-app .tp-mobile-top {
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    margin: 0 auto 28px !important;
}

#tipeman-app .tp-side-menu nav a,
#tipeman-app .tp-bottom-nav a {
    text-decoration: none !important;
}

@media (min-width: 1024px) {
    #tipeman-app,
    #tipeman-app.tp-app,
    #tipeman-app.tp-app-shell {
        width: min(calc(100% - 28px), 1480px) !important;
        padding-top: 28px !important;
    }

    #tipeman-app .tp-app-screen:not([data-screen="home"]) {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 760px) {
    #tipeman-app,
    #tipeman-app.tp-app,
    #tipeman-app.tp-app-shell {
        width: 100% !important;
        max-width: none !important;
        padding: 10px 7px 110px !important;
    }

    #tipeman-app .tp-app-screen {
        width: 100% !important;
    }

    #tipeman-app .tp-mobile-top {
        margin-bottom: 18px !important;
    }
}

/* v1.16.20 - launch-safe home: simple app-first layout, no overlapping boxes. */
#tipeman-app .tp-app-screen[data-screen="home"],
#tipeman-app .tp-app-screen[data-screen="home"] *,
#tipeman-app .tp-app-screen[data-screen="home"] *::before,
#tipeman-app .tp-app-screen[data-screen="home"] *::after {
    contain: none !important;
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-hero-art,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-info-section,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-divider,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-self-notes,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-value-section,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-start-section,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-pricing-section,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-shortcut-section,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-recommend-section {
    display: none !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    height: auto !important;
    gap: clamp(14px, 2vw, 22px) !important;
    align-content: start !important;
    overflow: visible !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero {
    width: min(1120px, calc(100% - 28px)) !important;
    max-width: 1120px !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin: 0 auto 18px !important;
    padding: clamp(24px, 4vw, 48px) !important;
    overflow: visible !important;
    border-radius: 32px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.52)),
        rgba(255,255,255,.62) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 22px 58px rgba(48,39,31,.09), inset 0 1px rgba(255,255,255,.92) !important;
    backdrop-filter: blur(26px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy {
    position: static !important;
    inset: auto !important;
    width: min(100%, 980px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    justify-items: center !important;
    gap: 16px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-align: center !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy .tp-kicker {
    width: auto !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(93,73,223,.10) !important;
    color: var(--tp-primary-dark) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h1,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h2 {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    color: var(--tp-ink) !important;
    font-size: clamp(34px, 5vw, 70px) !important;
    line-height: 1.18 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 10px 0 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid button {
    width: 100% !important;
    min-height: 136px !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 8px !important;
    padding: 16px 10px !important;
    border-radius: 24px !important;
    overflow: visible !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid i {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid strong,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero {
        width: calc(100% - 18px) !important;
        padding: 22px 14px !important;
        border-radius: 28px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h2 {
        font-size: clamp(30px, 9.2vw, 42px) !important;
        line-height: 1.22 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid button {
        min-height: 112px !important;
        border-radius: 22px !important;
    }
}

/* v1.16.16 - mobile home fail-safe: no overlapping hero art. */
@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"],
    #tipeman-app .tp-app-screen[data-screen="home"] *,
    #tipeman-app .tp-app-screen[data-screen="home"] *::before,
    #tipeman-app .tp-app-screen[data-screen="home"] *::after {
        contain: none !important;
        content-visibility: visible !important;
        contain-intrinsic-size: auto !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero {
        width: calc(100% - 18px) !important;
        display: block !important;
        padding: 22px 14px !important;
        margin: 0 auto 14px !important;
        overflow: visible !important;
        background:
            linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.46)),
            rgba(255,255,255,.58) !important;
        border: 1px solid rgba(255,255,255,.82) !important;
        border-radius: 28px !important;
        box-shadow: 0 18px 46px rgba(48,39,31,.08), inset 0 1px rgba(255,255,255,.9) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-hero-art {
        display: none !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy {
        display: grid !important;
        gap: 12px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        transform: none !important;
        position: relative !important;
        inset: auto !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy .tp-kicker {
        min-height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: center !important;
        width: auto !important;
        padding: 5px 12px !important;
        border-radius: 999px !important;
        background: rgba(93,73,223,.10) !important;
        color: var(--tp-primary-dark) !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-top: 8px !important;
        transform: none !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid button {
        position: relative !important;
        inset: auto !important;
        min-height: 112px !important;
        height: auto !important;
        display: grid !important;
        align-content: center !important;
        justify-items: center !important;
        gap: 7px !important;
        transform: none !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-info-section,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-info-section--split {
        width: calc(100% - 18px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        margin: 0 auto 14px !important;
        padding: 18px 14px !important;
        overflow: visible !important;
    }
}

/* v1.14.5 - complete tests library + compact desktop app tabs */
.tp-tests-hero {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .45fr) !important;
    align-items: center !important;
    gap: clamp(16px, 3vw, 34px) !important;
    border-radius: var(--tp-radius-xl) !important;
    padding: clamp(22px, 3vw, 38px) !important;
}

.tp-tests-hero__copy {
    display: grid !important;
    gap: 10px !important;
}

.tp-tests-hero h2 {
    max-width: 860px !important;
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(30px, 4.4vw, 58px) !important;
    line-height: 1.24 !important;
    letter-spacing: 0 !important;
}

.tp-tests-hero p {
    max-width: 760px !important;
    margin: 0 !important;
    color: var(--tp-muted) !important;
    font-size: clamp(14px, 1.35vw, 17px) !important;
    line-height: 2 !important;
}

.tp-test-library-stats {
    display: grid !important;
    gap: 10px !important;
}

.tp-test-library-stats span {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.30)), rgba(255,255,255,.32) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.78) !important;
    color: var(--tp-muted) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    padding: 10px 14px !important;
}

.tp-test-library-stats strong {
    color: var(--tp-primary-dark) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

@media (min-width: 1024px) and (min-height: 720px) {
    .tp-app-shell {
        padding-top: 18px !important;
        padding-bottom: 86px !important;
    }

    .tp-app-screen[data-screen="dashboard"],
    .tp-app-screen[data-screen="profile"],
    .tp-app-screen[data-screen="path"] {
        min-height: auto !important;
        gap: 10px !important;
    }

    .tp-app-screen .tp-mobile-top {
        min-height: clamp(58px, 5vw, 72px) !important;
        padding: clamp(8px, 1vw, 12px) !important;
        border-radius: clamp(24px, 2.4vw, 34px) !important;
    }

    .tp-dashboard,
    .tp-profile-grid,
    .tp-path-shell {
        gap: 10px !important;
    }

    .tp-dashboard-hero {
        min-height: 132px !important;
        padding: 18px 22px !important;
    }

    .tp-dashboard-stats {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .tp-dashboard-stats article {
        min-height: 72px !important;
        padding: 12px 16px !important;
        border-radius: 22px !important;
    }

    .tp-next-panel,
    .tp-history,
    .tp-empty {
        min-height: 92px !important;
        padding: 14px 18px !important;
        border-radius: 24px !important;
    }

    .tp-profile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .tp-profile-card {
        min-height: 126px !important;
        padding: 18px 22px !important;
        border-radius: 26px !important;
        gap: 8px !important;
    }

    .tp-profile-card--visual {
        min-height: 196px !important;
        grid-template-columns: minmax(0, 1fr) minmax(220px, .52fr) !important;
    }

    .tp-profile-card--visual h2,
    .tp-profile-card h2 {
        font-size: clamp(24px, 2.55vw, 38px) !important;
        line-height: 1.25 !important;
    }

    .tp-profile-card p {
        font-size: 13px !important;
        line-height: 1.85 !important;
    }

    .tp-profile-showcase {
        min-height: 170px !important;
        grid-template-columns: minmax(0, .85fr) minmax(260px, .55fr) !important;
    }

    .tp-profile-launch {
        display: none !important;
    }

    .tp-bottom-nav {
        bottom: 18px !important;
    }
}

/* v1.14.9 - mobile copy alignment pass */
@media (max-width: 760px) {
    #tipeman-app,
    #tipeman-app :where(section, article, div, header, footer, aside, h1, h2, h3, h4, h5, h6, p, span, small, strong, li, label, button, a) {
        text-align: center !important;
    }

    #tipeman-app :where(.tp-app-screen, .tp-marketplace, .tp-dashboard, .tp-path-shell, .tp-profile-grid, .tp-product, .tp-report, .tp-panel, .tp-home-hero, .tp-filter-panel, .tp-goal-advisor, .tp-orb-card, .tp-history, .tp-empty) {
        justify-items: center !important;
    }

    #tipeman-app :where(.tp-filter-panel__copy, .tp-tests-hero__copy, .tp-goal-advisor__head, .tp-orb-copy, .tp-profile-card, .tp-dashboard-hero, .tp-next-panel, .tp-product-copy, .tp-report-copy, .tp-path-hero) {
        align-items: center !important;
        justify-items: center !important;
    }

    #tipeman-app :where(.tp-filter-stats, .tp-keyword-chips, .tp-card-trust-row, .tp-orb-badges, .tp-profile-actions, .tp-profile-checks, .tp-goal-tabs, .tp-test-library-stats, .tp-product-actions, .tp-report-actions) {
        justify-content: center !important;
    }

    #tipeman-app :where(input, textarea, select, option) {
        text-align: right !important;
    }

    #tipeman-app .tp-mobile-top > div:first-child > strong {
        text-align: center !important;
    }
}

/* v1.15.0 - mobile profile report mock cleanup */
@media (max-width: 760px) {
    #tipeman-app .tp-profile-showcase {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        min-height: auto !important;
        padding: 18px !important;
        overflow: hidden !important;
    }

    #tipeman-app .tp-profile-showcase > div:first-child {
        display: grid !important;
        justify-items: center !important;
        gap: 8px !important;
    }

    #tipeman-app .tp-profile-showcase h2 {
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1.35 !important;
    }

    #tipeman-app .tp-profile-showcase p {
        max-width: 290px !important;
        font-size: 12px !important;
        line-height: 1.8 !important;
    }

    #tipeman-app .tp-profile-showcase .tp-profile-checks {
        width: 100% !important;
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-report-mock {
        width: min(100%, 300px) !important;
        min-height: 154px !important;
        max-height: 174px !important;
        margin: 4px auto 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
        transform: none !important;
    }

    #tipeman-app .tp-report-card {
        width: 30% !important;
        min-height: 132px !important;
        border-radius: 18px !important;
        padding: 10px !important;
        gap: 7px !important;
        box-shadow: 0 14px 34px rgba(8,27,58,.07), inset 0 1px rgba(255,255,255,.92) !important;
    }

    #tipeman-app .tp-report-card--main {
        width: 38% !important;
        min-height: 154px !important;
    }

    #tipeman-app .tp-report-card--side:first-child {
        transform: rotate(-4deg) translateX(-5px) scale(.92) !important;
    }

    #tipeman-app .tp-report-card--side:last-child {
        transform: rotate(4deg) translateX(5px) scale(.92) !important;
    }

    #tipeman-app .tp-report-card i {
        width: 34px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
    }

    #tipeman-app .tp-report-card strong {
        width: 72px !important;
        font-size: 25px !important;
    }

    #tipeman-app .tp-report-card small {
        font-size: 10px !important;
    }

    #tipeman-app .tp-report-card span {
        height: 6px !important;
    }
}

/* v1.15.2 - desktop header follows the mobile app layout */
@media (min-width: 761px) {
    #tipeman-app .tp-mobile-top {
        position: sticky !important;
        top: 16px !important;
        min-height: 68px !important;
        display: grid !important;
        grid-template-columns: 62px 62px minmax(0, 1fr) auto !important;
        grid-template-areas: "profile menu title brand" !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 10px 14px !important;
        border-radius: 32px !important;
        direction: ltr !important;
        background:
            linear-gradient(145deg, rgba(255,255,255,.70), rgba(255,255,255,.30)),
            rgba(255,255,255,.34) !important;
        border-color: rgba(255,255,255,.78) !important;
        box-shadow: 0 12px 36px rgba(31,41,55,.055), inset 0 1px rgba(255,255,255,.78) !important;
        backdrop-filter: blur(20px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    }

    #tipeman-app .tp-mobile-top > div:first-child {
        grid-area: title !important;
        min-width: 0 !important;
        display: grid !important;
        justify-items: center !important;
        align-content: center !important;
        text-align: center !important;
        direction: rtl !important;
        pointer-events: none !important;
    }

    #tipeman-app .tp-mobile-top > div:first-child > span {
        display: none !important;
    }

    #tipeman-app .tp-mobile-top > div:first-child > strong {
        max-width: min(100%, 720px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: var(--tp-ink) !important;
        font-size: clamp(18px, 2vw, 26px) !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    #tipeman-app .tp-mobile-top .tp-app-name {
        grid-area: brand !important;
        width: auto !important;
        min-width: 102px !important;
        height: 50px !important;
        min-height: 50px !important;
        display: inline-flex !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 6px 10px 6px 14px !important;
        border-radius: 999px !important;
        direction: rtl !important;
    }

    #tipeman-app .tp-mobile-top .tp-brand-mark--nav {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    #tipeman-app .tp-mobile-top .tp-app-name span {
        display: inline-flex !important;
        color: var(--tp-primary-dark) !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }

    #tipeman-app .tp-mobile-top .tp-menu-trigger {
        grid-area: menu !important;
    }

    #tipeman-app .tp-mobile-top .tp-avatar,
    #tipeman-app .tp-mobile-top .tp-avatar--profile {
        grid-area: profile !important;
    }

    #tipeman-app .tp-mobile-top .tp-menu-trigger,
    #tipeman-app .tp-mobile-top .tp-avatar,
    #tipeman-app .tp-mobile-top .tp-avatar--profile {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        border-radius: 18px !important;
        margin: 0 !important;
        justify-self: center !important;
    }
}

@media (max-width: 760px) {
    .tp-tests-hero {
        grid-template-columns: 1fr !important;
        padding: 18px !important;
    }

    .tp-tests-hero h2 {
        font-size: clamp(25px, 8vw, 36px) !important;
    }

    .tp-test-library-stats {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 380px) {
    .tp-app-name {
        display: none !important;
    }

    .tp-mobile-top {
        grid-template-columns: minmax(0, 1fr) 40px 42px !important;
    }

    .tp-home-actions,
    .tp-shortcuts,
    .tp-value-cards,
    .tp-start-path,
    .tp-pricing-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 761px) {
    .tp-side-menu {
        right: max(18px, calc((100vw - var(--tp-app-max)) / 2 + 18px)) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tp-app-bg::before,
    .tp-app-bg::after {
        animation: none !important;
    }
}

@keyframes tp-bg-drift {
    0% {
        transform: translate3d(-2%, -1%, 0) scale(1);
    }
    50% {
        transform: translate3d(2%, 1.5%, 0) scale(1.045);
    }
    100% {
        transform: translate3d(-1%, 2%, 0) scale(1.02);
    }
}

@keyframes tp-spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes tp-dash {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes tp-pulse-dot {
    0%, 100% {
        transform: scale(1);
        opacity: .72;
    }
    50% {
        transform: scale(1.28);
        opacity: 1;
    }
}

@keyframes tp-bars {
    to {
        transform: scaleY(.72);
    }
}

@keyframes tp-divider-spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes tp-loader-icon-cycle {
    0%, 18%, 100% {
        opacity: 0;
        transform: translateY(8px) scale(.82);
    }
    25%, 43% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    52% {
        opacity: 0;
        transform: translateY(-8px) scale(.90);
    }
}

/* Home launch sections */
.tp-home-divider {
    width: min(100%, 280px) !important;
    min-height: 154px !important;
    display: grid !important;
    grid-template-rows: 124px auto !important;
    place-items: center !important;
    gap: 4px !important;
    margin: 72px auto -28px !important;
    position: relative !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.tp-home-divider--cover {
    width: 100% !important;
    min-height: clamp(320px, 46vw, 460px) !important;
    grid-template-rows: 132px auto !important;
    align-content: center !important;
    border: 1px solid var(--tp-glass-border) !important;
    border-radius: var(--tp-radius-xl) !important;
    background-image:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.62)),
        url("../img/inner-map-cover.svg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    box-shadow: var(--tp-shadow) !important;
    overflow: hidden !important;
}

.tp-home-divider::before {
    content: "" !important;
    position: absolute !important;
    inset: 6px 18px !important;
    border-radius: 999px !important;
    filter: blur(22px) !important;
    opacity: .58 !important;
    z-index: 0 !important;
}

.tp-home-divider--cover::before {
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(circle at center, rgba(93,73,223,.22), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.58)) !important;
    filter: none !important;
    opacity: 1 !important;
}

.tp-home-divider::after {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    width: 118px !important;
    height: 118px !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    border-radius: 34px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.30)),
        rgba(255,255,255,.42) !important;
    box-shadow: 0 18px 48px rgba(48,39,31,.10), inset 0 1px rgba(255,255,255,.86) !important;
    backdrop-filter: blur(18px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(170%) !important;
    z-index: 1 !important;
}

.tp-divider-visual {
    width: 124px !important;
    height: 124px !important;
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 36px !important;
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.92), rgba(255,255,255,.20) 42%, transparent 68%),
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.36)),
        rgba(255,255,255,.50) !important;
    box-shadow: 0 22px 58px rgba(48,39,31,.10), inset 0 1px rgba(255,255,255,.92) !important;
    backdrop-filter: blur(22px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
    overflow: hidden !important;
}

.tp-divider-visual::before,
.tp-divider-visual::after {
    content: "" !important;
    position: absolute !important;
    inset: 18px !important;
    border: 3px solid color-mix(in srgb, var(--tp-primary) 72%, white) !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    border-radius: 999px !important;
    opacity: .70 !important;
    animation: tp-divider-spin 4.8s linear infinite !important;
}

.tp-divider-visual::after {
    inset: 30px !important;
    border-color: rgba(111,198,176,.78) !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    animation-duration: 6.8s !important;
    animation-direction: reverse !important;
}

.tp-divider-visual i {
    width: 54px !important;
    height: 54px !important;
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, var(--tp-primary-dark), var(--tp-primary)) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(93,73,223,.22), inset 0 1px rgba(255,255,255,.28) !important;
    font-size: 22px !important;
}

.tp-home-divider[data-tone="violet"]::before {
    background: rgba(93, 73, 223, .34) !important;
}

.tp-home-divider[data-tone="violet"] lottie-player {
    filter: saturate(1.35) contrast(1.15) drop-shadow(0 10px 18px rgba(93,73,223,.20)) !important;
}

.tp-home-divider[data-tone="mint"]::before {
    background: rgba(96, 190, 168, .28) !important;
}

.tp-home-divider[data-tone="mint"] lottie-player {
    filter: hue-rotate(74deg) saturate(1.2) contrast(1.12) drop-shadow(0 10px 18px rgba(96,190,168,.20)) !important;
}

.tp-home-divider[data-tone="mint"] .tp-divider-visual i {
    background: linear-gradient(135deg, #2f9f87, #6fc6b0) !important;
}

.tp-home-divider[data-tone="rose"]::before {
    background: rgba(225, 126, 168, .24) !important;
}

.tp-home-divider[data-tone="rose"] lottie-player {
    filter: hue-rotate(122deg) saturate(1.25) contrast(1.12) drop-shadow(0 10px 18px rgba(225,126,168,.20)) !important;
}

.tp-home-divider[data-tone="rose"] .tp-divider-visual i {
    background: linear-gradient(135deg, #9d4dd8, #e17ea8) !important;
}

.tp-home-divider[data-tone="gold"]::before {
    background: rgba(232, 173, 120, .26) !important;
}

.tp-home-divider[data-tone="gold"] lottie-player {
    filter: hue-rotate(38deg) saturate(1.15) contrast(1.1) drop-shadow(0 10px 18px rgba(232,173,120,.20)) !important;
}

.tp-home-divider[data-tone="gold"] .tp-divider-visual i {
    background: linear-gradient(135deg, #b7791f, #e8ad78) !important;
}

.tp-home-divider[data-tone="blue"]::before {
    background: rgba(95, 150, 226, .26) !important;
}

.tp-home-divider[data-tone="blue"] lottie-player {
    filter: hue-rotate(315deg) saturate(1.3) contrast(1.14) drop-shadow(0 10px 18px rgba(95,150,226,.20)) !important;
}

.tp-home-divider[data-tone="blue"] .tp-divider-visual i {
    background: linear-gradient(135deg, #1664cf, #5f96e2) !important;
}

.tp-home-divider lottie-player {
    width: 122px !important;
    height: 122px !important;
    display: block !important;
    opacity: 1 !important;
    filter: saturate(1.25) contrast(1.12) drop-shadow(0 10px 18px rgba(93,73,223,.16)) !important;
    position: relative !important;
    z-index: 2 !important;
}

.tp-lottie-fallback svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.tp-lottie-path {
    stroke-dasharray: 260 !important;
    stroke-dashoffset: 260 !important;
    animation: tp-dash 2.8s ease-in-out infinite alternate !important;
}

.tp-lottie-dot {
    transform-origin: center !important;
    animation: tp-pulse-dot 1.8s ease-in-out infinite !important;
}

.tp-lottie-bar-a,
.tp-lottie-bar-b,
.tp-lottie-bar-c {
    transform-box: fill-box !important;
    transform-origin: bottom center !important;
    animation: tp-bars 1.7s ease-in-out infinite alternate !important;
}

.tp-lottie-bar-b {
    animation-delay: .22s !important;
}

.tp-lottie-bar-c {
    animation-delay: .38s !important;
}

.tp-home-divider span {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.60)), rgba(255,255,255,.74) !important;
    box-shadow: 0 14px 34px rgba(48,39,31,.07), inset 0 1px rgba(255,255,255,.90) !important;
    color: var(--tp-primary-dark) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    padding: 6px 14px !important;
    backdrop-filter: blur(18px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(170%) !important;
    position: relative !important;
    z-index: 3 !important;
}

.tp-home-info-section,
.tp-home-footer {
    width: 100% !important;
    margin: 100px 0 0 !important;
    border: 1px solid var(--tp-glass-border) !important;
    border-radius: var(--tp-radius-xl) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.60)),
        rgba(255,255,255,.76) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
    padding: clamp(24px, 4vw, 44px) !important;
}

.tp-home-info-section {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: clamp(18px, 4vw, 42px) !important;
}

.tp-home-info-section--split {
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, .75fr) !important;
}

.tp-home-info-section > div:first-child {
    display: grid !important;
    gap: 12px !important;
    text-align: right !important;
}

.tp-home-info-section h2 {
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(27px, 3.25vw, 44px) !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
}

.tp-home-info-section p {
    width: min(100%, 720px) !important;
    margin: 0 !important;
    color: var(--tp-muted) !important;
    font-size: clamp(14px, 1.35vw, 17px) !important;
    line-height: 2.05 !important;
}

.tp-home-mini-grid,
.tp-home-picks,
.tp-safe-list,
.tp-report-preview-stack {
    display: grid !important;
    gap: 12px !important;
}

.tp-home-mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.tp-home-mini-grid article,
.tp-report-preview-stack span,
.tp-safe-list span,
.tp-home-picks button,
.tp-price-panel,
.tp-enamad-placeholder {
    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)),
        rgba(255,255,255,.68) !important;
    box-shadow: 0 18px 48px rgba(48,39,31,.075), inset 0 1px rgba(255,255,255,.86) !important;
    backdrop-filter: blur(26px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(170%) !important;
}

.tp-home-mini-grid article {
    min-height: 156px !important;
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 20px !important;
}

.tp-home-mini-grid i,
.tp-home-picks i,
.tp-safe-list i {
    color: var(--tp-primary) !important;
}

.tp-home-mini-grid article i {
    width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: rgba(93,73,223,.10) !important;
    font-size: 18px !important;
}

.tp-home-mini-grid strong {
    color: var(--tp-ink) !important;
    font-size: 17px !important;
}

.tp-home-mini-grid span,
.tp-report-preview-stack span,
.tp-safe-list span,
.tp-home-picks button {
    color: var(--tp-muted) !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

.tp-report-preview-stack span,
.tp-safe-list span,
.tp-home-picks button {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    font-weight: 900 !important;
    color: var(--tp-ink) !important;
}

.tp-home-picks {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.tp-home-picks button {
    justify-content: center !important;
    border: 0 !important;
    cursor: pointer !important;
}

.tp-price-panel {
    min-height: 220px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 12px !important;
    padding: 24px !important;
    text-align: center !important;
}

.tp-price-panel strong {
    color: var(--tp-ink) !important;
    font-size: clamp(28px, 3vw, 40px) !important;
}

.tp-price-panel span {
    color: var(--tp-muted) !important;
    font-weight: 850 !important;
}

.tp-home-footer {
    display: grid !important;
    place-items: center !important;
    margin-bottom: 16px !important;
}

.tp-enamad-placeholder {
    width: min(100%, 420px) !important;
    min-height: 180px !important;
    display: grid !important;
    place-items: center !important;
    gap: 8px !important;
    padding: 24px !important;
    text-align: center !important;
    color: var(--tp-muted) !important;
}

.tp-enamad-placeholder i {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 20px !important;
    background: rgba(93,73,223,.10) !important;
    color: var(--tp-primary) !important;
    font-size: 24px !important;
}

.tp-enamad-placeholder strong {
    color: var(--tp-ink) !important;
    font-size: 18px !important;
}

.tp-enamad-placeholder span {
    max-width: 280px !important;
    line-height: 1.8 !important;
    font-size: 12px !important;
}

@media (max-width: 760px) {
    .tp-self-notes,
    .tp-home-info-section,
    .tp-home-footer {
        width: calc(100% - 16px) !important;
        margin: 88px auto 0 !important;
        border-radius: 30px !important;
        padding: 20px !important;
    }

    .tp-home-divider {
        min-height: 132px !important;
        grid-template-rows: 100px auto !important;
        margin: 56px auto -24px !important;
    }

    .tp-home-divider--cover {
        width: calc(100% - 16px) !important;
        min-height: 340px !important;
        background-attachment: scroll !important;
        margin-inline: auto !important;
    }

    .tp-home-divider lottie-player {
        width: 100px !important;
        height: 100px !important;
    }

    .tp-divider-visual {
        width: 104px !important;
        height: 104px !important;
        border-radius: 30px !important;
    }

    .tp-divider-visual i {
        width: 46px !important;
        height: 46px !important;
        border-radius: 17px !important;
        font-size: 19px !important;
    }

    .tp-home-divider::after {
        width: 96px !important;
        height: 96px !important;
        border-radius: 28px !important;
    }

    .tp-self-note-card {
        min-height: 162px !important;
        border-radius: 24px !important;
        padding: 22px 18px !important;
    }

    .tp-self-note-card p {
        font-size: 18px !important;
        line-height: 1.95 !important;
    }

    .tp-home-info-section,
    .tp-home-info-section--split {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .tp-home-info-section h2 {
        font-size: 24px !important;
        line-height: 1.5 !important;
    }

    .tp-home-info-section p {
        font-size: 13px !important;
        line-height: 2 !important;
    }

    .tp-home-mini-grid,
    .tp-home-picks {
        grid-template-columns: 1fr !important;
    }

    .tp-home-mini-grid article {
        min-height: 116px !important;
        padding: 16px !important;
    }

    .tp-price-panel {
        min-height: 190px !important;
    }
}

/* Stable app scrolling: keep scroll inside the app shell instead of the document. */
html,
body {
    height: 100% !important;
}

body:not(.wp-admin) {
    overflow: hidden !important;
}

.tp-app-shell {
    height: 100svh !important;
    max-height: 100svh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    scrollbar-gutter: stable both-edges !important;
}

.tp-app-screen {
    min-height: calc(100svh - 140px) !important;
}

.tp-seo-h1-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none !important;
}

.tp-seo-h1-hidden a {
    pointer-events: none !important;
}

/* Launch glass pass: one consistent Apple-like material over the whole app. */
:root {
    --tp-glass: rgba(255, 255, 255, .58);
    --tp-glass-strong: rgba(255, 255, 255, .74);
    --tp-glass-border: rgba(255, 255, 255, .86);
    --tp-shadow: 0 34px 90px rgba(42, 35, 30, .14), 0 14px 34px rgba(72, 58, 47, .08), inset 0 1px rgba(255, 255, 255, .96), inset 0 -1px rgba(255, 255, 255, .36);
    --tp-blur: blur(42px) saturate(190%);
}

body {
    background: #f5f1ea !important;
}

.tp-app-bg {
    background:
        linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.08)),
        url("../img/tipeman-glass-bg.svg") center center / cover fixed no-repeat !important;
}

.tp-app-bg::before {
    inset: 0 !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(93,73,223,.18), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(120,216,191,.16), transparent 28%),
        radial-gradient(circle at 50% 92%, rgba(242,191,140,.18), transparent 34%) !important;
    filter: blur(28px) !important;
    opacity: .9 !important;
}

.tp-app-bg::after {
    inset: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.10) 42%, rgba(255,255,255,.24)),
        repeating-linear-gradient(120deg, rgba(255,255,255,.08) 0 1px, transparent 1px 42px) !important;
    filter: none !important;
    opacity: .72 !important;
    animation: none !important;
}

.tp-mobile-top,
.tp-side-menu,
.tp-bottom-nav,
.tp-home-hero,
.tp-daily-card,
.tp-feature-card,
.tp-self-notes,
.tp-self-note-card,
.tp-home-info-section,
.tp-home-mini-grid article,
.tp-home-picks article,
.tp-price-panel,
.tp-value-cards article,
.tp-start-path article,
.tp-pricing-grid article,
.tp-seo-content,
.tp-goal-advisor,
.tp-category-digest button,
.tp-serp-wins,
.tp-filter-panel,
.tp-select-shell,
.tp-search-shell,
.tp-orb-card,
.tp-product,
.tp-product-scorecard,
.tp-product-meta span,
.tp-panel,
.tp-report,
.tp-share-card,
.tp-history,
.tp-empty,
.tp-dashboard-hero,
.tp-dashboard-stats article,
.tp-next-panel,
.tp-chart-panel,
.tp-insight-grid article,
.tp-profile-card,
.tp-path-hero,
.tp-badge-grid article,
.tp-shortcuts button,
.tp-app-stats article,
.tp-question-card,
.tp-answer-option,
.tp-route-loader__card,
.tp-loader-card,
.tp-woo-return {
    border: 1px solid rgba(255, 255, 255, .88) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.42) 48%, rgba(255,255,255,.30)),
        rgba(255,255,255,.52) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
}

.tp-mobile-top,
.tp-side-menu,
.tp-bottom-nav,
.tp-home-hero,
.tp-daily-card,
.tp-feature-card,
.tp-self-notes,
.tp-home-info-section,
.tp-price-panel,
.tp-goal-advisor,
.tp-serp-wins,
.tp-filter-panel,
.tp-product,
.tp-report,
.tp-dashboard-hero,
.tp-next-panel,
.tp-chart-panel,
.tp-profile-card,
.tp-path-hero {
    position: relative;
    overflow: hidden !important;
}

.tp-mobile-top::before,
.tp-side-menu::before,
.tp-bottom-nav::before,
.tp-home-hero::before,
.tp-daily-card::before,
.tp-feature-card::before,
.tp-self-notes::before,
.tp-home-info-section::before,
.tp-price-panel::before,
.tp-goal-advisor::before,
.tp-serp-wins::before,
.tp-filter-panel::before,
.tp-product::before,
.tp-report::before,
.tp-dashboard-hero::before,
.tp-next-panel::before,
.tp-chart-panel::before,
.tp-profile-card::before,
.tp-path-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,0) 38%),
        radial-gradient(circle at 92% 6%, rgba(255,255,255,.55), transparent 26%),
        radial-gradient(circle at 10% 94%, rgba(93,73,223,.08), transparent 34%);
    pointer-events: none;
}

.tp-mobile-top > *,
.tp-side-menu > *,
.tp-bottom-nav > *,
.tp-home-hero > *,
.tp-daily-card > *,
.tp-feature-card > *,
.tp-self-notes > *,
.tp-home-info-section > *,
.tp-price-panel > *,
.tp-goal-advisor > *,
.tp-serp-wins > *,
.tp-filter-panel > *,
.tp-product > *,
.tp-report > *,
.tp-dashboard-hero > *,
.tp-next-panel > *,
.tp-chart-panel > *,
.tp-profile-card > *,
.tp-path-hero > * {
    position: relative;
    z-index: 1;
}

.tp-btn--glass,
.tp-home-actions .tp-btn:not(.tp-btn--primary),
.tp-card-trust-row span,
.tp-test-badges span,
.tp-app-name,
.tp-menu-trigger,
.tp-avatar,
.tp-side-menu button,
.tp-bottom-nav button,
.tp-bottom-nav a {
    border: 1px solid rgba(255,255,255,.78) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.36)) !important;
    box-shadow: 0 16px 34px rgba(51,42,34,.08), inset 0 1px rgba(255,255,255,.92) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
}

.tp-btn--primary,
.tp-card-cta,
.tp-bottom-nav button.is-active,
.tp-bottom-nav a.is-active {
    box-shadow: 0 20px 42px rgba(93,73,223,.28), inset 0 1px rgba(255,255,255,.38) !important;
}

/* Native profile visuals inspired by the supplied brand references, without embedding the images. */
.tp-profile-card--visual {
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr) !important;
    align-items: center !important;
    gap: clamp(24px, 5vw, 70px) !important;
    min-height: clamp(460px, 56vw, 640px) !important;
    padding: clamp(28px, 6vw, 72px) !important;
    background:
        radial-gradient(circle at 78% 24%, rgba(143,114,234,.18), transparent 32%),
        radial-gradient(circle at 18% 78%, rgba(139,184,255,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.58)),
        rgba(255,255,255,.66) !important;
}

.tp-profile-hero-copy {
    display: grid !important;
    gap: clamp(14px, 2vw, 24px) !important;
    max-width: 720px !important;
}

.tp-profile-hero-copy h2 {
    font-size: clamp(38px, 5.6vw, 82px) !important;
    letter-spacing: 0 !important;
    line-height: 1.18 !important;
    color: var(--tp-ink) !important;
}

.tp-profile-hero-copy p {
    max-width: 680px !important;
    font-size: clamp(16px, 1.45vw, 22px) !important;
    color: rgba(8,27,58,.62) !important;
}

.tp-profile-bubbles {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.tp-profile-bubbles span {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.42)) !important;
    box-shadow: 0 16px 36px rgba(8,27,58,.08), inset 0 1px rgba(255,255,255,.92) !important;
    color: var(--tp-primary-dark) !important;
    font-weight: 950 !important;
    padding: 0 16px !important;
}

.tp-profile-bubbles i {
    color: var(--tp-primary) !important;
}

.tp-profile-visual {
    position: relative !important;
    min-height: clamp(300px, 35vw, 500px) !important;
    display: grid !important;
    place-items: center !important;
    isolation: isolate !important;
}

.tp-profile-visual::before {
    content: "" !important;
    position: absolute !important;
    width: min(86%, 480px) !important;
    aspect-ratio: 1 !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.64), transparent 44%),
        linear-gradient(135deg, rgba(213,190,255,.54), rgba(190,221,255,.46)) !important;
    filter: blur(1px) !important;
    opacity: .9 !important;
    z-index: -1 !important;
}

.tp-phone-mock {
    width: min(78%, 330px) !important;
    aspect-ratio: .54 / 1 !important;
    border-radius: 42px !important;
    border: 10px solid rgba(255,255,255,.9) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.72)),
        radial-gradient(circle at 50% 34%, rgba(143,114,234,.15), transparent 34%) !important;
    box-shadow:
        0 34px 90px rgba(8,27,58,.14),
        inset 0 0 0 1px rgba(8,27,58,.08),
        inset 0 1px rgba(255,255,255,1) !important;
    display: grid !important;
    align-content: start !important;
    gap: 18px !important;
    padding: 26px 24px !important;
}

.tp-phone-top {
    width: 88px !important;
    height: 10px !important;
    justify-self: center !important;
    border-radius: 999px !important;
    background: rgba(8,27,58,.12) !important;
}

.tp-score-orbit {
    width: min(190px, 70%) !important;
    aspect-ratio: 1 !important;
    justify-self: center !important;
    margin: 8px 0 10px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    color: var(--tp-primary-dark) !important;
    font-size: 42px !important;
    background:
        radial-gradient(circle, rgba(255,255,255,.94) 43%, transparent 44%),
        conic-gradient(from -28deg, #8f72ea 0 34%, #8bb8ff 34% 64%, rgba(143,114,234,.18) 64% 100%) !important;
    box-shadow: inset 0 0 0 18px rgba(255,255,255,.54), 0 20px 50px rgba(143,114,234,.18) !important;
}

.tp-score-line {
    height: 12px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: rgba(8,27,58,.08) !important;
}

.tp-score-line span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #c49bed, #83b5ff) !important;
}

.tp-float-icon {
    position: absolute !important;
    width: 72px !important;
    aspect-ratio: 1 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 24px !important;
    color: var(--tp-primary) !important;
    font-size: 28px !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.46)) !important;
    box-shadow: 0 22px 52px rgba(8,27,58,.10), inset 0 1px rgba(255,255,255,.96) !important;
    backdrop-filter: blur(26px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(170%) !important;
}

.tp-float-icon--heart {
    right: 2% !important;
    top: 25% !important;
}

.tp-float-icon--brain {
    left: 0 !important;
    top: 17% !important;
}

.tp-float-icon--briefcase {
    right: 8% !important;
    bottom: 12% !important;
}

.tp-profile-card--metric {
    min-height: 190px !important;
    text-align: center !important;
    align-content: center !important;
}

.tp-profile-card--metric h2 {
    font-size: clamp(32px, 3vw, 48px) !important;
    color: var(--tp-ink) !important;
}

.tp-profile-showcase {
    grid-template-columns: minmax(0, .92fr) minmax(340px, 1.08fr) !important;
    align-items: center !important;
    gap: clamp(24px, 4vw, 56px) !important;
}

.tp-report-mock {
    min-height: 320px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    perspective: 900px !important;
}

.tp-report-card {
    width: min(31%, 190px) !important;
    min-height: 260px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.48)) !important;
    box-shadow: 0 28px 70px rgba(8,27,58,.11), inset 0 1px rgba(255,255,255,.96) !important;
    padding: 22px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 13px !important;
}

.tp-report-card--main {
    width: min(38%, 230px) !important;
    min-height: 310px !important;
    z-index: 2 !important;
}

.tp-report-card--side:first-child {
    transform: rotate(-7deg) translateX(-12px) !important;
}

.tp-report-card--side:last-child {
    transform: rotate(7deg) translateX(12px) !important;
}

.tp-report-card i {
    width: 54px !important;
    aspect-ratio: 1 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: rgba(143,114,234,.12) !important;
    color: var(--tp-primary) !important;
    font-size: 24px !important;
}

.tp-report-card strong {
    width: 124px !important;
    aspect-ratio: 1 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: var(--tp-ink) !important;
    font-size: 42px !important;
    background:
        radial-gradient(circle, rgba(255,255,255,.95) 43%, transparent 44%),
        conic-gradient(#8f72ea 0 68%, #8bb8ff 68% 87%, rgba(8,27,58,.06) 87%) !important;
}

.tp-report-card small {
    color: rgba(8,27,58,.62) !important;
    font-weight: 850 !important;
}

.tp-report-card span {
    width: 100% !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(143,114,234,.38), rgba(139,184,255,.50)) !important;
}

.tp-brand-symbol {
    width: 92px !important;
    aspect-ratio: 1 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 30px !important;
    color: var(--tp-primary-dark) !important;
    font-size: 34px !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.42)),
        radial-gradient(circle at 30% 20%, rgba(143,114,234,.20), transparent 42%) !important;
    box-shadow: 0 24px 58px rgba(8,27,58,.10), inset 0 1px rgba(255,255,255,.98) !important;
}

.tp-brand-symbol--route {
    color: var(--tp-primary) !important;
}

.tp-profile-launch {
    background:
        radial-gradient(circle at 16% 18%, rgba(139,184,255,.16), transparent 28%),
        radial-gradient(circle at 90% 88%, rgba(143,114,234,.12), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.52)) !important;
}

@media (max-width: 900px) {
    .tp-profile-card--visual,
    .tp-profile-showcase {
        grid-template-columns: 1fr !important;
    }

    .tp-profile-card--visual {
        min-height: auto !important;
        padding: 28px !important;
    }

    .tp-profile-hero-copy {
        text-align: right !important;
    }

    .tp-profile-visual {
        min-height: 330px !important;
        order: -1 !important;
    }

    .tp-phone-mock {
        width: min(74%, 260px) !important;
        border-radius: 34px !important;
        padding: 20px !important;
    }

    .tp-float-icon {
        width: 58px !important;
        border-radius: 20px !important;
        font-size: 22px !important;
    }

    .tp-profile-actions {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .tp-report-mock {
        min-height: 270px !important;
    }

    .tp-report-card {
        min-height: 210px !important;
        padding: 16px !important;
    }

    .tp-report-card--main {
        min-height: 250px !important;
    }
}

@media (max-width: 620px) {
    .tp-app-screen {
        padding-bottom: 138px !important;
    }

    .tp-profile-hero-copy h2 {
        font-size: clamp(34px, 10vw, 48px) !important;
        text-align: right !important;
    }

    .tp-profile-bubbles {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .tp-profile-grid {
        grid-template-columns: 1fr !important;
    }

    .tp-profile-checks {
        grid-template-columns: 1fr !important;
    }

    .tp-report-mock {
        transform: scale(.92) !important;
        transform-origin: center !important;
    }
}

/* v1.16.14 - restore mobile home layout after checkout-specific changes. */
@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"] {
        gap: 14px !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero {
        width: calc(100% - 18px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: start !important;
        justify-items: center !important;
        gap: 14px !important;
        margin: 0 auto !important;
        padding: 20px 14px 18px !important;
        border-radius: 28px !important;
        overflow: visible !important;
        text-align: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: grid !important;
        justify-items: center !important;
        align-content: start !important;
        gap: 12px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy :where(.tp-kicker, h1, h2, p) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-align: center !important;
        overflow: visible !important;
        transform: none !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h2 {
        margin: 0 0 6px !important;
        color: var(--tp-ink) !important;
        font-size: clamp(28px, 9vw, 38px) !important;
        line-height: 1.25 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin: 4px 0 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid button {
        width: 100% !important;
        min-height: 104px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-content: center !important;
        justify-items: center !important;
        gap: 6px !important;
        padding: 12px 8px !important;
        border-radius: 22px !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid :where(i, strong, span) {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-align: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-self-notes,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-divider,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-value-section,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-start-section,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-pricing-section,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-shortcut-section {
        width: calc(100% - 18px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-inline: auto !important;
        overflow: visible !important;
    }
}

/* v1.16.12 - final fixed bottom navigation centering across all app routes. */
#tipeman-app .tp-bottom-nav,
#tipeman-app .tp-bottom-nav--links,
.tp-app-shell .tp-bottom-nav,
.tp-app-shell .tp-bottom-nav--links {
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(680px, calc(100% - 18px)) !important;
    max-width: 680px !important;
    min-height: 72px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
    padding: 7px !important;
    overflow: hidden !important;
    z-index: 95 !important;
}

#tipeman-app .tp-bottom-nav > *,
#tipeman-app .tp-bottom-nav--links > *,
.tp-app-shell .tp-bottom-nav > *,
.tp-app-shell .tp-bottom-nav--links > * {
    min-width: 0 !important;
    width: 100% !important;
    flex: 1 1 0 !important;
}

#tipeman-app .tp-bottom-nav button,
#tipeman-app .tp-bottom-nav a,
#tipeman-app .tp-bottom-nav--links button,
#tipeman-app .tp-bottom-nav--links a,
.tp-app-shell .tp-bottom-nav button,
.tp-app-shell .tp-bottom-nav a,
.tp-app-shell .tp-bottom-nav--links button,
.tp-app-shell .tp-bottom-nav--links a {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 58px !important;
    border-radius: 20px !important;
    padding: 5px 2px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
}

@media (min-width: 760px) {
    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links,
    .tp-app-shell .tp-bottom-nav,
    .tp-app-shell .tp-bottom-nav--links {
        width: min(760px, calc(100% - 28px)) !important;
        min-height: 76px !important;
        border-radius: 32px !important;
    }

    #tipeman-app .tp-bottom-nav button,
    #tipeman-app .tp-bottom-nav a,
    #tipeman-app .tp-bottom-nav--links button,
    #tipeman-app .tp-bottom-nav--links a,
    .tp-app-shell .tp-bottom-nav button,
    .tp-app-shell .tp-bottom-nav a,
    .tp-app-shell .tp-bottom-nav--links button,
    .tp-app-shell .tp-bottom-nav--links a {
        min-height: 60px !important;
        font-size: 11px !important;
    }
}

/* Brand logo integration */
.tp-brand-mark {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
    box-shadow: 0 12px 28px rgba(8,27,58,.10), inset 0 1px rgba(255,255,255,.9) !important;
}

.tp-brand-mark--loader {
    width: 74px !important;
    height: 74px !important;
    border-radius: 24px !important;
    margin: 0 auto 12px !important;
}

.tp-brand-inline,
.tp-app-name {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.tp-brand-mark--inline,
.tp-brand-mark--nav {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
}

.tp-app-name span,
.tp-brand-inline span {
    color: var(--tp-primary-dark) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.tp-avatar--logo {
    padding: 0 !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.78) !important;
}

.tp-avatar--profile {
    border: 1px solid rgba(255,255,255,.72) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.38)),
        rgba(255,255,255,.44) !important;
    color: var(--tp-primary-dark) !important;
    box-shadow:
        0 10px 24px rgba(31,41,55,.08),
        inset 0 1px rgba(255,255,255,.88) !important;
    backdrop-filter: blur(18px) saturate(1.35) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
}

.tp-avatar--logo i {
    display: none !important;
}

.tp-avatar:not(.tp-avatar--logo) i,
.tp-avatar--profile i {
    display: inline-grid !important;
    color: var(--tp-primary-dark) !important;
    font-size: 18px !important;
}

.tp-brand-mark--avatar {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    box-shadow: none !important;
}

@media (max-width: 620px) {
    .tp-brand-mark--nav {
        width: 30px !important;
        height: 30px !important;
    }

    .tp-app-name {
        padding-inline: 10px !important;
        min-width: auto !important;
    }
}

@media (max-width: 760px) {
    .tp-app-bg {
        background:
            linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.12)),
            url("../img/tipeman-glass-bg.svg") center center / cover fixed no-repeat !important;
    }
}

/* Keep home dividers compact; the first cover divider must not become a full section. */
.tp-home-divider,
.tp-home-divider--cover {
    width: min(100% - 28px, 460px) !important;
    min-height: 118px !important;
    grid-template-rows: 76px auto !important;
    gap: 0 !important;
    margin: 42px auto -8px !important;
    border-radius: 32px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,.14)),
        rgba(255,255,255,.22) !important;
    background-image:
        linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,.14)),
        radial-gradient(circle at 50% 35%, rgba(93,73,223,.22), transparent 46%) !important;
    background-attachment: scroll !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.tp-home-divider::after,
.tp-home-divider--cover::after {
    display: none !important;
}

.tp-home-divider::before,
.tp-home-divider--cover::before {
    inset: 18px 42px 26px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle at center, rgba(93,73,223,.26), transparent 64%) !important;
    filter: blur(26px) !important;
    opacity: .72 !important;
}

.tp-home-divider .tp-divider-visual,
.tp-home-divider--cover .tp-divider-visual {
    width: 76px !important;
    height: 76px !important;
    border-radius: 26px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.34)) !important;
    box-shadow: 0 18px 42px rgba(93,73,223,.14), inset 0 1px rgba(255,255,255,.92) !important;
}

/* Checkout app pass: keep WooCommerce usable, but make it feel like the app. */
.tp-commerce-shell {
    width: min(100%, 980px) !important;
}

.tp-commerce-shell .tp-app-screen {
    width: min(100%, 900px) !important;
    margin-inline: auto !important;
    padding: 18px 14px 150px !important;
    gap: 18px !important;
}

.tp-commerce-shell .tp-mobile-top {
    position: sticky !important;
    top: 10px !important;
    z-index: 20 !important;
    width: 100% !important;
    min-height: 84px !important;
    margin: 0 auto !important;
    border-radius: 28px !important;
}

.tp-commerce-shell .tp-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 22px !important;
}

.tp-commerce-card {
    width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(18px, 4vw, 34px) !important;
    border-radius: 32px !important;
    border: 1px solid rgba(255,255,255,.90) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56) 52%, rgba(255,255,255,.38)),
        rgba(255,255,255,.66) !important;
    box-shadow: 0 28px 80px rgba(8,27,58,.12), 0 12px 28px rgba(70,55,42,.08), inset 0 1px rgba(255,255,255,.98) !important;
    backdrop-filter: blur(46px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(46px) saturate(190%) !important;
    overflow: visible !important;
}

.tp-checkout-hidden-field {
    display: none !important;
}

.tp-commerce-card .wc-block-checkout,
.tp-commerce-card .wc-block-checkout__form,
.tp-commerce-card .wc-block-components-address-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

.tp-commerce-card .wc-block-components-checkout-step {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
}

.tp-commerce-card .wc-block-components-checkout-step__title,
.tp-commerce-card .wc-block-components-title,
.tp-commerce-card .wc-block-components-checkout-order-summary__title {
    color: #081b3a !important;
    font-size: clamp(22px, 4vw, 30px) !important;
    font-weight: 950 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}

.tp-commerce-card .wc-block-components-checkout-step__description,
.tp-commerce-card .wc-block-components-address-form__country,
.tp-commerce-card .wc-block-components-address-form__address_1,
.tp-commerce-card .wc-block-components-address-form__address_2,
.tp-commerce-card .wc-block-components-address-form__city,
.tp-commerce-card .wc-block-components-address-form__state,
.tp-commerce-card .wc-block-components-address-form__postcode,
.tp-commerce-card .wc-block-components-address-form__address_2-toggle,
.tp-commerce-card .wc-block-components-address-form__address_2-toggle-wrapper,
.tp-commerce-card .wc-block-components-address-form__address_2-toggle-button,
.tp-commerce-card .wc-block-checkout__add-note,
.tp-commerce-card .wc-block-checkout__add-note *,
.tp-commerce-card .wc-block-components-checkbox.wc-block-checkout__add-note {
    display: none !important;
}

.tp-commerce-card .wc-block-components-text-input,
.tp-commerce-card .wc-block-components-combobox,
.tp-commerce-card .wc-block-components-address-form > * {
    width: 100% !important;
    grid-column: 1 / -1 !important;
}

.tp-commerce-card .wc-block-components-text-input input,
.tp-commerce-card .wc-block-components-combobox input,
.tp-commerce-card .wc-block-components-textarea,
.tp-commerce-card input,
.tp-commerce-card select,
.tp-commerce-card textarea {
    min-height: 58px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(8,27,58,.16) !important;
    background: rgba(255,255,255,.76) !important;
    color: #081b3a !important;
    box-shadow: inset 0 1px rgba(255,255,255,.96), 0 10px 24px rgba(8,27,58,.04) !important;
    font-family: inherit !important;
    font-weight: 850 !important;
}

.tp-commerce-card .wc-block-components-text-input label,
.tp-commerce-card .wc-block-components-combobox label {
    color: rgba(8,27,58,.76) !important;
    font-weight: 900 !important;
}

.tp-commerce-card .wc-block-components-notice-banner {
    border-radius: 20px !important;
    padding: 14px 16px !important;
    line-height: 2 !important;
    font-weight: 850 !important;
}

.tp-commerce-card .wc-block-components-notice-banner.is-error {
    border-color: rgba(218,54,54,.34) !important;
    background: rgba(255,242,242,.78) !important;
    color: #7a1f1f !important;
}

.tp-commerce-card .wc-block-components-checkbox {
    align-items: center !important;
    gap: 12px !important;
    margin: 16px 0 !important;
}

.tp-commerce-card .wc-block-components-checkbox__input {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border-radius: 9px !important;
}

.tp-commerce-card .wc-block-components-checkout-order-summary,
.tp-commerce-card .wp-block-woocommerce-checkout-order-summary-block,
.tp-commerce-card .wc-block-components-order-summary {
    border-radius: 26px !important;
    border: 1px solid rgba(8,27,58,.10) !important;
    background: rgba(255,255,255,.64) !important;
    box-shadow: 0 18px 46px rgba(8,27,58,.07), inset 0 1px rgba(255,255,255,.92) !important;
    overflow: hidden !important;
}

.tp-commerce-card .wc-block-components-order-summary-item {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    padding: 14px !important;
}

.tp-commerce-card .wc-block-components-order-summary-item__image {
    display: none !important;
}

.tp-commerce-card .wc-block-components-order-summary-item__description {
    min-width: 0 !important;
    text-align: right !important;
}

.tp-commerce-card .wc-block-components-order-summary-item__quantity {
    background: #081b3a !important;
    color: #fff !important;
    border: 0 !important;
}

.tp-commerce-card .wc-block-components-button,
.tp-commerce-card button[type="submit"] {
    min-height: 58px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #081b3a, #17325d) !important;
    color: #fff !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 42px rgba(8,27,58,.20) !important;
}

.tp-commerce-card .wp-block-woocommerce-checkout-order-summary-block {
    order: -2 !important;
}

.tp-commerce-card .wp-block-woocommerce-checkout-fields-block {
    order: -1 !important;
}

.tp-commerce-card .wc-block-components-checkout-order-summary__title {
    justify-content: space-between !important;
}

.tp-bottom-nav--links {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: min(520px, calc(100% - 24px)) !important;
    padding: 8px !important;
    border-radius: 28px !important;
}

.tp-commerce-shell .tp-bottom-nav--links {
    position: relative !important;
    inset: auto !important;
    z-index: 30 !important;
    margin: 24px auto 18px !important;
}

.tp-bottom-nav--links a {
    min-width: 0 !important;
    min-height: 66px !important;
    border-radius: 22px !important;
    padding: 6px 3px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

.tp-bottom-nav--links a span {
    font-size: 20px !important;
}

.tp-bottom-nav--links a.is-active {
    background: linear-gradient(135deg, #342c8f, #6757e8) !important;
    color: #fff !important;
    box-shadow: 0 16px 36px rgba(103,87,232,.24) !important;
}

.tp-login-note {
    display: inline-flex !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.46)) !important;
    color: rgba(8,27,58,.72) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.9 !important;
    box-shadow: 0 12px 28px rgba(8,27,58,.06), inset 0 1px rgba(255,255,255,.94) !important;
}

@media (max-width: 620px) {
    .tp-commerce-shell .tp-app-screen {
        padding: 10px 8px 142px !important;
        gap: 14px !important;
    }

    .tp-commerce-shell .tp-mobile-top {
        min-height: 76px !important;
        border-radius: 24px !important;
        padding: 12px !important;
    }

    .tp-commerce-card {
        padding: 18px !important;
        border-radius: 28px !important;
    }

    .tp-commerce-card .wc-block-components-checkout-step__title,
    .tp-commerce-card .wc-block-components-title,
    .tp-commerce-card .wc-block-components-checkout-order-summary__title {
        font-size: 24px !important;
    }

    .tp-commerce-card .wc-block-components-order-summary-item {
        grid-template-columns: 1fr !important;
    }

    .tp-bottom-nav--links {
        width: calc(100% - 18px) !important;
        gap: 5px !important;
        padding: 7px !important;
        border-radius: 26px !important;
    }

    .tp-bottom-nav--links a {
        min-height: 62px !important;
        border-radius: 20px !important;
        font-size: 10px !important;
    }
}

.tp-home-divider .tp-divider-visual::before,
.tp-home-divider .tp-divider-visual::after {
    inset: 14px !important;
    border-width: 3px !important;
}

.tp-home-divider .tp-divider-visual::after {
    inset: 23px !important;
}

.tp-home-divider .tp-divider-visual i {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
}

.tp-home-divider span {
    min-height: 34px !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 760px) {
    .tp-home-divider,
    .tp-home-divider--cover {
        width: min(100% - 32px, 360px) !important;
        min-height: 104px !important;
        grid-template-rows: 68px auto !important;
        margin: 34px auto -6px !important;
        border-radius: 28px !important;
    }

    .tp-home-divider .tp-divider-visual,
    .tp-home-divider--cover .tp-divider-visual {
        width: 68px !important;
        height: 68px !important;
        border-radius: 24px !important;
    }

    .tp-home-divider .tp-divider-visual i {
        width: 34px !important;
        height: 34px !important;
        font-size: 15px !important;
    }
}

/* Campaign image integration: muted nude/lavender visual language from the provided references. */
:root {
    --tp-ink: #081b3a;
    --tp-muted: #697082;
    --tp-primary: #8f72ea;
    --tp-primary-dark: #081b3a;
    --tp-blue-soft: #8bb8ff;
    --tp-nude: #f6f1eb;
}

.tp-home-hero {
    grid-template-columns: minmax(0, .95fr) minmax(320px, .82fr) !important;
    gap: clamp(22px, 4vw, 54px) !important;
    text-align: right !important;
    justify-items: stretch !important;
}

.tp-home-copy {
    justify-items: start !important;
    text-align: right !important;
}

.tp-home-copy h1,
.tp-home-copy h2 {
    text-align: right !important;
    color: var(--tp-ink) !important;
    font-size: clamp(34px, 4.2vw, 64px) !important;
    line-height: 1.25 !important;
    max-width: 720px !important;
}

.tp-home-copy h1::first-line,
.tp-home-copy h2::first-line {
    color: var(--tp-ink) !important;
}

.tp-home-actions {
    margin-inline: 0 auto !important;
}

.tp-hero-art {
    min-height: 460px !important;
    align-self: stretch !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    isolation: isolate !important;
}

.tp-hero-art::before {
    content: "" !important;
    position: absolute !important;
    inset: 12% -8% 2% 8% !important;
    z-index: -1 !important;
    border-radius: 42% 58% 40% 60% / 44% 42% 58% 56% !important;
    background: radial-gradient(circle at center, rgba(143,114,234,.24), rgba(139,184,255,.14) 46%, transparent 72%) !important;
    filter: blur(10px) !important;
}

.tp-hero-art img {
    width: min(100%, 520px) !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 34px !important;
    border: 1px solid rgba(255,255,255,.90) !important;
    box-shadow: 0 30px 80px rgba(8,27,58,.13), 0 10px 24px rgba(143,114,234,.12), inset 0 1px rgba(255,255,255,.9) !important;
}

.tp-hero-art__chips {
    position: absolute !important;
    right: 8% !important;
    bottom: 6% !important;
    display: grid !important;
    gap: 8px !important;
}

.tp-hero-art__chips span {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.42)) !important;
    box-shadow: 0 18px 42px rgba(8,27,58,.10), inset 0 1px rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    color: var(--tp-ink) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.tp-visual-showcase,
.tp-color-psychology {
    width: 100% !important;
    margin: 100px 0 0 !important;
    padding: clamp(24px, 4vw, 44px) !important;
    border-radius: var(--tp-radius-xl) !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.42)),
        rgba(255,255,255,.52) !important;
    box-shadow: var(--tp-shadow) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
    position: relative !important;
    overflow: hidden !important;
}

.tp-visual-showcase::before,
.tp-color-psychology::before {
    content: "" !important;
    position: absolute !important;
    inset: auto -8% -28% 48% !important;
    height: 280px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle at center, rgba(143,114,234,.18), transparent 70%) !important;
    pointer-events: none !important;
}

.tp-visual-showcase__head,
.tp-color-psychology > div:first-child {
    max-width: 780px !important;
    display: grid !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
    position: relative !important;
    z-index: 1 !important;
}

.tp-visual-showcase h2,
.tp-color-psychology h2 {
    margin: 0 !important;
    color: var(--tp-ink) !important;
    font-size: clamp(28px, 3.1vw, 44px) !important;
    line-height: 1.45 !important;
}

.tp-visual-showcase p,
.tp-color-psychology p {
    margin: 0 !important;
    color: var(--tp-muted) !important;
    font-size: clamp(14px, 1.2vw, 17px) !important;
    line-height: 2 !important;
}

.tp-campaign-strip {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(230px, 300px) !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scroll-snap-type: inline mandatory !important;
    padding: 6px 2px 18px !important;
    position: relative !important;
    z-index: 1 !important;
}

.tp-campaign-strip::-webkit-scrollbar {
    height: 8px !important;
}

.tp-campaign-strip::-webkit-scrollbar-thumb {
    background: rgba(143,114,234,.22) !important;
    border-radius: 999px !important;
}

.tp-campaign-strip figure {
    scroll-snap-align: start !important;
    min-height: 330px !important;
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.42)) !important;
    box-shadow: 0 20px 54px rgba(8,27,58,.09), inset 0 1px rgba(255,255,255,.90) !important;
}

.tp-campaign-strip img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    display: block !important;
}

.tp-campaign-strip figcaption {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--tp-ink) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
}

.tp-color-psychology {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr) !important;
    align-items: center !important;
    gap: clamp(18px, 4vw, 44px) !important;
}

.tp-color-system {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    position: relative !important;
    z-index: 1 !important;
}

.tp-color-system article {
    min-height: 156px !important;
    display: grid !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 18px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.46)) !important;
    box-shadow: 0 18px 48px rgba(8,27,58,.08), inset 0 1px rgba(255,255,255,.90) !important;
}

.tp-color-system article span {
    width: 48px !important;
    height: 48px !important;
    border-radius: 18px !important;
    background: var(--swatch) !important;
    border: 1px solid rgba(255,255,255,.90) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--swatch) 22%, transparent) !important;
}

.tp-color-system strong {
    color: var(--tp-ink) !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

.tp-color-system small {
    color: var(--tp-muted) !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
}

.tp-btn--primary,
.tp-card-cta {
    background: linear-gradient(135deg, #081b3a, #17325d) !important;
    color: #fff !important;
}

.tp-home-picks button,
.tp-report-preview-stack span,
.tp-safe-list span {
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(246,241,235,.58)) !important;
}

@media (max-width: 960px) {
    .tp-home-hero,
    .tp-color-psychology {
        grid-template-columns: 1fr !important;
    }

    .tp-hero-art {
        min-height: auto !important;
        order: -1 !important;
    }

    .tp-hero-art img {
        width: min(100%, 420px) !important;
    }
}

@media (max-width: 760px) {
    .tp-home-hero {
        text-align: center !important;
        justify-items: center !important;
        padding-top: 34px !important;
    }

    .tp-home-copy {
        justify-items: center !important;
        text-align: center !important;
    }

    .tp-home-copy h1,
    .tp-home-copy h2 {
        width: min(100%, 330px) !important;
        max-width: 330px !important;
        text-align: center !important;
        font-size: clamp(30px, 8vw, 42px) !important;
    }

    .tp-hero-art img {
        width: min(100%, 320px) !important;
        border-radius: 28px !important;
    }

    .tp-hero-art__chips {
        position: static !important;
        grid-template-columns: 1fr 1fr !important;
        margin-top: 10px !important;
    }

    .tp-visual-showcase,
    .tp-color-psychology {
        width: calc(100% - 16px) !important;
        margin: 72px auto 0 !important;
        padding: 20px !important;
        border-radius: 30px !important;
    }

    .tp-campaign-strip {
        grid-auto-columns: minmax(210px, 78vw) !important;
    }

    .tp-color-system {
        grid-template-columns: 1fr !important;
    }
}

/* v1.12.3 mobile header polish: single right logo, centered title, no duplicate greeting */
@media (max-width: 760px) {
    .tp-mobile-top {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr) 44px !important;
        align-items: center !important;
        column-gap: 8px !important;
        min-height: 68px !important;
        padding: 9px 12px !important;
        direction: rtl !important;
    }

    .tp-mobile-top > div:first-child {
        grid-column: 2 !important;
        grid-row: 1 !important;
        text-align: center !important;
        min-width: 0 !important;
        justify-self: center !important;
    }

    .tp-mobile-top > div:first-child > span {
        display: none !important;
    }

    .tp-mobile-top > div:first-child > strong {
        margin: 0 !important;
        text-align: center !important;
        font-size: clamp(17px, 4.4vw, 22px) !important;
        line-height: 1.28 !important;
        white-space: normal !important;
    }

    .tp-mobile-top .tp-app-name {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        gap: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .tp-mobile-top .tp-app-name span {
        display: none !important;
    }

    .tp-mobile-top .tp-brand-mark--nav {
        width: 42px !important;
        height: 42px !important;
        border-radius: 16px !important;
        box-shadow: 0 10px 22px rgba(31, 41, 55, .08) !important;
    }

    .tp-mobile-top .tp-menu-trigger {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        color: var(--tp-primary-dark) !important;
    }

    .tp-mobile-top .tp-avatar,
    .tp-mobile-top .tp-avatar--profile {
        display: none !important;
    }
}

/* v1.12.4 performance + compact scale pass */
:root {
    --tp-blur: blur(22px) saturate(155%) !important;
}

html {
    font-size: 90% !important;
    scroll-behavior: auto !important;
}

body,
body:not(.wp-admin) {
    background-attachment: scroll !important;
}

body::before,
body::after {
    animation: none !important;
    transform: none !important;
    filter: blur(12px) !important;
    opacity: .42 !important;
    will-change: auto !important;
}

.tp-app-shell,
.tp-app-screen,
.tp-home-hero,
.tp-marketplace,
.tp-dashboard,
.tp-path-shell,
.tp-product,
.tp-result,
.tp-quiz {
    font-size: .9em !important;
}

.tp-mobile-top,
.tp-panel,
.tp-home-card,
.tp-market-hero,
.tp-orb-card,
.tp-product-panel,
.tp-dashboard-card,
.tp-report-card,
.tp-path-card,
.tp-side-menu,
.tp-bottom-nav,
.tp-commerce-shell,
.tp-woo-return,
.tp-standard-box,
.tp-ai-plan,
.tp-ethics,
.tp-product-value div,
.tp-product-assurance span {
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    box-shadow: 0 12px 28px rgba(31, 41, 55, .075), inset 0 1px rgba(255,255,255,.58) !important;
}

.tp-section-divider,
.tp-lottie-divider,
.tp-bg-orb,
.tp-floating-orb,
.tp-home-orb,
.tp-orb-glow {
    animation: none !important;
    filter: none !important;
    will-change: auto !important;
}

.tp-home-hero,
.tp-market-hero,
.tp-profile-hero,
.tp-path-hero {
    background-attachment: scroll !important;
}

@media (max-width: 760px) {
    :root {
        --tp-blur: blur(14px) saturate(145%) !important;
    }

    html {
        font-size: 90% !important;
    }

    body,
    body:not(.wp-admin) {
        background-attachment: scroll !important;
        overscroll-behavior-y: contain !important;
    }

    body::before,
    body::after {
        display: none !important;
    }

    .tp-mobile-top,
    .tp-panel,
    .tp-home-card,
    .tp-market-hero,
    .tp-orb-card,
    .tp-product-panel,
    .tp-dashboard-card,
    .tp-report-card,
    .tp-path-card,
    .tp-side-menu,
    .tp-bottom-nav {
        backdrop-filter: blur(12px) saturate(140%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
        box-shadow: 0 8px 20px rgba(31, 41, 55, .06), inset 0 1px rgba(255,255,255,.52) !important;
    }

    .tp-app-screen,
    .tp-home-hero,
    .tp-marketplace,
    .tp-grid,
    .tp-dashboard,
    .tp-path-shell,
    .tp-product,
    .tp-result,
    .tp-quiz {
        animation: none !important;
    }

    lottie-player,
    .tp-orb-lottie,
    .tp-path-lottie {
        transform: translateZ(0) !important;
        will-change: auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}

/* v1.12.6 staged rendering + scroll performance */
.tp-app-screen,
.tp-marketplace,
.tp-home-section,
.tp-path-shell,
.tp-dashboard,
.tp-product,
.tp-result,
.tp-orb-card,
.tp-home-card,
.tp-report-card,
.tp-path-card {
    content-visibility: auto !important;
    contain-intrinsic-size: 1px 720px !important;
}

.tp-mobile-top,
.tp-bottom-nav,
.tp-side-menu {
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
}

.tp-galaxy {
    contain: layout paint style !important;
}

.tp-orb-card,
.tp-panel,
.tp-home-card,
.tp-report-card,
.tp-path-card,
.tp-product-panel {
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
}

@media (max-width: 760px) {
    .tp-app-screen,
    .tp-marketplace,
    .tp-home-section,
    .tp-path-shell,
    .tp-dashboard,
    .tp-product,
    .tp-result,
    .tp-orb-card,
    .tp-home-card,
    .tp-report-card,
    .tp-path-card {
        contain-intrinsic-size: 1px 560px !important;
    }

    .tp-orb-card,
    .tp-panel,
    .tp-home-card,
    .tp-report-card,
    .tp-path-card,
    .tp-product-panel {
        transform: none !important;
    }
}

/* v1.12.7 logo-first initial loader */
.tp-app-loader {
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.74), rgba(255,255,255,.18) 38%, rgba(245,245,247,.72) 72%),
        rgba(245,245,247,.74) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

.tp-app-loader .tp-loader-card {
    width: min(78vw, 260px) !important;
    padding: 26px 22px 24px !important;
    border-radius: 30px !important;
    text-align: center !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.42)),
        rgba(255,255,255,.44) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow:
        0 24px 70px rgba(31,41,55,.12),
        inset 0 1px rgba(255,255,255,.9) !important;
}

.tp-app-loader .tp-brand-mark--loader {
    width: 86px !important;
    height: 86px !important;
    margin: 0 auto 14px !important;
    border-radius: 26px !important;
    animation: tp-logo-loader 1.9s ease-in-out infinite !important;
    box-shadow:
        0 18px 38px rgba(31,41,55,.13),
        0 0 0 10px rgba(255,255,255,.48),
        inset 0 1px rgba(255,255,255,.9) !important;
}

.tp-app-loader .tp-loader-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 18px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(93,73,223,.18) !important;
    pointer-events: none !important;
    animation: tp-loader-ring 1.9s ease-in-out infinite !important;
}

.tp-app-loader .tp-loader-icons {
    display: none !important;
}

.tp-app-loader .tp-loader-card strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: var(--tp-primary-dark) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.tp-app-loader .tp-loader-card span {
    display: block !important;
    color: var(--tp-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

@keyframes tp-logo-loader {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-4px) scale(1.035); }
}

@keyframes tp-loader-ring {
    0%, 100% { opacity: .35; transform: scale(.98); }
    50% { opacity: .8; transform: scale(1.03); }
}

/* v1.12.9 exact mobile header title centering */
@media (max-width: 760px) {
    .tp-mobile-top {
        position: relative !important;
    }

    .tp-mobile-top > div:first-child {
        position: absolute !important;
        inset-inline: 58px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: auto !important;
        max-width: none !important;
        text-align: center !important;
        display: grid !important;
        place-items: center !important;
        pointer-events: none !important;
    }

    .tp-mobile-top > div:first-child > strong {
        width: 100% !important;
        text-align: center !important;
        justify-self: center !important;
    }

    .tp-mobile-top .tp-app-name,
    .tp-mobile-top .tp-menu-trigger {
        position: relative !important;
        z-index: 2 !important;
    }
}

/* v1.13.0 mobile header final order: logo right, menu left, one-line center title */
@media (max-width: 760px) {
    .tp-mobile-top {
        grid-template-columns: 48px minmax(0, 1fr) 48px !important;
        min-height: 66px !important;
        padding: 9px 14px !important;
        column-gap: 8px !important;
    }

    .tp-mobile-top .tp-app-name {
        grid-column: 3 !important;
        justify-self: end !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
    }

    .tp-mobile-top .tp-brand-mark--nav {
        width: 46px !important;
        height: 46px !important;
        border-radius: 15px !important;
    }

    .tp-mobile-top .tp-menu-trigger {
        grid-column: 1 !important;
        justify-self: start !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
    }

    .tp-mobile-top > div:first-child {
        inset-inline: 62px !important;
        white-space: nowrap !important;
    }

    .tp-mobile-top > div:first-child > strong {
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: clamp(14px, 3.75vw, 17px) !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
    }
}

/* v1.13.1 softer global glass + Safari-safe mobile header */
:root {
    --tp-glass-soft: linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,255,255,.22)), rgba(255,255,255,.22);
    --tp-glass-border: rgba(255,255,255,.62);
}

.tp-panel,
.tp-home-card,
.tp-market-hero,
.tp-filter-panel,
.tp-goal-advisor,
.tp-orb-card,
.tp-product-panel,
.tp-dashboard-card,
.tp-report-card,
.tp-path-card,
.tp-profile-card,
.tp-standard-box,
.tp-ai-plan,
.tp-ethics,
.tp-product-value div,
.tp-product-assurance span,
.tp-woo-return,
.tp-enamad-placeholder,
.tp-side-menu,
.tp-route-loader__card,
.tp-loader-card,
.tp-note-card,
.tp-serp-card,
.tp-paywall-preview,
.tp-fit-tags,
.tp-related,
.tp-score-card,
.tp-history,
.tp-empty {
    background: var(--tp-glass-soft) !important;
    border-color: var(--tp-glass-border) !important;
    box-shadow:
        0 18px 54px rgba(31,41,55,.075),
        inset 0 1px rgba(255,255,255,.72) !important;
    backdrop-filter: blur(24px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(145%) !important;
}

.tp-panel::before,
.tp-home-card::before,
.tp-market-hero::before,
.tp-filter-panel::before,
.tp-goal-advisor::before,
.tp-orb-card::before,
.tp-product-panel::before,
.tp-dashboard-card::before,
.tp-report-card::before,
.tp-path-card::before,
.tp-profile-card::before {
    opacity: .42 !important;
}

@media (max-width: 760px) {
    .tp-mobile-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 60px !important;
        padding: 8px 14px !important;
        gap: 10px !important;
        direction: ltr !important;
        background: linear-gradient(145deg, rgba(255,255,255,.66), rgba(255,255,255,.28)), rgba(255,255,255,.28) !important;
        border-color: rgba(255,255,255,.68) !important;
        box-shadow: 0 10px 32px rgba(31,41,55,.06), inset 0 1px rgba(255,255,255,.72) !important;
        backdrop-filter: blur(18px) saturate(145%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    }

    .tp-mobile-top .tp-menu-trigger {
        order: 1 !important;
        position: static !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .tp-mobile-top > div:first-child {
        order: 2 !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: block !important;
        text-align: center !important;
        direction: rtl !important;
        pointer-events: none !important;
    }

    .tp-mobile-top > div:first-child > strong {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        text-align: center !important;
        font-size: clamp(13px, 3.35vw, 15px) !important;
        line-height: 1.15 !important;
    }

    .tp-mobile-top .tp-app-name {
        order: 3 !important;
        position: static !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        justify-self: auto !important;
    }

    .tp-mobile-top .tp-brand-mark--nav {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
    }

    .tp-panel,
    .tp-home-card,
    .tp-market-hero,
    .tp-filter-panel,
    .tp-goal-advisor,
    .tp-orb-card,
    .tp-product-panel,
    .tp-dashboard-card,
    .tp-report-card,
    .tp-path-card,
    .tp-profile-card,
    .tp-note-card,
    .tp-serp-card,
    .tp-paywall-preview,
    .tp-fit-tags,
    .tp-related,
    .tp-score-card,
    .tp-history,
    .tp-empty {
        background: linear-gradient(145deg, rgba(255,255,255,.52), rgba(255,255,255,.20)), rgba(255,255,255,.20) !important;
        box-shadow: 0 12px 34px rgba(31,41,55,.06), inset 0 1px rgba(255,255,255,.66) !important;
        backdrop-filter: blur(18px) saturate(138%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(138%) !important;
    }
}

/* v1.13.3 mobile overflow fix + hero breathing room */
html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.tp-app,
.tp-app-shell,
.tp-app-screen,
.tp-home-hero,
.tp-home-copy,
.tp-home-visual,
.tp-hero-card,
.tp-hero-device,
.tp-marketplace,
.tp-grid,
.tp-galaxy {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    .tp-app-shell {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding-inline: 10px !important;
    }

    .tp-app-screen {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .tp-mobile-top {
        width: 100% !important;
        max-width: calc(100vw - 20px) !important;
        margin-inline: auto !important;
        margin-bottom: 22px !important;
    }

    .tp-home-hero {
        margin-top: 26px !important;
        padding-top: 24px !important;
        width: 100% !important;
        max-width: calc(100vw - 20px) !important;
        margin-inline: auto !important;
    }

    .tp-home-visual,
    .tp-hero-card,
    .tp-hero-device {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: auto !important;
    }

    .tp-home-visual img,
    .tp-hero-device img,
    .tp-campaign-image img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* v1.13.4 remove home hero section background */
.tp-home-hero {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.tp-home-hero::before,
.tp-home-hero::after {
    display: none !important;
}

@media (max-width: 760px) {
    .tp-home-hero {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding-inline: 0 !important;
    }
}

/* v1.13.5 remove hero lower shadow haze */
.tp-home-hero .tp-hero-card,
.tp-home-hero .tp-hero-device,
.tp-home-hero .tp-home-visual,
.tp-home-hero .tp-feature-card,
.tp-home-hero .tp-home-chip,
.tp-home-hero .tp-trust-pill,
.tp-home-hero .tp-metric,
.tp-home-hero .tp-kicker {
    box-shadow: none !important;
    filter: none !important;
}

.tp-home-hero .tp-hero-card::before,
.tp-home-hero .tp-hero-card::after,
.tp-home-hero .tp-hero-device::before,
.tp-home-hero .tp-hero-device::after,
.tp-home-hero .tp-home-visual::before,
.tp-home-hero .tp-home-visual::after {
    display: none !important;
}

@media (max-width: 760px) {
    .tp-home-hero * {
        text-shadow: none !important;
    }

    .tp-home-hero .tp-feature-card,
    .tp-home-hero .tp-home-chip,
    .tp-home-hero .tp-trust-pill,
    .tp-home-hero .tp-metric {
        box-shadow: none !important;
        filter: none !important;
    }
}

/* v1.13.6 hard remove hero shadow haze */
.tp-home-hero,
.tp-home-hero *,
.tp-home-hero *::before,
.tp-home-hero *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

.tp-home-hero {
    background-image: none !important;
    background-color: transparent !important;
}

.tp-home-hero::before,
.tp-home-hero::after,
.tp-home-visual::before,
.tp-home-visual::after,
.tp-hero-card::before,
.tp-hero-card::after,
.tp-hero-device::before,
.tp-hero-device::after,
.tp-campaign-image::before,
.tp-campaign-image::after,
.tp-feature-row::before,
.tp-feature-row::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
}

.tp-home-hero .tp-feature-card,
.tp-home-hero .tp-trust-pill,
.tp-home-hero .tp-home-chip,
.tp-home-hero .tp-btn,
.tp-home-hero .tp-kicker {
    background: rgba(255,255,255,.34) !important;
    border-color: rgba(255,255,255,.56) !important;
    backdrop-filter: blur(10px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
}

@media (max-width: 760px) {
    .tp-home-hero,
    .tp-home-hero *,
    .tp-home-hero *::before,
    .tp-home-hero *::after {
        box-shadow: none !important;
        filter: none !important;
        text-shadow: none !important;
    }
}

/* v1.13.7 compact premium logo loader */
.tp-app-loader {
    background:
        radial-gradient(circle at 50% 46%, rgba(255,255,255,.72), rgba(245,245,247,.38) 42%, rgba(245,245,247,.70) 100%) !important;
    backdrop-filter: blur(10px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
}

.tp-app-loader .tp-loader-card {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: grid !important;
    place-items: center !important;
    gap: 10px !important;
}

.tp-app-loader .tp-loader-card::before,
.tp-app-loader .tp-loader-card::after {
    content: none !important;
    display: none !important;
}

.tp-app-loader .tp-brand-mark--loader {
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    animation: tp-loader-logo-breathe 1.65s ease-in-out infinite !important;
    box-shadow:
        0 12px 34px rgba(31,41,55,.10),
        0 0 0 8px rgba(255,255,255,.38),
        inset 0 1px rgba(255,255,255,.9) !important;
}

.tp-app-loader .tp-loader-card strong {
    margin: 0 !important;
    color: rgba(13,31,58,.88) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.tp-app-loader .tp-loader-card span {
    max-width: 180px !important;
    color: rgba(82,93,112,.72) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.5 !important;
}

.tp-app-loader .tp-loader-card span::after {
    content: "";
    display: block;
    width: 72px;
    height: 3px;
    margin: 12px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(93,73,223,0), rgba(93,73,223,.72), rgba(111,198,176,.62), rgba(93,73,223,0));
    animation: tp-loader-line 1.35s ease-in-out infinite;
}

@keyframes tp-loader-logo-breathe {
    0%, 100% { transform: translateY(0) scale(1); opacity: .96; }
    50% { transform: translateY(-2px) scale(1.035); opacity: 1; }
}

@keyframes tp-loader-line {
    0%, 100% { opacity: .38; transform: scaleX(.72); }
    50% { opacity: .9; transform: scaleX(1); }
}

@media (max-width: 760px) {
    .tp-app-loader .tp-brand-mark--loader {
        width: 48px !important;
        height: 48px !important;
        border-radius: 16px !important;
    }

    .tp-app-loader .tp-loader-card strong {
        font-size: 14px !important;
    }

    .tp-app-loader .tp-loader-card span {
        font-size: 9.5px !important;
    }
}

/* v1.13.8 - center homepage action pills */
.tp-home-actions {
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px auto 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: center !important;
}

.tp-home-actions .tp-btn {
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 760px) {
    .tp-home-actions {
        justify-content: center !important;
        gap: 10px !important;
        padding-inline: 0 !important;
    }

    .tp-home-actions .tp-btn {
        flex: 0 1 min(44vw, 180px) !important;
        min-width: 0 !important;
        padding-inline: 14px !important;
        white-space: nowrap !important;
    }
}

/* v1.13.9 - make hero actions readable and tighten empty space */
.tp-home-hero .tp-home-actions {
    margin: 14px auto 0 !important;
}

.tp-home-hero .tp-home-actions .tp-btn,
.tp-home-hero .tp-home-actions .tp-btn i {
    color: #4f3bd6 !important;
}

.tp-home-hero .tp-home-actions .tp-btn {
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.42)) !important;
    border: 1px solid rgba(255,255,255,.76) !important;
}

@media (max-width: 760px) {
    .tp-home-hero {
        padding-bottom: 24px !important;
    }

    .tp-home-hero .tp-home-actions {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }
}

/* v1.14.0 - keep the three test path cards in one row on mobile */
@media (max-width: 760px) {
    .tp-home-mini-grid {
        width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .tp-home-mini-grid article {
        min-height: 104px !important;
        padding: 12px 8px !important;
        border-radius: 22px !important;
        align-content: center !important;
        justify-items: center !important;
        text-align: center !important;
        gap: 7px !important;
    }

    .tp-home-mini-grid article i {
        width: 36px !important;
        height: 36px !important;
        border-radius: 14px !important;
        font-size: 15px !important;
    }

    .tp-home-mini-grid strong {
        font-size: 13px !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
    }

    .tp-home-mini-grid span {
        font-size: 10px !important;
        line-height: 1.55 !important;
        max-width: 92px !important;
    }
}

/* v1.14.1 - desktop hero choices as compact one-line rows */
@media (min-width: 961px) {
    .tp-home-choice-grid {
        width: min(100%, 560px) !important;
        max-width: 560px !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        margin-inline: auto !important;
    }

    .tp-home-choice-grid button {
        min-height: 58px !important;
        display: grid !important;
        grid-template-columns: 44px minmax(76px, max-content) minmax(0, 1fr) !important;
        align-items: center !important;
        align-content: center !important;
        justify-items: start !important;
        gap: 12px !important;
        padding: 9px 14px !important;
        border-radius: 20px !important;
        text-align: right !important;
    }

    .tp-home-choice-grid i {
        width: 36px !important;
        height: 36px !important;
        border-radius: 14px !important;
        font-size: 15px !important;
    }

    .tp-home-choice-grid strong {
        font-size: 16px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    .tp-home-choice-grid span {
        font-size: 12px !important;
        line-height: 1.45 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* v1.16.3 - desktop internal app screens use full available width; home stays curated */
@media (min-width: 1024px) {
    #tipeman-app.tp-app-shell:has(.tp-app-screen:not([data-screen="home"]):not(.tp-hidden)) {
        width: min(100% - 48px, 1680px) !important;
        max-width: min(100% - 48px, 1680px) !important;
    }

    #tipeman-app .tp-app-screen:not([data-screen="home"]) {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: auto !important;
    }

    #tipeman-app .tp-app-screen:not([data-screen="home"]) > :where(.tp-marketplace, .tp-dashboard, .tp-path-shell, .tp-profile-grid, .tp-product, .tp-report, .tp-panel, [data-tests], [data-product], [data-quiz], [data-result], [data-dashboard], [data-profile-panel]) {
        width: 100% !important;
        max-width: 100% !important;
    }

    #tipeman-app .tp-app-screen:not([data-screen="home"]) .tp-mobile-top {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* v1.14.2 - cleaner launch QA for path, market note, and lock badges */
.tp-path-shell {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.tp-path-hero {
    min-height: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: clamp(22px, 4vw, 40px) 0 !important;
}

.tp-path-hero::before,
.tp-path-hero::after,
.tp-serp-wins::before,
.tp-serp-wins::after,
.tp-self-notes::before,
.tp-self-notes::after {
    content: none !important;
    display: none !important;
}

.tp-badge-grid {
    gap: 12px !important;
}

.tp-badge-grid article {
    min-height: 124px !important;
    background: rgba(255,255,255,.42) !important;
    border-color: rgba(255,255,255,.58) !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

.tp-serp-wins,
.tp-self-notes {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding-inline: 0 !important;
}

.tp-self-note-card {
    background: rgba(255,255,255,.38) !important;
    border-color: rgba(255,255,255,.55) !important;
    box-shadow: none !important;
}

.tp-serp-grid span {
    box-shadow: none !important;
}

.tp-orb-button {
    position: relative !important;
    overflow: visible !important;
}

.tp-lock {
    right: 4px !important;
    bottom: 4px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 999px !important;
    background: rgba(13,31,58,.92) !important;
    box-shadow: 0 6px 14px rgba(13,31,58,.14) !important;
    color: #fff !important;
    font-size: 9px !important;
    display: grid !important;
    place-items: center !important;
    transform: none !important;
}

@media (max-width: 760px) {
    .tp-path-hero {
        padding: 18px 0 !important;
    }

    .tp-badge-grid article {
        min-height: 104px !important;
    }

    .tp-serp-wins,
    .tp-self-notes {
        width: calc(100% - 16px) !important;
        margin-inline: auto !important;
        padding: 0 !important;
    }
}

/* v1.14.5 final cascade: desktop profile/report tabs should feel like one app viewport */
@media (min-width: 1024px) and (min-height: 720px) {
    .tp-app-shell {
        padding-bottom: 0 !important;
    }

    .tp-app-screen[data-screen="dashboard"],
    .tp-app-screen[data-screen="profile"],
    .tp-app-screen[data-screen="path"] {
        gap: 10px !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-card {
        min-height: 126px !important;
        height: 126px !important;
        padding: 16px 18px !important;
        border-radius: 24px !important;
        gap: 7px !important;
        overflow: hidden !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-card--hero,
    .tp-app-screen[data-screen="profile"] .tp-profile-card--wide {
        grid-column: auto !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-card--visual {
        grid-column: span 2 !important;
        min-height: 220px !important;
        height: 220px !important;
        grid-template-columns: minmax(0, 1fr) 180px !important;
        align-items: center !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-showcase {
        grid-column: span 2 !important;
        min-height: 220px !important;
        height: 220px !important;
        grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr) !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-launch {
        display: none !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-hero-copy h2,
    .tp-app-screen[data-screen="profile"] .tp-profile-card h2 {
        font-size: clamp(22px, 2.2vw, 34px) !important;
        line-height: 1.22 !important;
        margin: 0 !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-card p {
        font-size: 12px !important;
        line-height: 1.75 !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-visual {
        transform: scale(.68) !important;
        transform-origin: center !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-bubbles,
    .tp-app-screen[data-screen="profile"] .tp-profile-actions {
        gap: 6px !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-bubbles span,
    .tp-app-screen[data-screen="profile"] .tp-profile-actions .tp-btn,
    .tp-app-screen[data-screen="profile"] .tp-profile-checks span {
        min-height: 34px !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    .tp-app-screen[data-screen="profile"] .tp-profile-checks {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .tp-app-screen[data-screen="dashboard"] .tp-dashboard-hero {
        min-height: 124px !important;
        padding: 16px 20px !important;
    }

    .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article,
    .tp-app-screen[data-screen="dashboard"] .tp-next-panel,
    .tp-app-screen[data-screen="dashboard"] .tp-history,
    .tp-app-screen[data-screen="dashboard"] .tp-empty {
        min-height: 78px !important;
        padding: 12px 16px !important;
        border-radius: 22px !important;
    }
}

/* v1.15.1 - final mobile profile showcase override, placed at EOF for cascade safety */
@media (max-width: 760px) {
    #tipeman-app .tp-profile-showcase {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        min-height: auto !important;
        height: auto !important;
        padding: 18px !important;
        overflow: hidden !important;
    }

    #tipeman-app .tp-profile-showcase > div:first-child {
        display: grid !important;
        justify-items: center !important;
        gap: 8px !important;
    }

    #tipeman-app .tp-profile-showcase h2 {
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1.35 !important;
    }

    #tipeman-app .tp-profile-showcase p {
        max-width: 290px !important;
        font-size: 12px !important;
        line-height: 1.8 !important;
    }

    #tipeman-app .tp-profile-showcase .tp-profile-checks {
        width: 100% !important;
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-mock {
        width: min(100%, 300px) !important;
        min-height: 154px !important;
        height: 154px !important;
        max-height: 154px !important;
        margin: 4px auto 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
        transform: none !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card {
        width: 30% !important;
        min-height: 132px !important;
        height: 132px !important;
        max-height: 132px !important;
        border-radius: 18px !important;
        padding: 10px !important;
        gap: 7px !important;
        box-shadow: 0 14px 34px rgba(8,27,58,.07), inset 0 1px rgba(255,255,255,.92) !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card--main {
        width: 38% !important;
        min-height: 154px !important;
        height: 154px !important;
        max-height: 154px !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card--side:first-child {
        transform: rotate(-4deg) translateX(-5px) scale(.92) !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card--side:last-child {
        transform: rotate(4deg) translateX(5px) scale(.92) !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card i {
        width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card strong {
        width: 72px !important;
        height: 72px !important;
        font-size: 25px !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card small {
        font-size: 10px !important;
    }

    #tipeman-app .tp-profile-showcase .tp-report-card span {
        height: 6px !important;
    }
}

/* v1.15.3 - final app header layout: mobile-style on desktop too */
#tipeman-app .tp-mobile-top {
    position: sticky !important;
    top: clamp(8px, 1.2vw, 16px) !important;
    min-height: clamp(58px, 5vw, 72px) !important;
    display: grid !important;
    grid-template-columns: 48px 48px minmax(0, 1fr) auto !important;
    grid-template-areas: "profile menu title brand" !important;
    align-items: center !important;
    gap: clamp(8px, 1vw, 12px) !important;
    width: 100% !important;
    padding: clamp(8px, 1vw, 12px) !important;
    border-radius: clamp(24px, 2.4vw, 34px) !important;
    direction: ltr !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.70), rgba(255,255,255,.30)),
        rgba(255,255,255,.34) !important;
    border-color: rgba(255,255,255,.78) !important;
    box-shadow: 0 12px 36px rgba(31,41,55,.055), inset 0 1px rgba(255,255,255,.78) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
}

#tipeman-app .tp-mobile-top > div:first-child {
    grid-area: title !important;
    min-width: 0 !important;
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
    justify-self: stretch !important;
    align-content: center !important;
    text-align: center !important;
    direction: rtl !important;
    pointer-events: none !important;
}

#tipeman-app .tp-mobile-top > div:first-child > span {
    display: none !important;
}

#tipeman-app .tp-mobile-top > div:first-child > strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--tp-ink) !important;
    font-size: clamp(14px, 4.1vw, 24px) !important;
    line-height: 1.18 !important;
    text-align: center !important;
}

#tipeman-app .tp-mobile-top .tp-app-name {
    grid-area: brand !important;
    width: auto !important;
    min-width: clamp(74px, 8vw, 106px) !important;
    height: clamp(42px, 4.5vw, 52px) !important;
    min-height: clamp(42px, 4.5vw, 52px) !important;
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 5px 9px 5px 12px !important;
    border-radius: 999px !important;
    direction: rtl !important;
    justify-self: end !important;
}

#tipeman-app .tp-mobile-top .tp-brand-mark--nav {
    width: clamp(34px, 4vw, 42px) !important;
    height: clamp(34px, 4vw, 42px) !important;
    border-radius: 14px !important;
}

#tipeman-app .tp-mobile-top .tp-app-name span {
    display: inline-flex !important;
    color: var(--tp-primary-dark) !important;
    font-size: clamp(12px, 1.4vw, 15px) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-mobile-top .tp-menu-trigger {
    grid-area: menu !important;
}

#tipeman-app .tp-mobile-top .tp-avatar,
#tipeman-app .tp-mobile-top .tp-avatar--profile {
    grid-area: profile !important;
}

#tipeman-app .tp-mobile-top .tp-menu-trigger,
#tipeman-app .tp-mobile-top .tp-avatar,
#tipeman-app .tp-mobile-top .tp-avatar--profile {
    width: clamp(42px, 4.5vw, 52px) !important;
    min-width: clamp(42px, 4.5vw, 52px) !important;
    height: clamp(42px, 4.5vw, 52px) !important;
    border-radius: clamp(15px, 1.4vw, 18px) !important;
    margin: 0 !important;
    justify-self: center !important;
}

/* v1.15.5 - side menu pinned to right, vertical logo lockup */
#tipeman-app .tp-side-menu {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(360px, calc(100vw - 18px)) !important;
    max-width: min(360px, calc(100vw - 18px)) !important;
    border-radius: 34px 0 0 34px !important;
    padding: 18px 18px 22px !important;
    display: grid !important;
    align-content: start !important;
    gap: 14px !important;
    border-right: 0 !important;
}

#tipeman-app .tp-side-menu__head {
    min-height: 132px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-areas: "close brand" !important;
    align-items: start !important;
    gap: 12px !important;
    margin: 0 0 6px !important;
    direction: ltr !important;
}

#tipeman-app .tp-side-menu__head button {
    grid-area: close !important;
    width: 42px !important;
    height: 42px !important;
    justify-self: start !important;
}

#tipeman-app .tp-side-menu__head .tp-brand-inline {
    grid-area: brand !important;
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    direction: rtl !important;
    text-align: center !important;
}

#tipeman-app .tp-side-menu__head .tp-brand-mark--inline {
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    display: block !important;
}

#tipeman-app .tp-side-menu__head .tp-brand-inline span {
    display: block !important;
    color: var(--tp-ink) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
}

#tipeman-app .tp-side-menu p {
    margin: -8px 0 12px !important;
    text-align: center !important;
}

#tipeman-app .tp-side-menu nav button {
    justify-content: flex-start !important;
    flex-direction: row-reverse !important;
    text-align: right !important;
}

/* v1.15.8 - hidden state must override the side-menu grid layout */
#tipeman-app .tp-side-menu.tp-hidden,
#tipeman-app .tp-side-overlay.tp-hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* v1.15.6 - path cards are real test entry buttons */
#tipeman-app .tp-badge-grid button {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .42)) !important;
    color: var(--tp-ink) !important;
    cursor: pointer !important;
    display: grid !important;
    align-content: center !important;
    justify-items: end !important;
    gap: 10px !important;
    font-family: inherit !important;
    text-align: right !important;
    width: 100% !important;
    min-height: 124px !important;
    min-width: 0 !important;
    padding: clamp(18px, 2.4vw, 28px) !important;
    border-radius: clamp(24px, 3vw, 34px) !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
    transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

#tipeman-app .tp-badge-grid button i {
    width: 54px !important;
    height: 54px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: rgba(123, 104, 238, .1) !important;
    color: var(--tp-primary) !important;
    font-size: 20px !important;
    pointer-events: none !important;
}

#tipeman-app .tp-badge-grid button strong {
    font-size: clamp(22px, 2vw, 32px) !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
}

#tipeman-app .tp-badge-grid button span {
    color: var(--tp-muted) !important;
    font-size: clamp(14px, 1.15vw, 18px) !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}

#tipeman-app .tp-badge-grid button:hover,
#tipeman-app .tp-badge-grid button:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(123, 104, 238, .34) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .55)) !important;
    outline: none !important;
}

#tipeman-app .tp-badge-grid button:active {
    transform: translateY(0) scale(.99) !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-badge-grid button {
        min-height: 104px !important;
        justify-items: center !important;
        text-align: center !important;
        padding: 18px 14px !important;
    }
}

/* v1.15.9 - desktop profile should breathe, not crop cards */
@media (min-width: 1024px) {
    #tipeman-app .tp-app-screen[data-screen="profile"] {
        gap: clamp(18px, 2vw, 28px) !important;
        padding-bottom: 120px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-grid {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: clamp(16px, 1.6vw, 24px) !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card {
        height: auto !important;
        min-height: 190px !important;
        overflow: visible !important;
        padding: clamp(24px, 2.4vw, 36px) !important;
        border-radius: clamp(28px, 2.8vw, 38px) !important;
        gap: clamp(12px, 1.3vw, 18px) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--visual {
        grid-column: span 4 !important;
        min-height: 360px !important;
        height: auto !important;
        grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr) !important;
        align-items: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--metric {
        grid-column: span 2 !important;
        min-height: 220px !important;
        align-content: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-showcase {
        grid-column: span 4 !important;
        min-height: 330px !important;
        height: auto !important;
        grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr) !important;
        align-items: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card h2,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-hero-copy h2 {
        font-size: clamp(34px, 3vw, 54px) !important;
        line-height: 1.28 !important;
        margin: 0 !important;
        white-space: normal !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--metric h2 {
        font-size: clamp(30px, 2.3vw, 42px) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card p {
        font-size: clamp(14px, 1vw, 17px) !important;
        line-height: 2 !important;
        max-width: 64ch !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-visual {
        transform: scale(.92) !important;
        transform-origin: center !important;
        min-height: 300px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-bubbles,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-actions,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-checks {
        gap: 10px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-bubbles span,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-actions .tp-btn,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-checks span {
        min-height: 50px !important;
        padding: 10px 14px !important;
        font-size: clamp(12px, .9vw, 15px) !important;
        line-height: 1.6 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-report-mock {
        min-height: 240px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-report-card,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-report-card--main {
        height: auto !important;
        max-height: none !important;
    }
}

/* v1.16.2 - desktop home quick choices as full-width stacked rows */
@media (min-width: 961px) {
    #tipeman-app .tp-home-choice-grid {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin: clamp(18px, 2vw, 28px) 0 0 !important;
    }

    #tipeman-app .tp-home-choice-grid button {
        width: 100% !important;
        min-height: 68px !important;
        display: grid !important;
        grid-template-columns: 54px minmax(110px, max-content) minmax(0, 1fr) !important;
        gap: 16px !important;
        align-items: center !important;
        justify-items: start !important;
        padding: 12px 18px !important;
        border-radius: 24px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-home-choice-grid i {
        width: 44px !important;
        height: 44px !important;
        border-radius: 16px !important;
        font-size: 17px !important;
        justify-self: center !important;
    }

    #tipeman-app .tp-home-choice-grid strong {
        font-size: clamp(18px, 1.35vw, 23px) !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
    }

    #tipeman-app .tp-home-choice-grid span {
        width: 100% !important;
        font-size: clamp(13px, .95vw, 16px) !important;
        line-height: 1.45 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: right !important;
    }
}

/* v1.16.0 - remove heavy dashboard background haze */
#tipeman-app .tp-dashboard {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] :where(.tp-dashboard-hero, .tp-dashboard-stats article, .tp-next-panel, .tp-history, .tp-empty) {
    box-shadow: inset 0 1px rgba(255,255,255,.86) !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] :where(.tp-dashboard-hero, .tp-next-panel)::before,
#tipeman-app .tp-app-screen[data-screen="dashboard"] :where(.tp-dashboard-hero, .tp-next-panel)::after,
#tipeman-app .tp-dashboard::before,
#tipeman-app .tp-dashboard::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    filter: none !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats,
#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-hero,
#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel,
#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history,
#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-empty {
    background:
        linear-gradient(145deg, rgba(255,255,255,.66), rgba(255,255,255,.34)),
        rgba(255,255,255,.28) !important;
    border-color: rgba(255,255,255,.66) !important;
}

/* v1.16.10 - unified app shell nav + blog cards across static pages */
#tipeman-app {
    display: flex !important;
    flex-direction: column !important;
}

#tipeman-app .tp-bottom-nav,
#tipeman-app .tp-bottom-nav--links {
    position: fixed !important;
    right: 50% !important;
    bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important;
    z-index: 80 !important;
    transform: translateX(-50%) !important;
    width: min(1180px, calc(100% - 22px)) !important;
    max-width: 690px !important;
    height: auto !important;
    min-height: 72px !important;
    margin: 0 auto !important;
    padding: 7px !important;
    border-radius: 28px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 7px !important;
    border: 1px solid var(--tp-glass-border) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58)),
        rgba(255,255,255,.78) !important;
    backdrop-filter: var(--tp-blur) !important;
    -webkit-backdrop-filter: var(--tp-blur) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

#tipeman-app .tp-bottom-nav::-webkit-scrollbar,
#tipeman-app .tp-bottom-nav--links::-webkit-scrollbar {
    display: none !important;
}

#tipeman-app .tp-bottom-nav > *,
#tipeman-app .tp-bottom-nav--links > * {
    flex: 1 1 0 !important;
    min-width: 120px !important;
    width: auto !important;
    scroll-snap-align: start !important;
}

#tipeman-app .tp-bottom-nav button,
#tipeman-app .tp-bottom-nav a,
#tipeman-app .tp-bottom-nav a.tp-bottom-nav-link,
#tipeman-app .tp-bottom-nav--links a,
#tipeman-app .tp-bottom-nav--links button {
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.9) !important;
    min-height: 56px !important;
    height: 100% !important;
    padding: 5px 2px !important;
    display: grid !important;
    place-items: center !important;
    gap: 4px !important;
    color: var(--tp-ink) !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, color .2s ease !important;
}

#tipeman-app .tp-bottom-nav button span,
#tipeman-app .tp-bottom-nav a span,
#tipeman-app .tp-bottom-nav--links a span,
#tipeman-app .tp-bottom-nav--links button span {
    font-size: 18px !important;
    line-height: 1 !important;
}

#tipeman-app .tp-bottom-nav button.is-active,
#tipeman-app .tp-bottom-nav a.is-active,
#tipeman-app .tp-bottom-nav--links a.is-active,
#tipeman-app .tp-bottom-nav--links button.is-active {
    background: linear-gradient(135deg, #342c8f, #6757e8) !important;
    color: #fff !important;
    box-shadow: 0 16px 38px rgba(103,87,232,.22) !important;
}

@media (max-width: 620px) {
    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links {
        width: calc(100% - 16px) !important;
        max-width: none !important;
        gap: 5px !important;
        padding: 6px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-bottom-nav > *,
    #tipeman-app .tp-bottom-nav--links > * {
        min-width: 104px !important;
    }

    #tipeman-app .tp-bottom-nav button,
    #tipeman-app .tp-bottom-nav a,
    #tipeman-app .tp-bottom-nav--links a,
    #tipeman-app .tp-bottom-nav--links button {
        min-height: 58px !important;
        border-radius: 20px !important;
        padding: 4px 2px !important;
        font-size: 10px !important;
    }
}

@media (min-width: 1100px) {
    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links {
        max-width: 780px !important;
        padding: 8px !important;
        border-radius: 32px !important;
    }
}

#tipeman-app .tp-blog-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 16px !important;
}

#tipeman-app .tp-blog-card {
    border-radius: 26px !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.46)),
        rgba(255,255,255,.60) !important;
    box-shadow: var(--tp-shadow) !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    min-height: 280px !important;
}

#tipeman-app .tp-blog-card__image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255,255,255,.75) !important;
}

#tipeman-app .tp-blog-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

#tipeman-app .tp-blog-card__fallback {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    display: grid !important;
    place-items: center !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.52)) !important;
    color: #342c8f !important;
    font-size: 48px !important;
}

#tipeman-app .tp-blog-card > div,
#tipeman-app .tp-blog-card > h3,
#tipeman-app .tp-blog-card > p,
#tipeman-app .tp-blog-card > a {
    padding: 0 16px !important;
}

#tipeman-app .tp-blog-card h3 {
    margin: 14px 0 8px !important;
    font-size: clamp(18px, 2vw, 28px) !important;
    line-height: 1.38 !important;
}

#tipeman-app .tp-blog-card h3 a {
    text-decoration: none !important;
    color: inherit !important;
}

#tipeman-app .tp-blog-card p {
    margin: 0 !important;
    color: var(--tp-muted) !important;
    line-height: 1.95 !important;
    font-size: 14px !important;
}

#tipeman-app .tp-blog-card .tp-btn {
    margin: 16px 14px 16px !important;
    justify-self: start !important;
}

#tipeman-app .tp-seo-content--blog {
    width: 100% !important;
    display: grid !important;
    gap: 14px !important;
}

#tipeman-app .tp-seo-content--blog p,
#tipeman-app .tp-seo-content p,
#tipeman-app .tp-seo-content--test-article p {
    line-height: 2.1 !important;
    max-width: 72ch !important;
}

@media (max-width: 980px) {
    #tipeman-app .tp-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #tipeman-app .tp-blog-card {
        min-height: 0 !important;
    }
}

@media (max-width: 680px) {
    #tipeman-app .tp-blog-grid {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-blog-card {
        border-radius: 22px !important;
    }
}
/* Shared app footer + accessibility utility */
.tp-skip {
    position: absolute;
    inset-inline-start: 1rem;
    top: 0.5rem;
    z-index: 1000;
    background: var(--tp-glass-strong);
    color: var(--tp-ink);
    border: 1px solid var(--tp-glass-border);
    padding: 0.5rem 0.8rem;
    border-radius: 999px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transform: translateY(-200%);
    transition: transform .25s ease;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.tp-skip:focus {
    transform: translateY(0);
}

.tp-site-footer {
    position: relative;
    margin: 16px auto 0;
    width: min(1100px, 100% - 28px);
    padding: 18px 18px 22px;
    color: #172138;
    border: 1px solid var(--tp-glass-border);
    background: linear-gradient(150deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .48));
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 22px;
}

.tp-site-footer__inner {
    display: grid;
    gap: 12px;
}

.tp-site-footer__inner > div:first-child strong {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.tp-site-footer__inner > div:first-child p {
    margin: 0;
    font-size: 12px;
    color: rgba(19, 28, 53, .72);
}

.tp-site-footer nav,
.tp-site-footer__mini {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tp-site-footer nav a,
.tp-site-footer__mini a {
    color: #1a284a;
    text-decoration: none;
    background: rgba(255, 255, 255, .58);
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 999px;
    padding: 8px 12px;
    font-weight: 800;
    font-size: 12px;
}

.tp-site-footer__mini {
    margin-top: 2px;
}

.tp-site-footer__seal {
    margin-top: 4px;
    justify-self: start;
}

.tp-site-footer__seal a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: 1px solid var(--tp-glass-border);
    background: rgba(255, 255, 255, .6);
    padding: 6px 10px;
}

.tp-site-footer__seal img {
    max-width: 110px;
    height: auto;
    width: auto;
    display: block;
}

.tp-site-footer span {
    justify-self: start;
    font-size: 12px;
    color: rgba(23, 33, 61, .73);
}

@media (max-width: 768px) {
    .tp-site-footer {
        width: min(1100px, calc(100vw - 20px));
        border-radius: 18px;
        margin-top: 12px;
        padding: 14px;
    }

    .tp-site-footer nav,
    .tp-site-footer__mini {
        gap: 6px;
    }
}

/* Launch polish: desktop pages are full width and document-scrollable */
@media (min-width: 1025px) {
    :root {
        --tp-app-max: 100% !important;
    }

    html,
    body {
        height: auto !important;
    }

    body:not(.wp-admin) {
        min-height: 100vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    #tipeman-app.tp-app-shell {
        width: 100% !important;
        max-width: none !important;
        min-height: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        margin: 0 auto !important;
        padding-inline: clamp(12px, 1.8vw, 28px) !important;
        box-sizing: border-box !important;
    }

    #tipeman-app .tp-app-screen,
    #tipeman-app .tp-app-screen:not([data-screen="home"]),
    #tipeman-app .tp-app-screen[data-screen="home"] {
        width: 100% !important;
        max-width: none !important;
        min-height: auto !important;
        height: auto !important;
    }

    #tipeman-app .tp-app-screen:not([data-screen="home"]) > :where(.tp-marketplace, .tp-dashboard, .tp-path-shell, .tp-profile-grid, .tp-product, .tp-report, .tp-panel, [data-tests], [data-product], [data-quiz], [data-result], [data-dashboard], [data-profile-panel]) {
        width: 100% !important;
        max-width: none !important;
    }

    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links {
        width: min(100% - 24px, 1680px) !important;
        max-width: none !important;
    }
}

/* v1.16.11 - checkout page must use the same app shell as the main experience. */
#tipeman-app.tp-commerce-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: 100svh !important;
    padding: clamp(10px, 1.6vw, 22px) clamp(10px, 1.8vw, 28px) 120px !important;
    background: transparent !important;
}

#tipeman-app.tp-commerce-shell .tp-app-screen {
    width: min(100%, 980px) !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 16px !important;
}

#tipeman-app.tp-commerce-shell .tp-mobile-top {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    top: 10px !important;
    border-radius: 30px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.56)),
        rgba(255,255,255,.74) !important;
    border-color: rgba(255,255,255,.82) !important;
    box-shadow: 0 22px 58px rgba(48,39,31,.10), inset 0 1px rgba(255,255,255,.90) !important;
}

#tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    border-radius: 34px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.46)),
        rgba(255,255,255,.62) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 22px 58px rgba(48,39,31,.09), inset 0 1px rgba(255,255,255,.92) !important;
    color: var(--tp-ink) !important;
    overflow: hidden !important;
}

#tipeman-app.tp-commerce-shell :where(.wc-block-checkout, .wc-block-components-main, .wc-block-components-sidebar, .wp-block-woocommerce-checkout, .wp-block-woocommerce-checkout-order-summary-block, .wc-block-components-checkout-order-summary, .wc-block-components-order-summary) {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary {
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.54)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.94), 0 14px 34px rgba(48,39,31,.06) !important;
    overflow: hidden !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary__title,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-item,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-wrapper,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-footer-item,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    color: #17213d !important;
    overflow: hidden !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary__title,
#tipeman-app.tp-commerce-shell .wc-block-components-title {
    font-size: clamp(18px, 2vw, 24px) !important;
    line-height: 1.45 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-totals-item__label,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-item__value,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__total-price,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__description,
#tipeman-app.tp-commerce-shell .wc-block-formatted-money-amount {
    min-width: 0 !important;
    max-width: 100% !important;
    color: #17213d !important;
    font-size: clamp(17px, 2.3vw, 28px) !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-button,
#tipeman-app.tp-commerce-shell button[type="submit"] {
    background: linear-gradient(135deg, var(--tp-primary-dark), var(--tp-primary)) !important;
    box-shadow: 0 18px 42px rgba(93,73,223,.22), inset 0 1px rgba(255,255,255,.24) !important;
}

#tipeman-app.tp-commerce-shell .tp-bottom-nav,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(680px, calc(100% - 18px)) !important;
    max-width: 680px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    z-index: 90 !important;
}

#tipeman-app.tp-commerce-shell .tp-bottom-nav > *,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links > * {
    min-width: 0 !important;
}

@media (max-width: 620px) {
    #tipeman-app.tp-commerce-shell {
        padding: 0 0 104px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-app-screen {
        width: 100% !important;
        padding: 0 8px !important;
        gap: 10px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top {
        max-width: none !important;
        top: 0 !important;
        border-radius: 0 0 26px 26px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-commerce-card {
        border-radius: 28px !important;
        padding: 14px !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary__title,
    #tipeman-app.tp-commerce-shell .wc-block-components-title {
        font-size: 18px !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-totals-item__label,
    #tipeman-app.tp-commerce-shell .wc-block-components-totals-item__value,
    #tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__total-price,
    #tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__description,
    #tipeman-app.tp-commerce-shell .wc-block-formatted-money-amount {
        font-size: 20px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-bottom-nav,
    #tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
        width: calc(100% - 14px) !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 5px !important;
        padding: 6px !important;
    }
}

/* v1.16.15 - final mobile home restore, intentionally last. */
@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"] {
        gap: 14px !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] :where(.tp-home-hero, .tp-home-info-section, .tp-home-info-section--split) {
        width: calc(100% - 18px) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto 14px !important;
        padding: 18px 14px !important;
        overflow: visible !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        align-items: start !important;
        justify-items: center !important;
        text-align: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero {
        padding-top: 20px !important;
        border-radius: 28px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] :where(.tp-home-copy, .tp-home-hero > *, .tp-home-info-section > *) {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: grid !important;
        gap: 12px !important;
        transform: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] :where(.tp-kicker, h1, h2, h3, p, strong, span, i) {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h2 {
        margin: 0 0 8px !important;
        color: var(--tp-ink) !important;
        font-size: clamp(28px, 9vw, 38px) !important;
        line-height: 1.25 !important;
        text-align: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin: 4px 0 0 !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid button {
        width: 100% !important;
        min-height: 104px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-content: center !important;
        justify-items: center !important;
        gap: 6px !important;
        padding: 12px 8px !important;
        border-radius: 22px !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-info-section h2 {
        margin: 0 !important;
        color: var(--tp-ink) !important;
        font-size: clamp(22px, 7vw, 30px) !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-info-section p {
        margin: 0 !important;
        color: var(--tp-muted) !important;
        font-size: 13px !important;
        line-height: 1.9 !important;
        text-align: center !important;
    }
}

/* v1.16.17 - emergency clean mobile home: prevent section overlap. */
@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"],
    #tipeman-app .tp-app-screen[data-screen="home"] *,
    #tipeman-app .tp-app-screen[data-screen="home"] *::before,
    #tipeman-app .tp-app-screen[data-screen="home"] *::after {
        contain: none !important;
        content-visibility: visible !important;
        contain-intrinsic-size: auto !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-hero-art,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-info-section {
        display: none !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero {
        width: calc(100% - 18px) !important;
        min-height: 820px !important;
        height: auto !important;
        max-height: none !important;
        display: block !important;
        padding: 22px 14px !important;
        margin: 0 auto 18px !important;
        overflow: visible !important;
        border-radius: 28px !important;
        background:
            linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.46)),
            rgba(255,255,255,.58) !important;
        border: 1px solid rgba(255,255,255,.82) !important;
        box-shadow: 0 18px 46px rgba(48,39,31,.08), inset 0 1px rgba(255,255,255,.9) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: grid !important;
        gap: 12px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid {
        width: 100% !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin: 8px 0 0 !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid button {
        min-height: 112px !important;
        height: auto !important;
    }
}

/* v1.16.19 - real last rule: keep app bottom nav centered. */
#tipeman-app .tp-bottom-nav,
#tipeman-app .tp-bottom-nav--links,
.tp-app-shell .tp-bottom-nav,
.tp-app-shell .tp-bottom-nav--links {
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(760px, calc(100% - 18px)) !important;
    max-width: 760px !important;
    min-height: 72px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 7px !important;
    overflow: hidden !important;
    z-index: 100 !important;
}

#tipeman-app .tp-bottom-nav > *,
#tipeman-app .tp-bottom-nav--links > *,
.tp-app-shell .tp-bottom-nav > *,
.tp-app-shell .tp-bottom-nav--links > * {
    min-width: 0 !important;
    width: 100% !important;
    flex: 1 1 0 !important;
}

#tipeman-app .tp-bottom-nav button,
#tipeman-app .tp-bottom-nav a,
#tipeman-app .tp-bottom-nav--links button,
#tipeman-app .tp-bottom-nav--links a,
.tp-app-shell .tp-bottom-nav button,
.tp-app-shell .tp-bottom-nav a,
.tp-app-shell .tp-bottom-nav--links button,
.tp-app-shell .tp-bottom-nav--links a {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 58px !important;
    border-radius: 20px !important;
    padding: 5px 2px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
}

@media (max-width: 620px) {
    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links,
    .tp-app-shell .tp-bottom-nav,
    .tp-app-shell .tp-bottom-nav--links {
        width: calc(100% - 14px) !important;
        max-width: none !important;
        gap: 5px !important;
        padding: 6px !important;
        border-radius: 24px !important;
    }
}
/* v1.16.23 - absolute final live override: document scroll stays global. */
html,
body,
body.tp-focus-mode,
body.tp-app-locked {
    min-height: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
}

#tipeman-app,
#tipeman-app.tp-app,
#tipeman-app.tp-app-shell {
    min-height: 100vh !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
    position: relative !important;
    width: min(100%, 1480px) !important;
    max-width: 1480px !important;
    margin-inline: auto !important;
    padding-bottom: 118px !important;
}

#tipeman-app .tp-app-screen,
#tipeman-app .tp-app-screen:not([data-screen="home"]),
#tipeman-app .tp-app-screen[data-screen="home"] {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
    position: relative !important;
}

#tipeman-app .tp-app-screen.tp-hidden {
    display: none !important;
}

#tipeman-app :where(.tp-marketplace, .tp-dashboard, .tp-path-shell, .tp-profile-grid, .tp-product, .tp-report, .tp-panel, [data-tests], [data-product], [data-quiz], [data-result], [data-dashboard], [data-profile-panel]) {
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
}

#tipeman-app .tp-mobile-top {
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    margin: 0 auto 28px !important;
}

#tipeman-app .tp-side-menu nav a,
#tipeman-app .tp-bottom-nav a {
    text-decoration: none !important;
}

@media (min-width: 1024px) {
    #tipeman-app,
    #tipeman-app.tp-app,
    #tipeman-app.tp-app-shell {
        width: min(calc(100% - 28px), 1480px) !important;
        padding-top: 28px !important;
    }

    #tipeman-app .tp-app-screen:not([data-screen="home"]) {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 760px) {
    #tipeman-app,
    #tipeman-app.tp-app,
    #tipeman-app.tp-app-shell {
        width: 100% !important;
        max-width: none !important;
        padding: 10px 7px 110px !important;
    }

    #tipeman-app .tp-app-screen {
        width: 100% !important;
    }

    #tipeman-app .tp-mobile-top {
        margin-bottom: 18px !important;
    }
}

/* v1.16.25 - final logo-first launch loader. */
#tipeman-app .tp-app-loader,
.tp-app-loader {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: grid !important;
    place-items: center !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.82), rgba(248,248,250,.58) 36%, rgba(235,228,216,.82) 100%),
        linear-gradient(145deg, rgba(255,255,255,.52), rgba(245,241,233,.76)) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}

#tipeman-app .tp-app-loader .tp-loader-card,
.tp-app-loader .tp-loader-card {
    width: 156px !important;
    height: 156px !important;
    min-width: 156px !important;
    padding: 16px !important;
    border-radius: 42px !important;
    display: grid !important;
    place-items: center !important;
    gap: 0 !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.48)),
        rgba(255,255,255,.54) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow:
        0 28px 70px rgba(31,41,55,.14),
        0 0 0 10px rgba(255,255,255,.18),
        inset 0 1px rgba(255,255,255,.96) !important;
    overflow: visible !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::before,
#tipeman-app .tp-app-loader .tp-loader-card::after,
.tp-app-loader .tp-loader-card::before,
.tp-app-loader .tp-loader-card::after {
    content: "" !important;
    position: absolute !important;
    inset: -14px !important;
    border-radius: 52px !important;
    pointer-events: none !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::before,
.tp-app-loader .tp-loader-card::before {
    border: 1px solid rgba(255,255,255,.48) !important;
    animation: tp-loader-ring 1.9s ease-in-out infinite !important;
}

#tipeman-app .tp-app-loader .tp-loader-card::after,
.tp-app-loader .tp-loader-card::after {
    inset: auto 18px -24px !important;
    height: 22px !important;
    background: radial-gradient(ellipse, rgba(46,75,53,.18), transparent 68%) !important;
    filter: blur(6px) !important;
}

#tipeman-app .tp-app-loader .tp-brand-mark--loader,
.tp-app-loader .tp-brand-mark--loader {
    width: 96px !important;
    height: 96px !important;
    border-radius: 28px !important;
    object-fit: contain !important;
    margin: 0 !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow:
        0 18px 44px rgba(31,41,55,.10),
        inset 0 1px rgba(255,255,255,.96) !important;
    animation: tp-loader-logo-breathe 1.7s ease-in-out infinite !important;
}

#tipeman-app .tp-app-loader .tp-loader-card strong,
#tipeman-app .tp-app-loader .tp-loader-card span,
.tp-app-loader .tp-loader-card strong,
.tp-app-loader .tp-loader-card span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

@keyframes tp-loader-ring {
    0%, 100% {
        opacity: .42;
        transform: scale(.96);
    }
    50% {
        opacity: .9;
        transform: scale(1.03);
    }
}

@media (max-width: 760px) {
    #tipeman-app .tp-app-loader .tp-loader-card,
    .tp-app-loader .tp-loader-card {
        width: 132px !important;
        height: 132px !important;
        min-width: 132px !important;
        border-radius: 36px !important;
    }

    #tipeman-app .tp-app-loader .tp-brand-mark--loader,
    .tp-app-loader .tp-brand-mark--loader {
        width: 82px !important;
        height: 82px !important;
        border-radius: 24px !important;
    }
}

/* checkout-zibal-2 - final override loaded after all legacy checkout rules. */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-content {
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden !important;
}

#tipeman-app.tp-commerce-shell {
    width: 100% !important;
    max-width: none !important;
    padding-inline: clamp(14px, 2.4vw, 34px) !important;
}

#tipeman-app.tp-commerce-shell .tp-app-screen,
#tipeman-app.tp-commerce-shell .tp-mobile-top,
#tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: 100% !important;
    max-width: 1280px !important;
}

#tipeman-app.tp-commerce-shell .tp-commerce-card {
    padding: clamp(18px, 2.2vw, 34px) !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout,
#tipeman-app.tp-commerce-shell .wc-block-checkout,
#tipeman-app.tp-commerce-shell .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
    gap: clamp(18px, 2.5vw, 32px) !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-main,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-fields-block {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    float: none !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary__title,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-item,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-wrapper,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-footer-item,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item {
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-totals-item__label,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-item__value,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__total-price,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__description,
#tipeman-app.tp-commerce-shell .wc-block-formatted-money-amount {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    font-size: clamp(15px, 1.35vw, 20px) !important;
    line-height: 1.8 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary__title,
#tipeman-app.tp-commerce-shell .wc-block-components-title {
    white-space: normal !important;
    font-size: clamp(20px, 2vw, 28px) !important;
}

@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell {
        padding-inline: 10px !important;
    }

    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar-layout {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-main,
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-fields-block,
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block {
        grid-column: 1 !important;
    }
}

/* checkout-zibal-3 - fix RTL grid column inversion in Woo Blocks. */
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout,
#tipeman-app.tp-commerce-shell .wc-block-checkout,
#tipeman-app.tp-commerce-shell .wc-block-components-sidebar-layout {
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-main,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-fields-block,
#tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block {
    direction: rtl !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-main,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-fields-block {
    grid-column: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    flex-basis: auto !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    flex-basis: auto !important;
}

@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar-layout {
        direction: rtl !important;
        grid-template-columns: 1fr !important;
    }
}

/* checkout-zibal-4 - make Woo sidebar-layout span the full checkout grid. */
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout > .wc-block-components-sidebar-layout,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout > .wc-block-checkout,
#tipeman-app.tp-commerce-shell .wc-block-checkout > .wc-block-components-sidebar-layout {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout > .wc-block-components-notices {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout > .wc-block-components-sidebar-layout,
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout > .wc-block-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-checkout > .wc-block-components-sidebar-layout {
        grid-column: 1 !important;
    }
}

/* checkout-zibal-5 - force mobile Woo checkout into a clean single column. */
@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-checkout,
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        direction: rtl !important;
        width: 100% !important;
        max-width: none !important;
        gap: 16px !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-main,
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-fields-block,
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
    #tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block,
    #tipeman-app.tp-commerce-shell .wc-block-components-form,
    #tipeman-app.tp-commerce-shell .wc-block-checkout__form {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-address-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }
}

/* cart-collapse-1 - linked app header and compact cart affordance. */
#tipeman-app .tp-mobile-title,
#tipeman-app .tp-app-name,
.tp-mobile-title,
.tp-app-name {
    text-decoration: none !important;
}

#tipeman-app .tp-mobile-title {
    color: inherit !important;
}

#tipeman-app .tp-mobile-title:focus-visible,
#tipeman-app .tp-app-name:focus-visible {
    outline: 3px solid rgba(93,73,223,.26) !important;
    outline-offset: 4px !important;
    border-radius: 20px !important;
}

#tipeman-app .tp-header-auth-link,
.tp-header-auth-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.42)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92), 0 10px 24px rgba(8,27,58,.055) !important;
    color: #10254c !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
}

#tipeman-app .tp-header-auth-link i,
.tp-header-auth-link i {
    font-size: 11px !important;
}

#tipeman-app .tp-side-menu__auth,
.tp-side-menu__auth {
    margin-top: 8px !important;
    border-top: 1px solid rgba(8,27,58,.08) !important;
}

/* cart-collapse-2 - topbar title is now a home link but keeps the old layout. */
#tipeman-app .tp-mobile-top > .tp-mobile-title,
.tp-mobile-top > .tp-mobile-title {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
    color: inherit !important;
}

#tipeman-app .tp-mobile-top > .tp-mobile-title > span,
.tp-mobile-top > .tp-mobile-title > span {
    color: var(--tp-primary) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

#tipeman-app .tp-mobile-top > .tp-mobile-title > strong,
.tp-mobile-top > .tp-mobile-title > strong {
    color: var(--tp-ink) !important;
    font-size: clamp(18px, 2vw, 26px) !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-mobile-top,
    .tp-mobile-top {
        grid-template-columns: auto auto minmax(0, 1fr) auto !important;
        grid-template-areas: "menu auth spacer brand" !important;
        align-items: center !important;
    }

    #tipeman-app .tp-mobile-top .tp-menu-trigger,
    .tp-mobile-top .tp-menu-trigger {
        grid-area: menu !important;
    }

    #tipeman-app .tp-mobile-top .tp-app-name,
    .tp-mobile-top .tp-app-name {
        grid-area: brand !important;
    }

    #tipeman-app .tp-mobile-top .tp-header-auth-link,
    .tp-mobile-top .tp-header-auth-link {
        grid-area: auth !important;
        justify-self: start !important;
    }

    #tipeman-app .tp-header-auth-link,
    .tp-header-auth-link {
        min-height: 31px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
    }

    #tipeman-app .tp-mobile-top > .tp-mobile-title > span,
    .tp-mobile-top > .tp-mobile-title > span {
        display: none !important;
    }

    #tipeman-app .tp-mobile-top > .tp-mobile-title > strong,
    .tp-mobile-top > .tp-mobile-title > strong {
        font-size: clamp(15px, 4.6vw, 20px) !important;
        max-width: 44vw !important;
    }
}

@media (min-width: 761px) {
    #tipeman-app .tp-mobile-top,
    .tp-mobile-top {
        grid-template-columns: auto 62px 62px minmax(0, 1fr) auto !important;
        grid-template-areas: "auth profile menu title brand" !important;
    }

    #tipeman-app .tp-mobile-top > .tp-mobile-title,
    .tp-mobile-top > .tp-mobile-title {
        grid-area: title !important;
    }

    #tipeman-app .tp-mobile-top .tp-app-name,
    .tp-mobile-top .tp-app-name {
        grid-area: brand !important;
    }

    #tipeman-app .tp-mobile-top .tp-menu-trigger,
    .tp-mobile-top .tp-menu-trigger {
        grid-area: menu !important;
    }

    #tipeman-app .tp-mobile-top .tp-avatar,
    #tipeman-app .tp-mobile-top .tp-avatar--profile,
    .tp-mobile-top .tp-avatar,
    .tp-mobile-top .tp-avatar--profile {
        grid-area: profile !important;
    }

    #tipeman-app .tp-mobile-top .tp-header-auth-link,
    .tp-mobile-top .tp-header-auth-link {
        grid-area: auth !important;
        justify-self: start !important;
    }
}

/* checkout-polish-1 - remove duplicate mobile order summary and polish Woo blocks. */
#tipeman-app.tp-commerce-shell .wc-block-components-text-input input,
#tipeman-app.tp-commerce-shell .wc-block-components-combobox input,
#tipeman-app.tp-commerce-shell input[type="text"],
#tipeman-app.tp-commerce-shell input[type="email"],
#tipeman-app.tp-commerce-shell input[type="tel"] {
    min-height: 54px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(8,27,58,.10) !important;
    background: rgba(255,255,255,.70) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.96), 0 10px 24px rgba(8,27,58,.035) !important;
    color: #081b3a !important;
    font-size: 15px !important;
    font-weight: 850 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-radio-control,
#tipeman-app.tp-commerce-shell .wc-block-components-radio-control-accordion-option,
#tipeman-app.tp-commerce-shell .wc-block-components-radio-control__option {
    border: 0 !important;
    outline: 0 !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.46)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.94), 0 14px 34px rgba(8,27,58,.055) !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-radio-control__input {
    accent-color: #5f4ce2 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-radio-control__label,
#tipeman-app.tp-commerce-shell .wc-block-components-radio-control-accordion-content {
    color: #081b3a !important;
    font-weight: 900 !important;
    line-height: 1.8 !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block,
#tipeman-app.tp-commerce-shell .wc-block-components-checkout-order-summary,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary,
#tipeman-app.tp-commerce-shell .checkout-order-summary-block-fill-wrapper {
    border-radius: 28px !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-panel__button,
#tipeman-app.tp-commerce-shell .wc-block-components-totals-coupon__button {
    color: #5f4ce2 !important;
    font-weight: 950 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-totals-coupon__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-totals-coupon__form .wc-block-components-text-input {
    margin: 0 !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-totals-coupon__form button {
    min-height: 50px !important;
    padding-inline: 20px !important;
    border-radius: 18px !important;
}

#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__quantity,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__image,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary-item__total-price-label {
    display: none !important;
}

@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar.wc-block-checkout__sidebar {
        display: none !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-checkout__actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    #tipeman-app.tp-commerce-shell .checkout-order-summary-block-fill-wrapper {
        order: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(255,255,255,.82) !important;
        background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.50)) !important;
        box-shadow: inset 0 1px rgba(255,255,255,.94), 0 16px 38px rgba(8,27,58,.06) !important;
        overflow: hidden !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-checkout__actions_row {
        order: 2 !important;
        width: 100% !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-checkout-step__title,
    #tipeman-app.tp-commerce-shell .wc-block-components-title {
        font-size: 21px !important;
        text-align: center !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-totals-coupon__form {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app.tp-commerce-shell .wc-block-components-totals-coupon__form button,
    #tipeman-app.tp-commerce-shell .wc-block-components-button,
    #tipeman-app.tp-commerce-shell button[type="submit"] {
        width: 100% !important;
    }
}

/* cart-checkout-sticky-1 - polished cart page and stable sticky checkout chrome. */
#tipeman-app.tp-commerce-shell .tp-mobile-top {
    z-index: 120 !important;
}

#tipeman-app.tp-commerce-shell .tp-bottom-nav,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    z-index: 140 !important;
}

@media (min-width: 901px) {
    #tipeman-app.tp-commerce-shell .wc-block-components-sidebar.wc-block-checkout__sidebar {
        position: sticky !important;
        top: 116px !important;
        align-self: start !important;
    }
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block {
    display: grid !important;
    justify-items: center !important;
    gap: 18px !important;
    padding: clamp(28px, 4vw, 56px) !important;
    min-height: 260px !important;
    text-align: center !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.48)) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.96), 0 18px 48px rgba(8,27,58,.07) !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block p,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block h2 {
    color: #081b3a !important;
    font-family: inherit !important;
    letter-spacing: 0 !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::after {
    content: "برای شروع، یک تست را از کتابخانه انتخاب کن." !important;
    display: block !important;
    margin-top: 12px !important;
    color: rgba(8,27,58,.58) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.9 !important;
}

#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block::after {
    content: "رفتن به تست‌ها" !important;
    display: inline-grid !important;
    place-items: center !important;
    min-height: 50px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(145deg, #102b58, #071c3a) !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 36px rgba(8,27,58,.16) !important;
}

#tipeman-app.tp-commerce-shell .wc-block-cart__empty-cart__title.with-empty-cart-icon::before,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block .wp-block-separator,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block .wp-block-heading,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block .wc-block-grid {
    display: none !important;
}

@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell .tp-mobile-top {
        position: sticky !important;
        top: 8px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-commerce-card {
        padding-bottom: 18px !important;
    }
}

/* cart-checkout-sticky-2 - force commerce bottom nav to viewport and show empty-cart copy. */
body.woocommerce-cart,
body.woocommerce-checkout {
    padding-bottom: 112px !important;
}

body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-bottom-nav,
body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-bottom-nav--links,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-bottom-nav,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    position: fixed !important;
    top: auto !important;
    right: 50vw !important;
    left: auto !important;
    bottom: 12px !important;
    transform: translateX(50%) !important;
    width: min(680px, calc(100vw - 18px)) !important;
    max-width: 680px !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-commerce-card::before {
    content: "سبد تست تو فعلاً خالی است." !important;
    display: grid !important;
    place-items: center !important;
    min-height: 120px !important;
    margin: 0 0 14px !important;
    padding: 22px !important;
    border-radius: 26px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.48)) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    color: #081b3a !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    font-weight: 950 !important;
    text-align: center !important;
    box-shadow: inset 0 1px rgba(255,255,255,.96), 0 14px 38px rgba(8,27,58,.06) !important;
}

body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-commerce-card::after {
    content: "برای استفاده از کد تخفیف، اول یک تست را انتخاب کن و بعد وارد پرداخت شو." !important;
    display: block !important;
    margin: -84px auto 34px !important;
    max-width: 520px !important;
    color: rgba(8,27,58,.60) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.9 !important;
    text-align: center !important;
    pointer-events: none !important;
}

body.woocommerce-cart #tipeman-app.tp-commerce-shell .wp-block-woocommerce-empty-cart-block {
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    body.woocommerce-cart,
    body.woocommerce-checkout {
        padding-bottom: 104px !important;
    }

    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-bottom-nav,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-bottom-nav--links,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-bottom-nav,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
        width: calc(100vw - 14px) !important;
        bottom: 7px !important;
    }

    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-commerce-card::after {
        margin-top: -76px !important;
        padding-inline: 16px !important;
    }
}

/* cart-icon-mobile-2 - final override after legacy mobile/app rules. */
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    position: fixed !important;
    left: max(14px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    grid-template-columns: 1fr !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #102b58, #061b38) !important;
    color: #fff !important;
    box-shadow: 0 16px 38px rgba(8,27,58,.20), inset 0 1px rgba(255,255,255,.30) !important;
    z-index: 9998 !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed i {
    color: #fff !important;
    font-size: 23px !important;
    line-height: 1 !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed :where(.tp-floating-cart__icon, .tp-floating-cart__copy, .tp-floating-cart__pay, .tp-floating-cart__close) {
    display: none !important;
}

#tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
    left: max(14px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: min(318px, calc(100vw - 34px)) !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-mobile-top {
        grid-template-columns: auto 1fr auto !important;
        justify-items: stretch !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-mobile-top > .tp-mobile-title {
        display: none !important;
    }

    #tipeman-app .tp-mobile-top .tp-app-name {
        justify-self: end !important;
        grid-column: 3 !important;
        max-width: 150px !important;
    }

    #tipeman-app .tp-mobile-top .tp-menu-trigger {
        justify-self: start !important;
        grid-column: 1 !important;
    }

    #tipeman-app .tp-mobile-top .tp-avatar,
    #tipeman-app .tp-mobile-top .tp-avatar--profile {
        display: none !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        left: max(10px, env(safe-area-inset-left, 0px)) !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        border-radius: 17px !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed i {
        font-size: 21px !important;
    }

    #tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
        width: min(300px, calc(100vw - 28px)) !important;
    }
}

/* cart-drawer-checkout-fix-1 - final live cart behavior. */
body.woocommerce-cart #tipeman-app .tp-floating-cart,
body.woocommerce-checkout #tipeman-app .tp-floating-cart,
#tipeman-app.tp-commerce-shell .tp-floating-cart {
    display: none !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    left: max(18px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    background: linear-gradient(145deg, rgba(15,44,91,.76), rgba(7,27,56,.66)) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(8,27,58,.14), inset 0 1px rgba(255,255,255,.42) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before {
    content: "\f07a" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: rgba(255,255,255,.95) !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed * {
    display: none !important;
}

#tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
    position: fixed !important;
    left: max(12px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: min(286px, calc(100vw - 28px)) !important;
    max-width: 286px !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.80) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.62)) !important;
    box-shadow: 0 22px 54px rgba(8,27,58,.16), inset 0 1px rgba(255,255,255,.96) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    z-index: 10020 !important;
    overflow: hidden !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        transform: none !important;
        width: min(82vw, 340px) !important;
        max-width: 340px !important;
        height: 100svh !important;
        max-height: 100svh !important;
        align-content: start !important;
        padding: calc(18px + env(safe-area-inset-top, 0px)) 16px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        border-radius: 0 28px 28px 0 !important;
        border-left: 0 !important;
        overflow-y: auto !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        border-radius: 10px !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before {
        font-size: 12px !important;
    }
}

/* seo-test-pages-1 - crawlable product pages that still feel like the app. */
#tipeman-app .tp-tests-seo-intro,
#tipeman-app .tp-seo-product {
    width: min(100%, 1280px) !important;
    margin: 22px auto 28px !important;
    padding: clamp(22px, 4vw, 48px) !important;
    border: 1px solid rgba(255, 255, 255, .74) !important;
    border-radius: clamp(26px, 4vw, 44px) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.56)),
        radial-gradient(circle at 10% 0, rgba(133, 118, 255, .10), transparent 32%),
        radial-gradient(circle at 92% 12%, rgba(159, 215, 206, .12), transparent 36%) !important;
    box-shadow: 0 24px 70px rgba(8, 27, 58, .10), inset 0 1px 0 rgba(255,255,255,.96) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    color: #061b3a !important;
    overflow: visible !important;
}

#tipeman-app .tp-tests-seo-intro {
    text-align: center !important;
}

#tipeman-app .tp-tests-seo-intro h1,
#tipeman-app .tp-seo-product h1 {
    margin: 10px 0 18px !important;
    color: #061b3a !important;
    font-size: clamp(34px, 5.4vw, 72px) !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
}

#tipeman-app .tp-tests-seo-intro p,
#tipeman-app .tp-seo-product p,
#tipeman-app .tp-seo-product li {
    color: rgba(6, 27, 58, .68) !important;
    font-size: clamp(15px, 1.25vw, 19px) !important;
    font-weight: 650 !important;
    line-height: 2.1 !important;
}

#tipeman-app .tp-seo-product__hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
    gap: clamp(20px, 4vw, 44px) !important;
    align-items: start !important;
}

#tipeman-app .tp-seo-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    color: rgba(6,27,58,.52) !important;
    font-weight: 800 !important;
}

#tipeman-app .tp-seo-breadcrumb a {
    color: #5f4cf0 !important;
    text-decoration: none !important;
}

#tipeman-app .tp-seo-quick-card,
#tipeman-app .tp-seo-section,
#tipeman-app .tp-seo-product__footer {
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.54)) !important;
    box-shadow: 0 16px 42px rgba(8,27,58,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

#tipeman-app .tp-seo-quick-card {
    display: grid !important;
    gap: 12px !important;
    padding: 18px !important;
    position: sticky !important;
    top: 110px !important;
}

#tipeman-app .tp-seo-quick-card span {
    display: flex !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 13px 14px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.64) !important;
    color: rgba(6,27,58,.68) !important;
    font-weight: 800 !important;
}

#tipeman-app .tp-seo-quick-card strong {
    color: #061b3a !important;
}

#tipeman-app .tp-seo-product__actions,
#tipeman-app .tp-seo-product__footer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    align-items: center !important;
}

#tipeman-app .tp-seo-product__actions {
    margin-top: 24px !important;
}

#tipeman-app .tp-seo-section {
    margin-top: 22px !important;
    padding: clamp(20px, 3vw, 34px) !important;
}

#tipeman-app .tp-seo-section h2,
#tipeman-app .tp-seo-section h4 {
    margin: 0 0 14px !important;
    color: #061b3a !important;
    font-size: clamp(23px, 2.8vw, 38px) !important;
    line-height: 1.35 !important;
}

#tipeman-app .tp-seo-section--grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

#tipeman-app .tp-seo-disclaimer {
    padding: 16px 18px !important;
    border-radius: 20px !important;
    background: rgba(95, 76, 240, .08) !important;
    color: #4f3ac8 !important;
}

#tipeman-app .tp-seo-faq-grid,
#tipeman-app .tp-seo-related,
#tipeman-app .tp-tests-seo-intro__links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

#tipeman-app .tp-seo-related a,
#tipeman-app .tp-tests-seo-intro__links a,
#tipeman-app .tp-seo-faq-grid article,
#tipeman-app .tp-seo-faq article {
    padding: 16px 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
    text-decoration: none !important;
}

#tipeman-app .tp-seo-related strong,
#tipeman-app .tp-tests-seo-intro__links a {
    color: #061b3a !important;
    font-weight: 950 !important;
}

#tipeman-app .tp-seo-related span {
    display: block !important;
    margin-top: 8px !important;
    color: rgba(6,27,58,.62) !important;
    line-height: 1.8 !important;
}

#tipeman-app .tp-seo-product__footer {
    margin-top: 22px !important;
    padding: 18px !important;
    justify-content: space-between !important;
}

#tipeman-app .tp-seo-product__footer > strong {
    font-size: 22px !important;
    color: #061b3a !important;
}

@media (max-width: 860px) {
    #tipeman-app .tp-tests-seo-intro,
    #tipeman-app .tp-seo-product {
        margin: 14px auto 22px !important;
        padding: 20px !important;
        text-align: center !important;
    }

    #tipeman-app .tp-seo-product__hero,
    #tipeman-app .tp-seo-section--grid,
    #tipeman-app .tp-seo-faq-grid,
    #tipeman-app .tp-seo-related,
    #tipeman-app .tp-tests-seo-intro__links {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-seo-quick-card {
        position: static !important;
    }

    #tipeman-app .tp-seo-product__actions,
    #tipeman-app .tp-seo-product__footer {
        justify-content: center !important;
    }
}

/* cart-panel-fix-1 - final compact floating cart, stable on desktop and mobile. */
#tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
    position: fixed !important;
    left: max(16px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: min(252px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    max-width: 252px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 12px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.56)) !important;
    box-shadow: 0 14px 34px rgba(8,27,58,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(20px) saturate(142%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(142%) !important;
    overflow: hidden !important;
    align-content: normal !important;
}

#tipeman-app .tp-floating-cart__head {
    grid-column: 1 / -1 !important;
    min-height: 28px !important;
}

#tipeman-app .tp-floating-cart__head strong {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

#tipeman-app .tp-floating-cart__close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 11px !important;
}

#tipeman-app .tp-floating-cart__body {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

#tipeman-app .tp-floating-cart__icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 15px !important;
    font-size: 17px !important;
}

#tipeman-app .tp-floating-cart__copy span,
#tipeman-app .tp-floating-cart__copy small {
    max-width: 168px !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#tipeman-app .tp-floating-cart__copy span {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

#tipeman-app .tp-floating-cart__copy small {
    font-size: 11.5px !important;
    line-height: 1.55 !important;
}

#tipeman-app .tp-floating-cart__pay {
    grid-column: 1 / -1 !important;
    min-height: 42px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    position: fixed !important;
    left: max(16px, env(safe-area-inset-left, 0px)) !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 4px !important;
    border-radius: 14px !important;
    display: grid !important;
    place-items: center !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.42)) !important;
    box-shadow: 0 10px 24px rgba(8,27,58,.12), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before {
    font-size: 13px !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        width: min(238px, calc(100vw - 24px)) !important;
        max-width: 238px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 11px !important;
        border-radius: 20px !important;
        align-content: normal !important;
        overflow: hidden !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        border-radius: 12px !important;
    }
}

/* test-access-flow-1 - clear buy/start/report path on every test page. */
#tipeman-app .tp-test-flow {
    position: relative;
    display: grid;
    gap: clamp(16px, 2.6vw, 24px);
    width: 100%;
    margin: 0 0 clamp(22px, 4vw, 36px);
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .44)),
        radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--accent, #4f7cff) 22%, transparent), transparent 42%);
    box-shadow: 0 20px 70px rgba(20, 28, 55, .12);
    backdrop-filter: blur(28px) saturate(1.25);
    -webkit-backdrop-filter: blur(28px) saturate(1.25);
    overflow: hidden;
}

#tipeman-app .tp-test-flow::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.7), transparent 42%);
    opacity: .75;
}

#tipeman-app .tp-test-flow > * {
    position: relative;
    z-index: 1;
}

#tipeman-app .tp-test-flow__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

#tipeman-app .tp-test-flow__eyebrow {
    display: block;
    margin-bottom: 6px;
    color: rgba(6, 27, 58, .58);
    font-size: 13px;
    font-weight: 900;
}

#tipeman-app .tp-test-flow h3 {
    margin: 0;
    color: #061b3a;
    font-size: clamp(22px, 3vw, 36px);
    line-height: 1.35;
    letter-spacing: 0;
}

#tipeman-app .tp-test-flow__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 999px;
    color: #061b3a;
    background: rgba(255,255,255,.58);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

#tipeman-app .tp-test-flow__status i {
    color: var(--accent, #4f7cff);
}

#tipeman-app .tp-test-flow__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

#tipeman-app .tp-test-flow__steps > :where(div, button) {
    display: grid;
    align-content: start;
    gap: 7px;
    min-height: 132px;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.66);
    border-radius: 22px;
    background: rgba(255,255,255,.48);
    color: rgba(6, 27, 58, .68);
    font: inherit;
    text-align: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

#tipeman-app .tp-test-flow__steps > :where(div, button):hover {
    background: linear-gradient(145deg, rgba(255,255,255,.78), color-mix(in srgb, var(--accent, #4f7cff) 8%, rgba(255,255,255,.52)));
    transform: translateY(-1px);
}

#tipeman-app .tp-test-flow__steps > button:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #4f7cff) 30%, transparent);
}

#tipeman-app .tp-test-flow__steps i {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 14px;
    color: #fff;
    background: rgba(6, 27, 58, .72);
}

#tipeman-app .tp-test-flow__steps strong {
    color: #061b3a;
    font-size: 15px;
    line-height: 1.5;
}

#tipeman-app .tp-test-flow__steps span {
    font-size: 13px;
    line-height: 1.75;
}

#tipeman-app .tp-test-flow__steps .is-done,
#tipeman-app .tp-test-flow__steps .is-current {
    border-color: color-mix(in srgb, var(--accent, #4f7cff) 30%, rgba(255,255,255,.7));
    background: linear-gradient(145deg, rgba(255,255,255,.72), color-mix(in srgb, var(--accent, #4f7cff) 9%, rgba(255,255,255,.5)));
}

#tipeman-app .tp-test-flow__steps .is-done i,
#tipeman-app .tp-test-flow__steps .is-current i {
    background: linear-gradient(135deg, var(--accent, #4f7cff), #061b3a);
}

#tipeman-app .tp-test-flow__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

#tipeman-app .tp-test-flow__actions :where(a, button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 12px 18px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 17px;
    color: #061b3a;
    background: rgba(255,255,255,.58);
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

#tipeman-app .tp-test-flow__actions :where(a, button):not(:disabled):first-child,
#tipeman-app .tp-test-flow__actions button[data-cart-test],
#tipeman-app .tp-test-flow__actions button[data-start] {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #061b3a, var(--accent, #4f7cff));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--accent, #4f7cff) 22%, transparent);
}

#tipeman-app .tp-test-flow__actions button:disabled {
    cursor: not-allowed;
    opacity: .58;
}

#tipeman-app .tp-test-flow.is-completed .tp-test-flow__status,
#tipeman-app .tp-test-flow.is-unlocked .tp-test-flow__status {
    background: color-mix(in srgb, var(--accent, #4f7cff) 14%, rgba(255,255,255,.72));
}

@media (max-width: 900px) {
    #tipeman-app .tp-test-flow__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* test-ipad-flow-2026-08-28: keep the free-test entry compact and scannable on tablets. */
@media (min-width: 641px) and (max-width: 900px) {
    #tipeman-app .tp-test-flow {
        gap: 14px;
        margin-bottom: 24px;
        padding: 20px;
        border-radius: 24px;
    }

    #tipeman-app .tp-test-flow__status {
        min-height: 38px;
        padding: 7px 12px;
        font-size: 12px;
    }

    #tipeman-app .tp-test-flow__steps {
        gap: 10px;
    }

    #tipeman-app .tp-test-flow__steps > :where(div, button) {
        min-height: 108px;
        padding: 12px;
        border-radius: 19px;
    }

    #tipeman-app .tp-test-flow__steps span {
        font-size: 12px;
        line-height: 1.6;
    }

    #tipeman-app .tp-test-flow__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #tipeman-app .tp-test-flow__actions :where(a, button) {
        width: 100%;
        min-width: 0;
        padding-inline: 12px;
    }
}

@media (min-width: 761px) and (max-width: 900px) {
    #tipeman-app.tp-app-shell .tp-product--clean {
        padding: 22px 18px 48px !important;
    }

    #tipeman-app.tp-app-shell .tp-product--clean .tp-product__body :is(h1, h2) {
        font-size: clamp(36px, 5vw, 42px) !important;
    }

    #tipeman-app.tp-app-shell .tp-product--clean .tp-actions {
        bottom: 20px !important;
    }
}

@media (min-width: 901px) and (max-width: 1194px) {
    #tipeman-app.tp-app-shell .tp-product--clean .tp-product__body :is(h1, h2) {
        font-size: clamp(42px, 4.3vw, 52px) !important;
    }

    #tipeman-app.tp-app-shell .tp-product--clean .tp-actions {
        bottom: 20px !important;
    }
}

@media (max-width: 640px) {
    #tipeman-app .tp-test-flow {
        border-radius: 24px;
        text-align: center;
    }

    #tipeman-app .tp-test-flow__head {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    #tipeman-app .tp-test-flow__steps {
        grid-template-columns: 1fr;
    }

    #tipeman-app .tp-test-flow__steps > :where(div, button) {
        min-height: 0;
        place-items: center;
        text-align: center;
    }

    #tipeman-app .tp-test-flow__actions {
        justify-content: center;
    }

    #tipeman-app .tp-test-flow__actions :where(a, button) {
        width: 100%;
        max-width: 310px;
    }
}

/* test-access-flow-2 - compact mobile flow so the test page starts faster. */
@media (max-width: 640px) {
    #tipeman-app .tp-test-flow {
        gap: 14px;
        margin-bottom: 20px;
        padding: 16px;
    }

    #tipeman-app .tp-test-flow h3 {
        font-size: 22px;
    }

    #tipeman-app .tp-test-flow__status {
        min-height: 36px;
        padding: 7px 12px;
        font-size: 12px;
    }

    #tipeman-app .tp-test-flow__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #tipeman-app .tp-test-flow__steps > :where(div, button) {
        min-height: 112px;
        padding: 11px 9px;
        border-radius: 18px;
    }

    #tipeman-app .tp-test-flow__steps i {
        width: 30px;
        height: 30px;
        border-radius: 12px;
        font-size: 13px;
    }

    #tipeman-app .tp-test-flow__steps strong {
        font-size: 13px;
    }

    #tipeman-app .tp-test-flow__steps span {
        font-size: 11px;
        line-height: 1.6;
    }

    #tipeman-app .tp-test-flow__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #tipeman-app .tp-test-flow__actions :where(a, button) {
        max-width: none;
        min-height: 44px;
        padding: 10px 12px;
        border-radius: 15px;
        font-size: 12px;
    }
}

/* checkout-speed-1 - immediate feedback while WooCommerce prepares payment. */
#tipeman-app .tp-payment-loader {
    position: fixed;
    inset: auto 50% 24px auto;
    z-index: 100000;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "icon title"
        "icon text";
    align-items: center;
    gap: 2px 12px;
    width: min(360px, calc(100vw - 28px));
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 22px;
    color: #061b3a;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58));
    box-shadow: 0 18px 55px rgba(6, 27, 58, .16);
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
    transform: translateX(50%);
}

#tipeman-app .tp-payment-loader span {
    grid-area: icon;
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #061b3a, var(--accent, #4f7cff));
}

#tipeman-app .tp-payment-loader strong {
    grid-area: title;
    font-size: 14px;
    font-weight: 950;
}

#tipeman-app .tp-payment-loader small {
    grid-area: text;
    color: rgba(6, 27, 58, .62);
    font-size: 12px;
    line-height: 1.6;
}

/* checkout-classic-polish-1 - clean mobile-first Woo classic checkout for digital tests. */
body.woocommerce-checkout #tipeman-app.tp-commerce-shell {
    min-height: 100svh !important;
    padding: 14px clamp(10px, 3vw, 28px) 110px !important;
    overflow-x: hidden !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-app-screen {
    width: min(100%, 1120px) !important;
    margin: 0 auto !important;
    gap: 14px !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: min(100%, 920px) !important;
    margin: 0 auto !important;
    padding: clamp(18px, 4vw, 34px) !important;
    border-radius: clamp(24px, 5vw, 38px) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.55)) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92), 0 18px 48px rgba(8,27,58,.08) !important;
    backdrop-filter: blur(28px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.18) !important;
    overflow: hidden !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell form.checkout,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #customer_details,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-additional-fields,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form.checkout_coupon,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-form-coupon-toggle .woocommerce-info {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(8,27,58,.08) !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: none !important;
    color: rgba(8,27,58,.72) !important;
    text-align: center !important;
    line-height: 1.9 !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-form-coupon-toggle .woocommerce-info::before,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-form-coupon-toggle .woocommerce-info::after {
    display: none !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-form-coupon-toggle a,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form.checkout_coupon a {
    color: #2f4fc7 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields h3,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-additional-fields h3,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review_heading {
    margin: 24px 0 16px !important;
    color: #081b3a !important;
    font-size: clamp(22px, 5vw, 30px) !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .form-row,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .form-row-first,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .form-row-last,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .form-row-wide {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .form-row label {
    display: block !important;
    margin: 0 0 8px !important;
    color: rgba(8,27,58,.84) !important;
    font-size: clamp(15px, 4vw, 18px) !important;
    font-weight: 900 !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .required {
    color: #b42318 !important;
    text-decoration: none !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell input.input-text,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell input[type="text"],
body.woocommerce-checkout #tipeman-app.tp-commerce-shell input[type="email"],
body.woocommerce-checkout #tipeman-app.tp-commerce-shell input[type="tel"],
body.woocommerce-checkout #tipeman-app.tp-commerce-shell textarea,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell select,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .select2-container .select2-selection--single {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 56px !important;
    margin: 0 auto !important;
    padding: 13px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(8,27,58,.10) !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.86), 0 8px 22px rgba(8,27,58,.04) !important;
    color: #081b3a !important;
    font-family: var(--font-family, "Vazirmatn", Tahoma, sans-serif) !important;
    font-size: clamp(16px, 4.2vw, 19px) !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    outline: none !important;
    -webkit-appearance: none !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell input.input-text:focus,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell textarea:focus,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell select:focus {
    border-color: rgba(68,82,190,.38) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.9), 0 0 0 4px rgba(68,82,190,.10) !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-additional-fields,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-shipping-fields,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_last_name_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_country_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_state_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_city_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_address_1_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_address_2_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_postcode_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_comments_field {
    display: none !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review_heading {
    margin-top: 28px !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell table.shop_table,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(8,27,58,.08) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.58) !important;
    box-shadow: none !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell table.shop_table th,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell table.shop_table td {
    padding: 14px 12px !important;
    color: #081b3a !important;
    font-size: clamp(14px, 3.8vw, 17px) !important;
    line-height: 1.8 !important;
    text-align: right !important;
    border-color: rgba(8,27,58,.07) !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #payment {
    width: 100% !important;
    margin-top: 18px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.58) !important;
    border: 1px solid rgba(8,27,58,.08) !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #payment ul.payment_methods,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #payment div.form-row {
    padding: 16px !important;
    border-color: rgba(8,27,58,.07) !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #place_order,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell button.button,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell input.button,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .checkout-button {
    width: 100% !important;
    min-height: 58px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #071c3f, #4430c9) !important;
    color: #fff !important;
    font-size: clamp(16px, 4.2vw, 19px) !important;
    font-weight: 950 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    box-shadow: 0 14px 30px rgba(68,48,201,.20) !important;
}

@media (min-width: 782px) {
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields__field-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        max-width: 560px !important;
        margin-inline: auto !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_first_name_field,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_phone_field,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_email_field {
        grid-column: 1 !important;
    }
}

@media (max-width: 781px) {
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell {
        padding-inline: 8px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-mobile-top {
        margin-bottom: 10px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-commerce-card {
        width: 100% !important;
        padding: 16px 10px 22px !important;
        border-radius: 28px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields h3,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review_heading {
        margin-top: 20px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form.checkout_coupon,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-form-coupon-toggle .woocommerce-info {
        font-size: 14px !important;
        padding: 12px 10px !important;
    }
}

/* checkout-classic-polish-2 - soften Woo notices and privacy copy. */
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-message,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-info,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-error {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 13px 16px !important;
    border: 1px solid rgba(8,27,58,.08) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.68) !important;
    color: rgba(8,27,58,.74) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.86), 0 8px 20px rgba(8,27,58,.04) !important;
    text-align: center !important;
    font-size: clamp(13px, 3.5vw, 15px) !important;
    font-weight: 750 !important;
    line-height: 1.9 !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-message {
    border-color: rgba(58,125,89,.16) !important;
    color: #2e6d4f !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-message::before,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-info::before,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-error::before {
    position: static !important;
    display: inline-grid !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 0 0 8px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(58,125,89,.10) !important;
    color: #2e6d4f !important;
    vertical-align: middle !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-privacy-policy-text,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-terms-and-conditions-wrapper {
    color: rgba(8,27,58,.56) !important;
    font-size: clamp(12px, 3.3vw, 14px) !important;
    font-weight: 650 !important;
    line-height: 2 !important;
    text-align: center !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-privacy-policy-text a,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-terms-and-conditions-wrapper a {
    color: #4430c9 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

/* checkout-minimal-final-cachebust-1 - hard guard for old Woo fields and stale mobile layouts. */
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_last_name_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_country_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_state_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_city_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_address_1_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_address_2_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_postcode_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_comments_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-additional-fields,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-shipping-fields {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_first_name_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_phone_field,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_email_field {
    display: block !important;
    width: min(100%, 560px) !important;
    max-width: 560px !important;
    margin: 0 auto 16px !important;
    float: none !important;
    clear: both !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-form-coupon-toggle .woocommerce-info {
    border-top: 0 !important;
    border-inline: 0 !important;
    border-bottom: 1px solid rgba(8,27,58,.08) !important;
    background: rgba(255,255,255,.64) !important;
    border-radius: 18px !important;
    color: rgba(8,27,58,.62) !important;
    font-size: 14px !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-error,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-message,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-info:not(.woocommerce-form-coupon-toggle .woocommerce-info) {
    border: 1px solid rgba(8,27,58,.08) !important;
    border-top: 0 !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.70) !important;
    box-shadow: none !important;
    text-align: center !important;
    line-height: 1.9 !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-error {
    color: #9f1f14 !important;
    background: rgba(255,245,242,.82) !important;
    border-color: rgba(180,35,24,.14) !important;
}

@media (max-width: 781px) {
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-commerce-card {
        padding-inline: 12px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_first_name_field,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_phone_field,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #billing_email_field {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* footer-polish-20260630 - structured brand, links, trust and support layout. */
.tp-site-footer {
    width: min(1120px, calc(100vw - 32px)) !important;
    margin: 48px auto 84px !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.54)),
        radial-gradient(circle at 14% 0%, rgba(103,87,232,.08), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(48,209,88,.08), transparent 32%) !important;
    box-shadow: 0 24px 72px rgba(35,38,54,.09) !important;
    text-align: right !important;
    overflow: hidden !important;
}

.tp-site-footer__inner {
    width: 100% !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: minmax(220px, .9fr) minmax(0, 1.7fr) !important;
    gap: clamp(18px, 3vw, 34px) !important;
    align-items: start !important;
}

.tp-site-footer__brand {
    display: grid !important;
    gap: 12px !important;
    justify-items: start !important;
}

.tp-site-footer__logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #17213a !important;
    text-decoration: none !important;
}

.tp-site-footer__logo img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 12px 32px rgba(31,38,55,.08) !important;
}

.tp-site-footer__logo strong {
    color: #17213a !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.tp-site-footer__brand p {
    max-width: 280px !important;
    margin: 0 !important;
    color: rgba(23,33,58,.62) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

.tp-site-footer__columns {
    display: grid !important;
    grid-template-columns: minmax(130px, .72fr) minmax(160px, .9fr) minmax(210px, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.tp-site-footer__group,
.tp-site-footer__trust,
.tp-site-footer__trust-copy {
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

.tp-site-footer__group > span,
.tp-site-footer__trust-copy > span {
    margin-bottom: 2px !important;
    color: rgba(23,33,58,.48) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.tp-site-footer__group a,
.tp-site-footer__trust-copy a {
    width: fit-content !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    color: #17213a !important;
    background: rgba(255,255,255,.54) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.76) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.tp-site-footer__phone {
    gap: 4px !important;
    direction: rtl !important;
    white-space: nowrap !important;
}

.tp-site-footer__group a:hover,
.tp-site-footer__trust-copy a:hover,
.tp-site-footer__group a:focus-visible,
.tp-site-footer__trust-copy a:focus-visible {
    background: rgba(255,255,255,.76) !important;
    transform: translateY(-1px) !important;
}

.tp-site-footer__trust {
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.36) !important;
}

.tp-site-footer__seal {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 8px auto 0 !important;
    max-width: 126px !important;
    text-align: center !important;
}

.tp-site-footer__seal a {
    min-width: 112px !important;
    min-height: 92px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 14px 34px rgba(31,38,55,.08) !important;
}

.tp-site-footer__seal img {
    max-width: 88px !important;
    max-height: 64px !important;
    object-fit: contain !important;
}

.tp-site-footer__bottom {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 4px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(23,33,58,.08) !important;
}

.tp-site-footer__bottom span {
    color: rgba(23,33,58,.48) !important;
    font-size: 11px !important;
    line-height: 1.7 !important;
}

@media (max-width: 900px) {
    .tp-site-footer__inner,
    .tp-site-footer__columns {
        grid-template-columns: 1fr !important;
    }

    .tp-site-footer__brand {
        justify-items: center !important;
        text-align: center !important;
    }

    .tp-site-footer__brand p {
        max-width: 440px !important;
    }
}

@media (max-width: 640px) {
    .tp-site-footer {
        width: min(100% - 20px, 420px) !important;
        margin-top: 34px !important;
        margin-bottom: 98px !important;
        padding: 20px 14px 22px !important;
        border-radius: 24px !important;
        text-align: center !important;
    }

    .tp-site-footer__columns {
        gap: 12px !important;
    }

    .tp-site-footer__group,
    .tp-site-footer__trust-copy {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        justify-items: center !important;
    }

    .tp-site-footer__group > span,
    .tp-site-footer__trust-copy > span {
        grid-column: 1 / -1 !important;
    }

    .tp-site-footer__group a,
    .tp-site-footer__trust-copy a {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .tp-site-footer__trust {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
    }

    .tp-site-footer__bottom {
        flex-direction: column !important;
        text-align: center !important;
    }
}

/* home-popular-tests-1 - two clean rows of high-demand tests on the homepage. */
#tipeman-app .tp-home-popular-tests {
    width: min(1040px, calc(100vw - 32px)) !important;
    margin: 28px auto 34px !important;
    padding: 24px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.42)),
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.56), transparent 48%) !important;
    box-shadow: 0 24px 70px rgba(31,38,55,.07) !important;
    backdrop-filter: blur(22px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
    text-align: center !important;
}

/* tipeman-teams-20260630 - organizational membership and HR dashboard. */
.tp-teams-shell {
    display: grid;
    gap: 18px;
}

.tp-teams-hero,
.tp-teams-panel,
.tp-teams-form,
.tp-teams-alert,
.tp-teams-status {
    width: min(1120px, calc(100vw - 32px));
    margin-inline: auto;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)),
        rgba(255,255,255,.66);
    box-shadow: 0 22px 58px rgba(31,38,55,.08);
}

.tp-teams-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(20px, 4vw, 36px);
}

.tp-teams-hero h1,
.tp-teams-panel h1,
.tp-teams-panel h2 {
    margin: 6px 0 10px;
    line-height: 1.45;
}

.tp-teams-hero p,
.tp-teams-panel p,
.tp-teams-form p {
    color: rgba(23,33,58,.66);
    line-height: 2;
}

.tp-teams-panel .tp-help,
.tp-teams-form .tp-help {
    margin: 0;
    font-size: 13px;
    line-height: 1.9;
}

.tp-teams-form,
.tp-teams-panel {
    padding: clamp(18px, 3vw, 28px);
}

.tp-teams-form__grid,
.tp-teams-grid {
    width: min(1120px, calc(100vw - 32px));
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tp-teams-form__grid {
    width: 100%;
}

.tp-teams-form label,
.tp-teams-panel label {
    display: grid;
    gap: 7px;
    font-weight: 850;
    color: #17213a;
}

.tp-teams-form input,
.tp-teams-form select,
.tp-teams-form textarea,
.tp-teams-panel input,
.tp-teams-panel select,
.tp-teams-panel textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(23,33,58,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.82);
    color: #17213a;
    padding: 10px 12px;
    font: inherit;
}

.tp-teams-alert,
.tp-teams-status {
    padding: 14px 16px;
    color: #17213a;
}

.tp-teams-alert {
    border-color: rgba(43, 167, 111, .25);
    background: rgba(225, 248, 236, .78);
}

.tp-teams-admin-mode {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-color: rgba(91, 92, 226, .28);
    background: linear-gradient(135deg, rgba(241, 240, 255, .92), rgba(255, 255, 255, .78));
}

.tp-teams-admin-mode strong {
    color: #3435a4;
    white-space: nowrap;
}

.tp-teams-admin-mode span {
    color: rgba(23, 33, 58, .72);
    line-height: 1.9;
}

.tp-teams-dashboard-guide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.tp-teams-dashboard-guide h2 {
    margin-bottom: 6px;
}

.tp-teams-dashboard-guide p {
    margin: 0;
}

.tp-teams-quick-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.tp-teams-stats {
    width: min(1120px, calc(100vw - 32px));
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.tp-teams-tabs {
    width: min(1120px, calc(100vw - 32px));
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.74);
    border-radius: 20px;
    background: rgba(255,255,255,.50);
}

.tp-teams-tabs a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.66);
    color: #17213a;
    text-decoration: none;
    font-size: 12px;
    font-weight: 850;
}

.tp-teams-stats article {
    min-height: 96px;
    display: grid;
    place-items: center;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 20px;
    background: rgba(255,255,255,.68);
    box-shadow: 0 16px 40px rgba(31,38,55,.06);
    text-align: center;
}

.tp-teams-stats strong {
    font-size: 24px;
}

.tp-teams-stats span,
.tp-teams-row span,
.tp-teams-activity span {
    color: rgba(23,33,58,.58);
    font-size: 12px;
}

.tp-teams-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(23,33,58,.08);
}

.tp-teams-row:last-child {
    border-bottom: 0;
}

.tp-teams-row > div {
    display: grid;
    gap: 4px;
}

.tp-teams-row em {
    color: rgba(23,33,58,.52);
    font-style: normal;
    font-size: 12px;
}

/* Tipeman Teams HR SaaS refresh — 2026-07-12 */
.tp-teams-members-head{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,rgba(113,74,255,.14),rgba(255,255,255,.86));border:1px solid rgba(113,74,255,.2)}
.tp-teams-members-head h2{margin:4px 0 8px}.tp-teams-members-head p{margin:0;max-width:760px}
.tp-teams-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.tp-teams-toolbar input{max-width:520px;margin:0!important}
.tp-teams-table td strong,.tp-teams-table td small{display:block}.tp-teams-table td small{margin-top:5px;color:var(--muted,#756f84);font-size:12px}.tp-teams-table tbody tr{transition:.2s ease}.tp-teams-table tbody tr:hover{background:rgba(113,74,255,.045)}
.tp-status{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 10px;border-radius:999px;background:#f1eef8;color:#554d69;font-size:12px;font-weight:800}.tp-status--active{background:#e8f8ef;color:#177647}.tp-status--pending,.tp-status--invited{background:#fff4d8;color:#8a5d00}.tp-status--suspended{background:#feecec;color:#a52626}
.tp-teams-modal-card{position:fixed;z-index:99999;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:28px!important;border-radius:26px!important;box-shadow:0 28px 90px rgba(28,17,58,.3)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(22px)}
.tp-teams-modal-card[hidden]{display:none!important}.tp-teams-modal-card:before{content:"";position:fixed;inset:-100vh;z-index:-1;background:rgba(24,13,48,.38);backdrop-filter:blur(5px)}
.tp-teams-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tp-teams-modal-head button{width:38px;height:38px;border:0;border-radius:50%;font-size:26px;background:#f2eefb;color:#4d3a72;cursor:pointer}
.tp-teams-edit-row{height:0}.tp-teams-edit-row>td{padding:0!important;border:0!important}.tp-teams-empty{text-align:center;padding:52px 20px;border:1px dashed rgba(113,74,255,.26);border-radius:20px;background:rgba(113,74,255,.035)}
.tp-check{display:flex!important;align-items:center;gap:9px}.tp-check input{width:auto!important;margin:0!important}
.tp-teams-insights{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tp-progress{height:10px;overflow:hidden;border-radius:999px;background:#eee9f7;margin:16px 0}.tp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#754bff,#a855f7)}.tp-progress--success i{background:linear-gradient(90deg,#16a66a,#4bd39a)}.tp-action-required{background:linear-gradient(145deg,rgba(255,246,225,.96),rgba(255,255,255,.94))!important}.tp-action-required ul{margin:12px 18px 0 0;padding:0}.tp-action-required li{margin:8px 0;color:#5f4a2b}
.tp-teams-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto;padding-bottom:110px}.tp-teams-shell>.tp-teams-hero,.tp-teams-shell>.tp-teams-tabs,.tp-teams-shell>.tp-teams-stats,.tp-teams-shell>.tp-teams-grid,.tp-teams-shell>.tp-teams-panel{margin-inline:0;width:100%;box-sizing:border-box}.tp-teams-shell>.tp-teams-grid{align-items:stretch;gap:18px}.tp-teams-shell>.tp-teams-grid>.tp-teams-panel{height:100%;min-width:0}.tp-teams-dashboard-actions{display:flex;align-items:center;justify-content:space-between;gap:24px}.tp-teams-dashboard-actions h2{margin:4px 0 8px}.tp-teams-dashboard-actions p{margin:0}.tp-teams-dashboard-actions .tp-teams-quick-actions{justify-content:flex-end;flex-wrap:wrap}.tp-teams-dashboard-actions .tp-btn{min-width:160px}.tp-teams-tabs{position:sticky;top:12px;z-index:30;overflow-x:auto;scrollbar-width:none}.tp-teams-tabs::-webkit-scrollbar{display:none}
@media(max-width:760px){.tp-teams-members-head,.tp-teams-toolbar{align-items:stretch;flex-direction:column}.tp-teams-table-wrap{overflow:auto}.tp-teams-table{min-width:980px}.tp-teams-modal-card{padding:20px!important}.tp-teams-row-actions{flex-wrap:wrap}}
@media(max-width:980px){.tp-teams-insights{grid-template-columns:1fr!important}.tp-teams-dashboard-actions{align-items:stretch;flex-direction:column}.tp-teams-dashboard-actions .tp-teams-quick-actions{justify-content:stretch}.tp-teams-dashboard-actions .tp-btn{flex:1 1 220px}}
@media(max-width:640px){.tp-teams-shell{width:min(100% - 18px,1180px)}.tp-teams-dashboard-actions .tp-btn{width:100%;flex-basis:auto}}

.tp-teams-activity {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tp-teams-activity li {
    display: grid;
    gap: 3px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(23,33,58,.08);
}

.tp-teams-settings {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.tp-teams-settings span {
    min-height: 52px;
    display: grid;
    align-content: center;
    padding: 10px;
    border: 1px solid rgba(23,33,58,.08);
    border-radius: 14px;
    background: rgba(255,255,255,.58);
    color: rgba(23,33,58,.72);
    font-size: 12px;
}

@media (max-width: 900px) {
    .tp-teams-hero,
    .tp-teams-row {
        align-items: stretch;
        flex-direction: column;
    }

    .tp-teams-form__grid,
    .tp-teams-grid,
    .tp-teams-stats,
    .tp-teams-settings {
        grid-template-columns: 1fr;
    }
}

#tipeman-app .tp-home-popular-tests__head {
    width: min(560px, 100%) !important;
    margin: 0 auto 18px !important;
    display: grid !important;
    gap: 6px !important;
    place-items: center !important;
}

#tipeman-app .tp-home-popular-tests__head h2 {
    margin: 0 !important;
    color: #14213f !important;
    font-size: clamp(21px, 2.2vw, 30px) !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

#tipeman-app .tp-home-popular-tests__head p {
    margin: 0 !important;
    color: rgba(20,33,63,.62) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-home-popular-tests__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

#tipeman-app .tp-home-popular-card {
    min-height: 150px !important;
    padding: 18px 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    background:
        linear-gradient(160deg, rgba(255,255,255,.76), rgba(255,255,255,.48)),
        radial-gradient(circle at 50% 0%, rgba(123,97,255,.10), transparent 46%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 16px 38px rgba(31,38,55,.06) !important;
    color: #14213f !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

#tipeman-app .tp-home-popular-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(124,92,255,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 22px 52px rgba(72,60,130,.10) !important;
}

#tipeman-app .tp-home-popular-card i {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    color: #7257ee !important;
    background: rgba(119,88,255,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74) !important;
    font-size: 17px !important;
}

#tipeman-app .tp-home-popular-card strong {
    display: block !important;
    color: #14213f !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
}

#tipeman-app .tp-home-popular-card span {
    min-height: 36px !important;
    color: rgba(20,33,63,.60) !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}

#tipeman-app .tp-home-popular-card em {
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.62) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    color: rgba(20,33,63,.52) !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 850 !important;
}

@media (max-width: 900px) {
    #tipeman-app .tp-home-popular-tests {
        width: min(100% - 20px, 720px) !important;
        padding: 18px !important;
        border-radius: 26px !important;
    }

    #tipeman-app .tp-home-popular-tests__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-home-popular-card {
        min-height: 136px !important;
        padding: 15px 10px !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 420px) {
    #tipeman-app .tp-home-popular-tests__grid {
        grid-template-columns: 1fr !important;
    }
}

/* profile-full-width-fix-1 - remove the empty left column and place reports under the hero. */
#tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-grid {
    width: min(100%, 1280px) !important;
    margin-inline: auto !important;
}

@media (min-width: 1024px) {
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        align-items: stretch !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--hero,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--visual {
        grid-column: 1 / -1 !important;
        min-height: 380px !important;
        grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--metric {
        grid-column: span 2 !important;
        min-height: 210px !important;
        order: 2 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-showcase {
        grid-column: 1 / -1 !important;
        order: 3 !important;
        min-height: 340px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--brand {
        grid-column: span 3 !important;
        order: 4 !important;
        min-height: 220px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-hero-copy {
        max-width: 700px !important;
        justify-self: end !important;
    }
}

@media (max-width: 1023px) {
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: min(100% - 20px, 720px) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--hero,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--visual,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--metric,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-showcase,
    #tipeman-app .tp-app-screen[data-screen="profile"] .tp-profile-card--brand {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: auto !important;
        height: auto !important;
    }
}

/* login-modal-notice-1 - replace browser alerts with an in-app glass notice. */
#tipeman-app .tp-login-modal-notice {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 12px 0 4px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(124,92,255,.18) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(245,242,255,.66)) !important;
    color: #17213f !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 12px 30px rgba(53,45,120,.06) !important;
    text-align: right !important;
}

#tipeman-app .tp-login-modal-notice i {
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    color: #7257ee !important;
    background: rgba(124,92,255,.10) !important;
}

#tipeman-app .tp-login-modal-notice span {
    color: rgba(23,33,63,.72) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.9 !important;
}

/* launch-patch-tests-1 - lightweight CRO/SEO/mobile polish for the tests library. */
#tipeman-app .tp-tests-trust-box {
    width: min(100%, 980px) !important;
    margin: 0 auto 18px !important;
    padding: 16px 18px !important;
    display: grid !important;
    gap: 8px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.48)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 16px 42px rgba(31,38,55,.06) !important;
    text-align: center !important;
}

#tipeman-app .tp-tests-trust-box strong {
    color: #13213f !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

#tipeman-app .tp-tests-trust-box p {
    margin: 0 !important;
    color: rgba(19,33,63,.62) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-tests-trust-box div {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
}

#tipeman-app .tp-tests-trust-box span {
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.62) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    color: rgba(19,33,63,.68) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

#tipeman-app .tp-preview-chart {
    display: grid !important;
    gap: 12px !important;
    align-content: center !important;
}

#tipeman-app .tp-preview-ring {
    width: 108px !important;
    height: 108px !important;
    margin-inline: auto !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: conic-gradient(#7c5cff 0 72%, rgba(124,92,255,.14) 72% 100%) !important;
    box-shadow: inset 0 0 0 16px rgba(255,255,255,.72), 0 18px 40px rgba(93,82,180,.12) !important;
}

#tipeman-app .tp-preview-ring span,
#tipeman-app .tp-preview-lock-text {
    color: #14213f !important;
    font-weight: 900 !important;
}

#tipeman-app .tp-preview-bars {
    display: grid !important;
    gap: 8px !important;
}

#tipeman-app .tp-preview-bars i {
    display: block !important;
    width: var(--w) !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #7c5cff, #77a8ff) !important;
}

#tipeman-app .tp-mobile-suggested-test {
    display: none !important;
}

@media (max-width: 781px) {
    #tipeman-app .tp-filter-panel,
    #tipeman-app .tp-tests-bottom-info .tp-filter-panel,
    #tipeman-app .tp-category-dropdown {
        position: sticky !important;
        top: 10px !important;
        z-index: 30 !important;
    }

    #tipeman-app .tp-galaxy {
        gap: 10px !important;
    }

    #tipeman-app .tp-orb-card {
        min-height: 0 !important;
        padding: 12px !important;
        border-radius: 20px !important;
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;
    }

    #tipeman-app .tp-orb-card .tp-orb-button {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }

    #tipeman-app .tp-orb-card .tp-orb {
        width: 52px !important;
        height: 52px !important;
    }

    #tipeman-app .tp-orb-copy {
        gap: 7px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-card-trust-row,
    #tipeman-app .tp-orb-badges {
        display: none !important;
    }

    #tipeman-app .tp-orb-copy h3 {
        font-size: 15px !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    #tipeman-app .tp-orb-copy p {
        font-size: 12px !important;
        line-height: 1.65 !important;
        margin: 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    #tipeman-app .tp-meta {
        align-items: center !important;
        gap: 8px !important;
    }

    #tipeman-app .tp-card-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    #tipeman-app .tp-card-cta {
        min-height: 42px !important;
        padding: 10px 12px !important;
        font-size: 12px !important;
    }

    #tipeman-app .tp-mobile-suggested-test {
        position: fixed !important;
        inset-inline: 16px !important;
        bottom: 84px !important;
        z-index: 80 !important;
        min-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        border: 1px solid rgba(255,255,255,.82) !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #0e2245, #6850ee) !important;
        color: #fff !important;
        box-shadow: 0 18px 48px rgba(50,45,120,.24) !important;
        font-weight: 900 !important;
    }
}

/* cart-standard-final: must stay at the end because older cart rules exist above. */
#tipeman-app .tp-floating-cart {
    position: fixed !important;
    left: 18px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 10020 !important;
    direction: rtl !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(237,242,255,.64)) !important;
    color: #10254c !important;
    box-shadow: 0 16px 42px rgba(18,32,70,.16), inset 0 1px 0 rgba(255,255,255,.86) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::before,
#tipeman-app .tp-floating-cart.tp-floating-cart--collapsed::after {
    display: none !important;
    content: none !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--panel,
#tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
    width: 286px !important;
    max-width: calc(100vw - 28px) !important;
    display: grid !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(245,248,255,.68)) !important;
    color: #13213f !important;
    box-shadow: 0 20px 58px rgba(24,34,68,.18), inset 0 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
}

#tipeman-app .tp-floating-cart__body,
#tipeman-app .tp-floating-cart__icon,
#tipeman-app .tp-floating-cart__copy {
    display: none !important;
}

#tipeman-app .tp-floating-cart__head,
#tipeman-app .tp-floating-cart__summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

#tipeman-app .tp-floating-cart__items {
    display: grid !important;
    gap: 7px !important;
}

#tipeman-app .tp-floating-cart__item {
    display: grid !important;
    gap: 2px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.5) !important;
}

#tipeman-app .tp-floating-cart__item span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#tipeman-app .tp-floating-cart__pay {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #15305f, #0e2245) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

@media (max-width: 781px) {
    #tipeman-app .tp-floating-cart {
        left: 10px !important;
        top: auto !important;
        bottom: 86px !important;
        transform: none !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--collapsed {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--panel,
    #tipeman-app .tp-floating-cart:not(.tp-floating-cart--collapsed) {
        width: min(312px, calc(100vw - 20px)) !important;
    }
}

/* cart-standard-strong: scoped stronger selectors for the new cart markup. */
#tipeman-app .tp-floating-cart.tp-floating-cart--standard {
    position: fixed !important;
    left: 18px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 10020 !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--standard.tp-floating-cart--panel {
    width: 286px !important;
    max-width: calc(100vw - 28px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 22px !important;
    overflow: visible !important;
}

#tipeman-app .tp-floating-cart.tp-floating-cart--standard.tp-floating-cart--collapsed {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: visible !important;
}

@media (max-width: 781px) {
    #tipeman-app .tp-floating-cart.tp-floating-cart--standard {
        left: 10px !important;
        right: auto !important;
        top: auto !important;
        bottom: 86px !important;
        transform: none !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--standard.tp-floating-cart--panel {
        width: min(312px, calc(100vw - 20px)) !important;
        max-width: min(312px, calc(100vw - 20px)) !important;
    }

    #tipeman-app .tp-floating-cart.tp-floating-cart--standard.tp-floating-cart--collapsed {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }
}

/* checkout-classic-standard-2026-06-15: polished classic WooCommerce checkout/cart shell. */
#tipeman-app.tp-commerce-shell .tp-commerce-card {
    padding: clamp(16px, 3vw, 30px) !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .woocommerce {
    width: 100% !important;
    display: grid !important;
    gap: 18px !important;
    direction: rtl !important;
}

#tipeman-app.tp-commerce-shell .woocommerce form.checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-billing-fields,
#tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order,
#tipeman-app.tp-commerce-shell .woocommerce-cart-form,
#tipeman-app.tp-commerce-shell .cart-collaterals,
#tipeman-app.tp-commerce-shell .woocommerce-form-login,
#tipeman-app.tp-commerce-shell .checkout_coupon {
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 26px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.54)) !important;
    box-shadow: 0 18px 46px rgba(24,34,68,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
    backdrop-filter: blur(22px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-billing-fields {
    padding: 20px !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order {
    padding: 16px !important;
    position: sticky !important;
    top: 92px !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-billing-fields h3,
#tipeman-app.tp-commerce-shell #order_review_heading,
#tipeman-app.tp-commerce-shell .cart_totals h2 {
    margin: 0 0 14px !important;
    color: #10254c !important;
    font-size: clamp(18px, 2vw, 24px) !important;
    font-weight: 950 !important;
    line-height: 1.55 !important;
    text-align: right !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-billing-fields h3::after,
#tipeman-app.tp-commerce-shell #order_review_heading::after {
    content: "نام، موبایل و ایمیل کافی است. دسترسی تست بعد از پرداخت در حساب شما ذخیره می‌شود." !important;
    display: block !important;
    margin-top: 7px !important;
    color: rgba(16,37,76,.58) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.9 !important;
}

#tipeman-app.tp-commerce-shell .woocommerce form .form-row {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

#tipeman-app.tp-commerce-shell .woocommerce form .form-row label {
    margin: 0 0 7px !important;
    color: rgba(16,37,76,.76) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;
}

#tipeman-app.tp-commerce-shell .woocommerce form .form-row .required {
    color: #5d49df !important;
    text-decoration: none !important;
}

#tipeman-app.tp-commerce-shell .woocommerce form .input-text,
#tipeman-app.tp-commerce-shell .woocommerce form input[type="text"],
#tipeman-app.tp-commerce-shell .woocommerce form input[type="tel"],
#tipeman-app.tp-commerce-shell .woocommerce form input[type="email"],
#tipeman-app.tp-commerce-shell .woocommerce form input[type="password"],
#tipeman-app.tp-commerce-shell .woocommerce form select {
    width: 100% !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(16,37,76,.12) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.72) !important;
    color: #10254c !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(24,34,68,.04) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    outline: none !important;
}

#tipeman-app.tp-commerce-shell .woocommerce form .input-text:focus,
#tipeman-app.tp-commerce-shell .woocommerce form input:focus {
    border-color: rgba(93,73,223,.42) !important;
    box-shadow: 0 0 0 4px rgba(93,73,223,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

#tipeman-app.tp-commerce-shell .woocommerce table.shop_table {
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    margin: 0 0 12px !important;
}

#tipeman-app.tp-commerce-shell .woocommerce table.shop_table th,
#tipeman-app.tp-commerce-shell .woocommerce table.shop_table td {
    border: 0 !important;
    padding: 11px 10px !important;
    color: #10254c !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.8 !important;
    text-align: right !important;
}

#tipeman-app.tp-commerce-shell .woocommerce table.shop_table tr {
    background: rgba(255,255,255,.42) !important;
    border-radius: 16px !important;
}

#tipeman-app.tp-commerce-shell .woocommerce table.shop_table td:last-child,
#tipeman-app.tp-commerce-shell .woocommerce table.shop_table th:last-child {
    text-align: left !important;
    white-space: nowrap !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-privacy-policy-text {
    margin: 12px 0 !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(93,73,223,.12) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.48) !important;
    color: rgba(16,37,76,.68) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 2 !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-error,
#tipeman-app.tp-commerce-shell .woocommerce-info,
#tipeman-app.tp-commerce-shell .woocommerce-message {
    border: 1px solid rgba(93,73,223,.15) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.62) !important;
    color: #10254c !important;
    box-shadow: 0 14px 32px rgba(24,34,68,.06) !important;
    line-height: 2 !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-error {
    border-color: rgba(218,54,54,.24) !important;
    background: rgba(255,244,244,.72) !important;
}

#tipeman-app.tp-commerce-shell #payment {
    border-radius: 22px !important;
    background: rgba(255,255,255,.42) !important;
}

#tipeman-app.tp-commerce-shell #payment ul.payment_methods,
#tipeman-app.tp-commerce-shell #payment div.form-row {
    border: 0 !important;
    padding: 12px !important;
}

#tipeman-app.tp-commerce-shell #place_order,
#tipeman-app.tp-commerce-shell .checkout-button,
#tipeman-app.tp-commerce-shell .button[name="apply_coupon"],
#tipeman-app.tp-commerce-shell button[type="submit"] {
    width: 100% !important;
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #15305f, #5d49df) !important;
    color: #fff !important;
    box-shadow: 0 16px 38px rgba(39,54,118,.22) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.6 !important;
}

#tipeman-app.tp-commerce-shell .checkout_coupon {
    padding: 14px !important;
}

#tipeman-app.tp-commerce-shell .woocommerce-form-coupon-toggle,
#tipeman-app.tp-commerce-shell .woocommerce-form-login-toggle {
    margin: 0 !important;
}

@media (max-width: 781px) {
    #tipeman-app.tp-commerce-shell .woocommerce form.checkout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    #tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order {
        position: static !important;
        order: -1 !important;
        padding: 13px !important;
    }

    #tipeman-app.tp-commerce-shell .woocommerce-billing-fields {
        padding: 14px !important;
    }

    #tipeman-app.tp-commerce-shell .woocommerce-billing-fields h3,
    #tipeman-app.tp-commerce-shell #order_review_heading {
        font-size: 18px !important;
        text-align: center !important;
    }
}

/* checkout-grid-fix-2026-06-15: explicit classic checkout columns + natural page scroll. */
html:has(body.woocommerce-checkout),
body.woocommerce-checkout,
html:has(body.woocommerce-cart),
body.woocommerce-cart {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell,
body.woocommerce-cart #tipeman-app.tp-commerce-shell {
    height: auto !important;
    min-height: 100svh !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    padding-bottom: 128px !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-app-screen,
body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-app-screen {
    width: min(100%, 1180px) !important;
    max-width: 1180px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-commerce-card,
body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    overflow: visible !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form.checkout {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(340px, .9fr) minmax(360px, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    grid-template-areas:
        "orderTitle details"
        "order details" !important;
    gap: 18px !important;
    align-items: start !important;
    direction: ltr !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #customer_details {
    grid-area: details !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    display: block !important;
    direction: rtl !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review_heading {
    grid-area: orderTitle !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: end !important;
    direction: rtl !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review {
    grid-area: order !important;
    width: 100% !important;
    max-width: none !important;
    position: sticky !important;
    top: 92px !important;
    direction: rtl !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #customer_details .col-1,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell #customer_details .col-2 {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell #customer_details .col-2,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-shipping-fields,
body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-additional-fields {
    display: none !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields {
    width: 100% !important;
    min-height: 0 !important;
    padding: clamp(18px, 2.4vw, 28px) !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order {
    min-height: 0 !important;
}

body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form .form-row {
    max-width: 100% !important;
}

@media (min-width: 1024px) {
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields {
        min-height: 430px !important;
    }
}

@media (max-width: 860px) {
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-app-screen,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-commerce-card,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-app-screen,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-commerce-card {
        width: 100% !important;
        max-width: none !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form.checkout {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        grid-template-areas:
            "orderTitle"
            "order"
            "details" !important;
        direction: rtl !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review {
        position: static !important;
    }
}

/* android-scroll-safe-2026-06-16: keep mobile page and login modal scrollable. */
html,
body {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
    touch-action: auto !important;
}

#tipeman-app,
#tipeman-app .tp-app-screen {
    touch-action: auto !important;
}

.tp-test-login-modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
}

.tp-test-login-modal__panel {
    max-height: none !important;
    touch-action: pan-y !important;
}

@media (max-width: 780px) {
    body:not(.woocommerce-checkout):not(.woocommerce-cart) #tipeman-app .tp-coupon-popup {
        display: none !important;
    }

    body:not(.tp-modal-open):not(.tp-focus-mode),
    body:not(.tp-modal-open):not(.tp-focus-mode) #tipeman-app {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: auto !important;
    }
}

/* compact-test-library-cards-2026-06-16: remove tall empty quiz cards and keep one clear action row. */
#tipeman-app .tp-galaxy {
    align-items: stretch !important;
}

#tipeman-app .tp-orb-card {
    min-height: 0 !important;
    height: auto !important;
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    align-items: center !important;
    align-self: start !important;
    gap: 14px !important;
    padding: 14px !important;
    overflow: hidden !important;
}

#tipeman-app .tp-orb-button {
    width: 72px !important;
    min-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    align-self: center !important;
}

#tipeman-app .tp-orb {
    width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    border-radius: 22px !important;
}

#tipeman-app .tp-orb svg,
#tipeman-app .tp-orb i {
    max-width: 30px !important;
    max-height: 30px !important;
}

#tipeman-app .tp-lock {
    width: 28px !important;
    height: 28px !important;
    left: -5px !important;
    bottom: -5px !important;
    border-radius: 999px !important;
    background: rgba(14, 26, 50, .92) !important;
    color: #fff !important;
    border: 2px solid rgba(255, 255, 255, .86) !important;
    box-shadow: 0 10px 24px rgba(19, 31, 60, .18) !important;
}

#tipeman-app .tp-orb-copy {
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 6px !important;
    text-align: right !important;
}

#tipeman-app .tp-orb-copy > small {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: rgba(84, 88, 104, .82) !important;
}

#tipeman-app .tp-orb-copy h3 {
    margin: 0 !important;
    font-size: clamp(15px, 1.45vw, 18px) !important;
    line-height: 1.55 !important;
    color: var(--tp-ink) !important;
}

#tipeman-app .tp-orb-copy p,
#tipeman-app .tp-card-trust-row,
#tipeman-app .tp-orb-badges,
#tipeman-app .tp-meta {
    display: none !important;
}

#tipeman-app .tp-card-actions {
    margin: 0 !important;
    min-width: 0 !important;
}

#tipeman-app .tp-card-cta.tp-card-cta--compact {
    width: auto !important;
    max-width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    box-shadow: 0 10px 24px rgba(39, 54, 118, .16), inset 0 1px rgba(255, 255, 255, .24) !important;
}

@media (min-width: 980px) {
    #tipeman-app .tp-orb-card {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 13px !important;
        border-radius: 22px !important;
    }

    #tipeman-app .tp-orb-button,
    #tipeman-app .tp-orb {
        width: 64px !important;
        min-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 720px) {
    #tipeman-app .tp-galaxy {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-orb-card {
        width: 100% !important;
        grid-template-columns: 68px minmax(0, 1fr) !important;
        padding: 12px !important;
        gap: 12px !important;
        border-radius: 22px !important;
    }

    #tipeman-app .tp-orb-button,
    #tipeman-app .tp-orb {
        width: 64px !important;
        min-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        border-radius: 20px !important;
    }

    #tipeman-app .tp-orb-copy {
        text-align: right !important;
    }

    #tipeman-app .tp-orb-copy h3 {
        font-size: 15px !important;
    }

    #tipeman-app .tp-card-cta.tp-card-cta--compact {
        width: 100% !important;
        font-size: 10.5px !important;
        padding-inline: 9px !important;
    }
}

/* bottom-nav-hover-active-fix-2026-07-13: only the current screen stays purple. */
#tipeman-app .tp-bottom-nav > :is(a, button):not(.is-active),
#tipeman-app .tp-bottom-nav--links > :is(a, button):not(.is-active) {
    color: var(--tp-ink, #081b3a) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.62)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.94), 0 8px 20px rgba(8,27,58,.035) !important;
}

#tipeman-app .tp-bottom-nav > :is(a, button).is-active,
#tipeman-app .tp-bottom-nav > :is(a, button).is-active:is(:hover, :focus, :focus-visible, :active),
#tipeman-app .tp-bottom-nav--links > :is(a, button).is-active,
#tipeman-app .tp-bottom-nav--links > :is(a, button).is-active:is(:hover, :focus, :focus-visible, :active) {
    color: #fff !important;
    background: linear-gradient(135deg, #342c8f, #6757e8) !important;
    box-shadow: 0 16px 38px rgba(103,87,232,.22), inset 0 1px rgba(255,255,255,.18) !important;
}

#tipeman-app .tp-bottom-nav > :is(a, button):focus-visible,
#tipeman-app .tp-bottom-nav--links > :is(a, button):focus-visible {
    outline: 3px solid rgba(93,73,223,.34) !important;
    outline-offset: 2px !important;
}

@media (hover: hover) and (pointer: fine) {
    #tipeman-app .tp-bottom-nav > :is(a, button):not(.is-active):hover,
    #tipeman-app .tp-bottom-nav--links > :is(a, button):not(.is-active):hover {
        color: #342c8f !important;
        background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,244,255,.88)) !important;
        box-shadow: inset 0 1px rgba(255,255,255,1), 0 12px 26px rgba(93,73,223,.10) !important;
        transform: translateY(-2px) !important;
    }
}

@media (hover: none) {
    #tipeman-app .tp-bottom-nav > :is(a, button):not(.is-active):is(:hover, :focus, :active),
    #tipeman-app .tp-bottom-nav--links > :is(a, button):not(.is-active):is(:hover, :focus, :active) {
        color: var(--tp-ink, #081b3a) !important;
        background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.62)) !important;
        box-shadow: inset 0 1px rgba(255,255,255,.94), 0 8px 20px rgba(8,27,58,.035) !important;
        transform: none !important;
    }
}

/* android-commerce-scroll-fix-2026-06-18: keep Android Chrome pages scrollable and make Woo checkout order natural. */
/* benchmark-test-cards-2026-06-30: show age, question count, free label and description on test cards. */
#tipeman-app .tp-orb-card {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    align-items: start !important;
}

#tipeman-app .tp-orb-copy {
    align-content: start !important;
    gap: 8px !important;
}

#tipeman-app .tp-test-card-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
}

#tipeman-app .tp-test-card-meta span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .82) !important;
    border: 1px solid rgba(105, 113, 137, .16) !important;
    color: rgba(45, 51, 71, .82) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
}

#tipeman-app .tp-test-card-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: rgba(50, 56, 76, .78) !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-card-cta.tp-card-cta--compact {
    width: fit-content !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

@media (min-width: 980px) {
    #tipeman-app .tp-orb-card {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        min-height: 208px !important;
    }
}

@media (max-width: 720px) {
    #tipeman-app .tp-orb-card {
        grid-template-columns: 62px minmax(0, 1fr) !important;
    }

    #tipeman-app .tp-orb-button,
    #tipeman-app .tp-orb {
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
    }

    #tipeman-app .tp-test-card-desc {
        -webkit-line-clamp: 2 !important;
        font-size: 11.5px !important;
    }

    #tipeman-app .tp-test-card-meta span {
        font-size: 10.5px !important;
        padding-inline: 8px !important;
    }
}

@media (max-width: 860px) {
    html,
    body {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: auto !important;
        touch-action: pan-y !important;
        position: relative !important;
    }

    body.tp-modal-open:not(:has(.tp-test-login-modal)),
    body.tp-focus-mode:not(:has(#tipeman-app [data-screen="quiz"]:not(.tp-hidden))):not(:has(#tipeman-app [data-screen="result"]:not(.tp-hidden))) {
        overflow-y: auto !important;
        touch-action: pan-y !important;
    }

    body:not(.tp-modal-open):not(.tp-focus-mode) #tipeman-app,
    body.woocommerce-cart #tipeman-app,
    body.woocommerce-checkout #tipeman-app {
        height: auto !important;
        min-height: 100svh !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body:not(.tp-modal-open):not(.tp-focus-mode) #tipeman-app .tp-app-screen,
    body.woocommerce-cart #tipeman-app .tp-app-screen,
    body.woocommerce-checkout #tipeman-app .tp-app-screen {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        touch-action: pan-y !important;
    }

    body.woocommerce-cart #tipeman-app.tp-commerce-shell,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell {
        width: 100% !important;
        max-width: none !important;
        padding: 10px 10px calc(118px + env(safe-area-inset-bottom)) !important;
    }

    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-app-screen,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-app-screen,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-commerce-card,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-commerce-card {
        width: 100% !important;
        max-width: none !important;
    }

    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-app-topbar,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-app-topbar,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .tp-mobile-top,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .tp-mobile-top {
        display: flex !important;
        position: sticky !important;
        top: 8px !important;
        z-index: 60 !important;
        width: 100% !important;
        margin: 0 auto 12px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form.checkout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
        grid-template-areas:
            "details"
            "orderTitle"
            "order" !important;
        gap: 14px !important;
        direction: rtl !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #customer_details {
        grid-area: details !important;
        order: 1 !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review_heading {
        grid-area: orderTitle !important;
        order: 2 !important;
        margin-top: 2px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #order_review,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order {
        grid-area: order !important;
        order: 3 !important;
        position: static !important;
        top: auto !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce-billing-fields {
        padding: 14px !important;
        min-height: 0 !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #payment {
        margin-top: 12px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #payment ul.payment_methods,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #payment div.form-row {
        padding: 10px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell #place_order,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell button[type="submit"] {
        margin-top: 8px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .wc-block-checkout {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .wc-block-checkout__main {
        order: 1 !important;
        width: 100% !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .wc-block-checkout__sidebar {
        order: 2 !important;
        width: 100% !important;
        position: static !important;
        top: auto !important;
    }

    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce-cart-form,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .cart-collaterals {
        width: 100% !important;
        max-width: none !important;
        position: static !important;
    }
}

body.woocommerce-cart .tp-site-footer,
body.woocommerce-checkout .tp-site-footer {
    display: block !important;
    width: 100% !important;
    margin-top: 28px !important;
    padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
}

/* android-chrome-scroll-unlock-2026-06-18: final override for Android Chrome touch scrolling. */
html,
body,
body:not(.wp-admin),
body:not(.tp-modal-open):not(.wp-admin),
body:not(.tp-focus-mode):not(.wp-admin) {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    position: relative !important;
}

body:not(.wp-admin) #page,
body:not(.wp-admin) .site,
body:not(.wp-admin) .site-content,
body:not(.wp-admin) #tipeman-app,
body:not(.wp-admin) #tipeman-app.tp-app,
body:not(.wp-admin) #tipeman-app.tp-app-shell,
body:not(.wp-admin) #tipeman-app .tp-app-screen {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
}

body:not(.wp-admin) #tipeman-app.tp-app-shell {
    min-height: 100svh !important;
    overflow-x: clip !important;
}

body.tp-modal-open .tp-test-login-modal,
body.tp-modal-open .tp-test-login-modal__panel,
body.tp-focus-mode #tipeman-app [data-screen="quiz"]:not(.tp-hidden),
body.tp-focus-mode #tipeman-app [data-screen="result"]:not(.tp-hidden) {
    overflow-y: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
}

/* mobile-form-no-zoom-2026-06-18: prevent iOS/Android form focus zoom without disabling page scroll. */
@media (max-width: 900px) {
    html,
    body,
    #tipeman-app,
    #tipeman-app .tp-app-screen {
        touch-action: pan-y !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    #tipeman-app input,
    #tipeman-app textarea,
    #tipeman-app select,
    #tipeman-app button,
    #tipeman-app .input-text,
    #tipeman-app .select2-selection,
    #tipeman-app .wc-block-components-text-input input,
    #tipeman-app .wc-block-components-combobox input,
    #tipeman-app .wc-block-components-textarea,
    .tp-test-login-modal input,
    .tp-test-login-modal textarea,
    .tp-test-login-modal select,
    .tp-test-login-modal button,
    .tp-private-login input,
    .tp-private-login textarea,
    .tp-private-login select,
    .tp-private-login button {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
        touch-action: manipulation !important;
    }

    #tipeman-app input:focus,
    #tipeman-app textarea:focus,
    #tipeman-app select:focus,
    .tp-test-login-modal input:focus,
    .tp-test-login-modal textarea:focus,
    .tp-test-login-modal select:focus {
        font-size: 16px !important;
        transform: none !important;
    }

    body.woocommerce-checkout #tipeman-app input.input-text,
    body.woocommerce-checkout #tipeman-app input.woocommerce-Input,
    body.woocommerce-checkout #tipeman-app input[type="text"],
    body.woocommerce-checkout #tipeman-app input[type="email"],
    body.woocommerce-checkout #tipeman-app input[type="tel"],
    body.woocommerce-checkout #tipeman-app input[type="password"],
    body.woocommerce-checkout #tipeman-app textarea,
    body.woocommerce-checkout #tipeman-app select,
    body.woocommerce-cart #tipeman-app input.input-text,
    body.woocommerce-cart #tipeman-app input.woocommerce-Input,
    body.woocommerce-cart #tipeman-app input[type="text"],
    body.woocommerce-cart #tipeman-app input[type="email"],
    body.woocommerce-cart #tipeman-app input[type="tel"],
    body.woocommerce-cart #tipeman-app input[type="password"],
    body.woocommerce-cart #tipeman-app textarea,
    body.woocommerce-cart #tipeman-app select {
        font-size: 16px !important;
        line-height: 1.45 !important;
        transform: none !important;
        touch-action: manipulation !important;
    }

    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form .input-text,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form input.input-text,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form input.woocommerce-Input,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form input[type="text"],
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form input[type="email"],
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form input[type="tel"],
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form input[type="password"],
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form textarea,
    body.woocommerce-checkout #tipeman-app.tp-commerce-shell .woocommerce form select,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form .input-text,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form input.input-text,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form input.woocommerce-Input,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form input[type="text"],
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form input[type="email"],
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form input[type="tel"],
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form input[type="password"],
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form textarea,
    body.woocommerce-cart #tipeman-app.tp-commerce-shell .woocommerce form select {
        font-size: 16px !important;
        line-height: 1.45 !important;
        transform: none !important;
        touch-action: manipulation !important;
    }
}

/* test-landing-pages-2026-06-18: SEO landing pages linked to each test route. */
#tipeman-app .tp-test-landing {
    max-width: 1120px !important;
    margin-inline: auto !important;
}

#tipeman-app .tp-test-landing__hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    margin: 18px 0 26px !important;
}

#tipeman-app .tp-test-landing__hero h1 {
    margin: 10px 0 12px !important;
    color: var(--ink) !important;
    font-size: clamp(34px, 5vw, 68px) !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

#tipeman-app .tp-test-landing__hero p,
#tipeman-app .tp-test-landing__article p,
#tipeman-app .tp-test-landing__article li {
    color: var(--muted) !important;
    font-size: clamp(15px, 1.7vw, 18px) !important;
    line-height: 2.25 !important;
    text-align: justify !important;
}

#tipeman-app .tp-test-landing__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

#tipeman-app .tp-test-landing__article h2 {
    margin: 34px 0 12px !important;
    color: var(--ink) !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    line-height: 1.55 !important;
}

#tipeman-app .tp-test-landing__article ul {
    margin: 12px 0 22px !important;
    padding: 0 22px 0 0 !important;
}

#tipeman-app .tp-test-landing__dimensions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 16px 0 28px !important;
}

#tipeman-app .tp-test-landing__dimensions article,
#tipeman-app .tp-seo-section--guide-link {
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: 24px !important;
    padding: 18px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.54)),
        radial-gradient(circle at 12% 8%, rgba(103, 87, 232, .12), transparent 34%) !important;
    box-shadow: 0 18px 46px rgba(66, 52, 38, .08) !important;
}

#tipeman-app .tp-test-landing__dimensions strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--ink) !important;
    font-size: 17px !important;
}

#tipeman-app .tp-test-landing__dimensions p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 2 !important;
    text-align: right !important;
}

@media (max-width: 820px) {
    #tipeman-app .tp-test-landing__hero,
    #tipeman-app .tp-test-landing__dimensions {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-test-landing__hero h1,
    #tipeman-app .tp-test-landing__hero p,
    #tipeman-app .tp-test-landing__article h2,
    #tipeman-app .tp-test-landing__article p,
    #tipeman-app .tp-test-landing__article li {
        text-align: center !important;
    }

    #tipeman-app .tp-test-landing__actions {
        justify-content: center !important;
    }

    #tipeman-app .tp-test-landing__article ul {
        padding: 0 !important;
        list-style-position: inside !important;
    }
}

/* commerce-shell-final-2026-06-21: stable app frame for Woo cart and checkout page_id routes. */
#tipeman-app.tp-commerce-shell,
#tipeman-app.tp-commerce-shell.tp-app,
#tipeman-app.tp-commerce-shell.tp-app-shell {
    width: min(calc(100% - 24px), 1480px) !important;
    max-width: 1480px !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 24px 0 calc(126px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: visible !important;
    overflow-x: clip !important;
}

#tipeman-app.tp-commerce-shell .tp-app-screen {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    display: block !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
    width: min(100%, 1180px) !important;
    max-width: 1180px !important;
    margin: 0 auto 18px !important;
    display: grid !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 28px !important;
    padding: 10px 12px !important;
}

#tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: min(100%, 1180px) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: clamp(16px, 2.2vw, 28px) !important;
    border-radius: 32px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.62)),
        radial-gradient(circle at 92% 8%, rgba(92, 77, 222, .10), transparent 28%) !important;
    box-shadow: 0 22px 58px rgba(8,27,58,.10), inset 0 1px rgba(255,255,255,.92) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .woocommerce {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--tp-ink, #10254c) !important;
    direction: rtl !important;
}

#tipeman-app.tp-commerce-shell .woocommerce > *,
#tipeman-app.tp-commerce-shell .woocommerce-cart-form,
#tipeman-app.tp-commerce-shell .cart-collaterals,
#tipeman-app.tp-commerce-shell .woocommerce form.checkout,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-cart,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout {
    width: 100% !important;
    max-width: none !important;
}

#tipeman-app.tp-commerce-shell--checkout .woocommerce form.checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
    gap: clamp(16px, 2vw, 28px) !important;
    align-items: start !important;
}

#tipeman-app.tp-commerce-shell--checkout #customer_details,
#tipeman-app.tp-commerce-shell--checkout .woocommerce-billing-fields,
#tipeman-app.tp-commerce-shell--checkout #order_review,
#tipeman-app.tp-commerce-shell--checkout .woocommerce-checkout-review-order,
#tipeman-app.tp-commerce-shell--cart .woocommerce-cart-form,
#tipeman-app.tp-commerce-shell--cart .cart-collaterals,
#tipeman-app.tp-commerce-shell .wc-block-components-main,
#tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
#tipeman-app.tp-commerce-shell .wc-block-cart,
#tipeman-app.tp-commerce-shell .wc-block-checkout {
    min-width: 0 !important;
    border-radius: 26px !important;
}

#tipeman-app.tp-commerce-shell .woocommerce table.shop_table,
#tipeman-app.tp-commerce-shell .woocommerce-checkout-review-order,
#tipeman-app.tp-commerce-shell .woocommerce form.checkout_coupon,
#tipeman-app.tp-commerce-shell .woocommerce form.login,
#tipeman-app.tp-commerce-shell .woocommerce form.register,
#tipeman-app.tp-commerce-shell .cart-collaterals .cart_totals,
#tipeman-app.tp-commerce-shell .wc-block-components-sidebar,
#tipeman-app.tp-commerce-shell .wc-block-components-main,
#tipeman-app.tp-commerce-shell .wc-block-components-order-summary,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-cart-order-summary-block,
#tipeman-app.tp-commerce-shell .wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 26px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.54)) !important;
    box-shadow: 0 16px 42px rgba(8,27,58,.075), inset 0 1px rgba(255,255,255,.88) !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .woocommerce a.button,
#tipeman-app.tp-commerce-shell .woocommerce button.button,
#tipeman-app.tp-commerce-shell .woocommerce input.button,
#tipeman-app.tp-commerce-shell .woocommerce #respond input#submit,
#tipeman-app.tp-commerce-shell .woocommerce .checkout-button,
#tipeman-app.tp-commerce-shell .wc-block-components-button {
    min-height: 48px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #102b58, #0b7cff) !important;
    color: #fff !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 34px rgba(11,124,255,.18) !important;
}

#tipeman-app.tp-commerce-shell .woocommerce input.input-text,
#tipeman-app.tp-commerce-shell .woocommerce textarea,
#tipeman-app.tp-commerce-shell .woocommerce select,
#tipeman-app.tp-commerce-shell .wc-block-components-text-input input,
#tipeman-app.tp-commerce-shell .wc-block-components-combobox input,
#tipeman-app.tp-commerce-shell .wc-block-components-textarea {
    min-height: 48px !important;
    border: 1px solid rgba(8,27,58,.10) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.90) !important;
}

#tipeman-app.tp-commerce-shell .tp-bottom-nav {
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(760px, calc(100% - 18px)) !important;
    z-index: 10050 !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(235, 168, 76, .32) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(145deg, rgba(255, 249, 234, .94), rgba(255, 255, 255, .76)),
        radial-gradient(circle at 8% 0%, rgba(235, 168, 76, .18), transparent 38%) !important;
    box-shadow: 0 16px 36px rgba(90, 62, 18, .10), inset 0 1px rgba(255, 255, 255, .92) !important;
    color: #17213a !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert[hidden] {
    display: none !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__icon {
    width: 44px !important;
    height: 44px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    color: #8a570d !important;
    background: rgba(235, 168, 76, .16) !important;
    border: 1px solid rgba(235, 168, 76, .24) !important;
    font-size: 18px !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__copy {
    min-width: 0 !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__copy strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #17213a !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.8 !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__copy p {
    margin: 0 !important;
    color: rgba(23, 33, 58, .66) !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__action,
#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__close {
    border: 0 !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__action {
    min-height: 40px !important;
    padding: 9px 14px !important;
    border-radius: 14px !important;
    background: #17213a !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 24px rgba(23, 33, 58, .16) !important;
}

#tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__close {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .68) !important;
    color: rgba(23, 33, 58, .62) !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body:has(#tipeman-app.tp-commerce-shell),
body.woocommerce-cart,
body.woocommerce-checkout {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

@media (max-width: 900px) {
    #tipeman-app.tp-commerce-shell,
    #tipeman-app.tp-commerce-shell.tp-app,
    #tipeman-app.tp-commerce-shell.tp-app-shell {
        width: 100% !important;
        max-width: none !important;
        padding: 10px 8px calc(116px + env(safe-area-inset-bottom, 0px)) !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
        width: 100% !important;
        margin-bottom: 12px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-commerce-card {
        width: 100% !important;
        padding: 12px !important;
        border-radius: 26px !important;
    }

    #tipeman-app.tp-commerce-shell--checkout .woocommerce form.checkout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    #tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert {
        grid-template-columns: auto minmax(0, 1fr) !important;
        padding: 14px 44px 14px 12px !important;
    }

    #tipeman-app.tp-commerce-shell--checkout .tp-checkout-vpn-alert__action {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
}

@media (max-width: 760px) {
    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        grid-template-areas: "menu auth brand" !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce > .tp-mobile-title,
    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce .tp-avatar,
    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce .tp-avatar--profile {
        display: none !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce .tp-menu-trigger {
        grid-area: menu !important;
        justify-self: start !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce .tp-header-auth-link {
        grid-area: auth !important;
        justify-self: center !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce .tp-app-name {
        grid-area: brand !important;
        justify-self: end !important;
    }
}

/* commerce-floating-frame-2026-06-21: keep cart/checkout header and app nav floating like the main app. */
#tipeman-app.tp-commerce-shell {
    padding-top: calc(102px + env(safe-area-inset-top, 0px)) !important;
}

#tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
    position: fixed !important;
    top: max(12px, env(safe-area-inset-top, 0px)) !important;
    right: 50% !important;
    left: auto !important;
    transform: translateX(50%) !important;
    z-index: 10060 !important;
    width: min(1180px, calc(100% - 24px)) !important;
    margin: 0 !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.64)),
        radial-gradient(circle at 92% 6%, rgba(93,73,223,.09), transparent 30%) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 20px 54px rgba(8,27,58,.12), inset 0 1px rgba(255,255,255,.96) !important;
    backdrop-filter: blur(28px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
}

#tipeman-app.tp-commerce-shell .tp-bottom-nav,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    top: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(760px, calc(100% - 18px)) !important;
    margin: 0 !important;
    z-index: 10055 !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.68)),
        radial-gradient(circle at 96% 0%, rgba(93,73,223,.11), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 18px 52px rgba(8,27,58,.14), inset 0 1px rgba(255,255,255,.96) !important;
    backdrop-filter: blur(26px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(160%) !important;
}

body:has(#tipeman-app.tp-commerce-shell) .tp-site-footer,
body.woocommerce-cart .tp-site-footer,
body.woocommerce-checkout .tp-site-footer {
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 760px) {
    #tipeman-app.tp-commerce-shell {
        padding-top: calc(94px + env(safe-area-inset-top, 0px)) !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
        top: max(8px, env(safe-area-inset-top, 0px)) !important;
        width: calc(100% - 18px) !important;
        min-height: 78px !important;
        border-radius: 28px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-bottom-nav,
    #tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
        width: calc(100% - 14px) !important;
        bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* account-redesign-live-final-2026-07-09: final My Account override after legacy commerce rules. */
body.woocommerce-account #tipeman-app.tp-commerce-shell,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
    width: min(calc(100% - 28px), 1220px) !important;
    max-width: 1220px !important;
    padding-top: 10px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
    min-height: calc(100vh - 148px) !important;
    padding: clamp(16px, 2.2vw, 26px) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(246,249,255,.78)),
        radial-gradient(circle at 12% 14%, rgba(42,157,143,.10), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(91,92,226,.11), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 28px 90px rgba(8,27,58,.08), inset 0 1px rgba(255,255,255,.94) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 300px) !important;
    grid-template-rows: auto 1fr !important;
    gap: 18px !important;
    align-items: start !important;
    direction: ltr !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-notices-wrapper:empty {
    display: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    direction: rtl !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
        linear-gradient(145deg, rgba(16,37,76,.96), rgba(70,62,185,.92)),
        radial-gradient(circle at 0 0, rgba(42,157,143,.32), transparent 40%) !important;
    box-shadow: 0 18px 42px rgba(16,37,76,.20) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__avatar {
    width: 52px !important;
    height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 18px !important;
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
    font-size: 1.35rem !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy {
    min-width: 0 !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy span,
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy small,
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__meta small {
    display: block !important;
    color: rgba(255,255,255,.70) !important;
    font-size: .76rem !important;
    font-weight: 850 !important;
    line-height: 1.6 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy strong {
    display: block !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    line-height: 1.7 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__meta {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 4px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.18) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__meta span {
    color: #fff !important;
    font-size: 1.25rem !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    float: none !important;
    position: sticky !important;
    top: 104px !important;
    margin: 0 !important;
    direction: rtl !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 16px 38px rgba(8,27,58,.06), inset 0 1px rgba(255,255,255,.94) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    border-radius: 16px !important;
    color: rgba(7,31,68,.76) !important;
    background: rgba(255,255,255,.58) !important;
    font-size: .88rem !important;
    font-weight: 950 !important;
    line-height: 1.5 !important;
    text-align: right !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a::before {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    color: #4f46d8 !important;
    background: rgba(91,92,226,.10) !important;
    font-family: "Tipeman Font Awesome 6 Free" !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f07a" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f15c" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f14e" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f505" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f08b" !important; }

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f570" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f013" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5" !important; }

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a:hover {
    transform: translateY(-1px) !important;
    color: #fff !important;
    background: linear-gradient(135deg, #10254c, #5B5CE2) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 30px rgba(16,37,76,.14) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation .is-active a::before,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a:hover::before {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 520px !important;
    float: none !important;
    margin: 0 !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 24px !important;
    direction: rtl !important;
    color: #071f44 !important;
    background: rgba(255,255,255,.84) !important;
    box-shadow: 0 18px 48px rgba(8,27,58,.055), inset 0 1px rgba(255,255,255,.94) !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
    display: block !important;
    position: relative !important;
    min-height: 74px !important;
    margin: 0 0 16px !important;
    padding: 18px 76px 18px 20px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 22px !important;
    color: rgba(7,31,68,.78) !important;
    background:
        linear-gradient(135deg, rgba(42,157,143,.14), rgba(91,92,226,.10)),
        rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92) !important;
    font-size: .96rem !important;
    font-weight: 800 !important;
    line-height: 2 !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type::before {
    content: "\f007" !important;
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #10254c, #5B5CE2) !important;
    font-family: "Tipeman Font Awesome 6 Free" !important;
    font-size: .95rem !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type strong {
    color: #071f44 !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type a {
    color: #4f46d8 !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:nth-of-type(2) {
    max-width: 920px !important;
    margin: 0 0 20px !important;
    color: rgba(7,31,68,.68) !important;
    font-size: .96rem !important;
    font-weight: 760 !important;
    line-height: 2.05 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    align-items: center !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 20px !important;
    color: rgba(7,31,68,.74) !important;
    background:
        linear-gradient(135deg, rgba(42,157,143,.12), rgba(91,92,226,.08)),
        rgba(255,255,255,.62) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type::before {
    content: "\f2bd" !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    color: #fff !important;
    background: #10254c !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content p {
    max-width: 850px !important;
    color: rgba(7,31,68,.70) !important;
    font-size: .95rem !important;
    font-weight: 760 !important;
    line-height: 2.05 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content a:not(.button):not(.tp-account-dashboard-card) {
    color: #4f46d8 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(79,70,216,.28) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(7,31,68,.08) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head {
    margin-bottom: 14px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head span {
    display: inline-flex !important;
    margin-bottom: 8px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    color: #4f46d8 !important;
    background: rgba(91,92,226,.10) !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head h2 {
    margin: 0 !important;
    color: #071f44 !important;
    font-size: clamp(1.1rem, 2vw, 1.45rem) !important;
    line-height: 1.7 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card,
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card:hover {
    min-height: 178px !important;
    display: grid !important;
    align-content: start !important;
    gap: 9px !important;
    padding: 16px !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    border-radius: 20px !important;
    color: #071f44 !important;
    background: rgba(255,255,255,.68) !important;
    box-shadow: 0 14px 34px rgba(8,27,58,.05), inset 0 1px rgba(255,255,255,.90) !important;
    text-decoration: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card i {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #10254c, #5B5CE2) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card strong {
    color: #071f44 !important;
    font-size: .98rem !important;
    line-height: 1.7 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card span {
    color: rgba(7,31,68,.62) !important;
    font-size: .84rem !important;
    font-weight: 760 !important;
    line-height: 1.85 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card em {
    align-self: end !important;
    color: #4f46d8 !important;
    font-size: .82rem !important;
    font-style: normal !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-tests__list { display:grid!important; gap:10px!important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-test { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:15px!important; border:1px solid rgba(91,92,226,.14)!important; border-radius:18px!important; background:rgba(255,255,255,.72)!important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-test>div { display:grid!important; gap:4px!important; min-width:0!important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-test span { color:#5b4fd0!important; font-size:.76rem!important; font-weight:950!important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-test strong { color:#071f44!important; font-size:.96rem!important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-test small { color:rgba(7,31,68,.62)!important; font-weight:750!important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-tests__empty { display:grid!important; gap:8px!important; justify-items:start!important; padding:18px!important; border:1px dashed rgba(91,92,226,.25)!important; border-radius:18px!important; background:rgba(91,92,226,.045)!important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-tests__empty span { color:rgba(7,31,68,.64)!important; }

@media (max-width: 900px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
        position: static !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
        width: calc(100% - 14px) !important;
        padding-top: 8px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
        min-height: calc(100vh - 112px) !important;
        padding: 12px !important;
        border-radius: 22px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        padding: 14px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__avatar {
        width: 46px !important;
        height: 46px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding: 8px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
        min-height: 46px !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 8px !important;
        font-size: .76rem !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a::before {
        width: 26px !important;
        height: 26px !important;
        border-radius: 10px !important;
        font-size: .72rem !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        min-height: 0 !important;
        padding: 16px 12px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        padding: 14px !important;
        border-radius: 18px !important;
        text-align: center !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content p,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card {
        text-align: center !important;
    }
    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-test { align-items:stretch!important; flex-direction:column!important; text-align:right!important; }
    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-org-test .button { width:100%!important; text-align:center!important; }
}

/* quiz-choice-confirm-20260712: calm purple question transitions and deliberate answers. */
body.tp-focus-mode #tipeman-app .tp-question-stage {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(111, 84, 214, .18) !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 92% 2%, rgba(129, 92, 246, .16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.93), rgba(246,243,255,.88)) !important;
    box-shadow: 0 26px 70px rgba(73, 51, 139, .12) !important;
}

body.tp-focus-mode #tipeman-app .tp-question-stage--enter {
    animation: tpQuestionPurpleEnter .52s cubic-bezier(.2,.8,.2,1) both !important;
}

body.tp-focus-mode #tipeman-app .tp-question-guidance {
    width: fit-content !important;
    max-width: min(100%, 680px) !important;
    margin: 0 auto 10px !important;
    padding: 6px 11px !important;
    border: 1px solid rgba(104, 80, 190, .12) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .62) !important;
    color: #746d83 !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1.8 !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(66, 48, 121, .045) !important;
}

body.tp-focus-mode #tipeman-app .tp-options {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    width: min(100%, 680px) !important;
    max-width: 680px !important;
    margin-inline: auto !important;
}

body.tp-focus-mode #tipeman-app .tp-question-example {
    width: min(100%, 680px) !important;
    margin: -5px auto 16px !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(104, 80, 190, .11) !important;
    border-radius: 14px !important;
    background: rgba(118, 87, 223, .055) !important;
    color: #6f6781 !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

body.tp-focus-mode #tipeman-app .tp-question-example strong {
    color: #6849c8 !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
}

body.tp-focus-mode #tipeman-app .tp-option,
body.tp-focus-mode #tipeman-app .tp-option:nth-child(n) {
    grid-column: 1 !important;
    width: 100% !important;
    min-height: 62px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    place-items: center !important;
    gap: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(102, 84, 174, .16) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.78) !important;
    color: #282238 !important;
    text-align: center !important;
    font-size: 14px !important;
    box-shadow: 0 10px 26px rgba(66, 48, 121, .06) !important;
    transform: none !important;
}

body.tp-focus-mode #tipeman-app .tp-option:hover {
    border-color: rgba(112, 84, 218, .42) !important;
    background: rgba(249,247,255,.96) !important;
    transform: translateX(-3px) !important;
}

body.tp-focus-mode #tipeman-app .tp-option.is-selected {
    border-color: #4f36b3 !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.92), 0 0 0 6px rgba(79,54,179,.34), 0 14px 34px rgba(74,51,164,.18) !important;
}

body.tp-focus-mode #tipeman-app .tp-option > span {
    width: 100% !important;
    text-align: center !important;
    font-weight: 850 !important;
}

body.tp-focus-mode #tipeman-app .tp-option.tp-option--level-0 {
    background: #faf8ff !important;
    color: #5f5870 !important;
}

body.tp-focus-mode #tipeman-app .tp-option.tp-option--level-1 {
    background: #f0ecff !important;
    color: #51466f !important;
}

body.tp-focus-mode #tipeman-app .tp-option.tp-option--level-2 {
    background: #dfd7ff !important;
    color: #43366d !important;
}

body.tp-focus-mode #tipeman-app .tp-option.tp-option--level-3 {
    background: #b8a8ef !important;
    color: #2f245d !important;
}

body.tp-focus-mode #tipeman-app .tp-option.tp-option--level-4 {
    background: #6f52d3 !important;
    color: #fff !important;
}

body.tp-focus-mode #tipeman-app .tp-option--level-0:hover,
body.tp-focus-mode #tipeman-app .tp-option--level-1:hover,
body.tp-focus-mode #tipeman-app .tp-option--level-2:hover,
body.tp-focus-mode #tipeman-app .tp-option--level-3:hover,
body.tp-focus-mode #tipeman-app .tp-option--level-4:hover {
    filter: brightness(.97) saturate(1.05) !important;
    transform: translateY(-2px) !important;
}

#tipeman-app .tp-option__choice {
    width: 24px;
    height: 24px;
    display: block;
    border: 2px solid rgba(103, 83, 174, .34);
    border-radius: 999px;
    background: #fff;
    box-shadow: inset 0 0 0 5px #fff;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

#tipeman-app .tp-option.is-selected .tp-option__choice {
    border-color: #7657df;
    background: #7657df;
    transform: scale(1.08);
}

body.tp-focus-mode #tipeman-app .tp-confirm-answer {
    grid-column: 1 !important;
    width: 100% !important;
    min-height: 56px !important;
    margin-top: 5px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #6849d7, #8566ea) !important;
    color: #fff !important;
    box-shadow: 0 15px 34px rgba(104,73,215,.26) !important;
}

body.tp-focus-mode #tipeman-app .tp-confirm-answer:disabled {
    opacity: .42 !important;
    filter: grayscale(.25) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

body.tp-focus-mode #tipeman-app .tp-answer-autosave {
    width: min(100%, 680px) !important;
    margin: 2px auto 0 !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    color: #756b8d !important;
    background: rgba(118,87,223,.055) !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

body.tp-focus-mode #tipeman-app .tp-quiz-actions {
    grid-column: 1 !important;
}

@keyframes tpQuestionPurpleEnter {
    from { opacity: .15; transform: translateY(18px) scale(.985); box-shadow: 0 0 0 12px rgba(118,87,223,.12); }
    to { opacity: 1; transform: translateY(0) scale(1); box-shadow: 0 26px 70px rgba(73,51,139,.12); }
}

@media (max-width: 600px) {
    body.tp-focus-mode #tipeman-app .tp-question-stage { border-radius: 24px !important; }
    body.tp-focus-mode #tipeman-app .tp-option,
    body.tp-focus-mode #tipeman-app .tp-option:nth-child(n) { min-height: 58px !important; padding: 11px 13px !important; }
    body.tp-focus-mode #tipeman-app .tp-quiz-actions { grid-template-columns: 1fr 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
    body.tp-focus-mode #tipeman-app .tp-question-stage--enter { animation: none !important; }
}

/* Tipeman full-quality page background: one stable lossless WebP per URL. */
body:not(.wp-admin) {
    background: #ece9e1 !important;
}

body:not(.wp-admin) > *:not(.tp-ambient-background) {
    position: relative;
    z-index: 1;
}

.tp-ambient-background {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background: #ece9e1;
    isolation: isolate;
}

.tp-ambient-background__image,
.tp-ambient-background__matte {
    position: absolute;
    inset: -42px;
}

.tp-ambient-background__image {
    background-image: var(--tp-ambient-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: none;
    opacity: 1;
    transform: translateZ(0);
    image-rendering: auto;
}

.tp-ambient-background__matte {
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(246, 244, 238, .14), rgba(235, 237, 232, .22)),
        radial-gradient(circle at 12% 12%, rgba(105, 86, 225, .07), transparent 42%);
}

@media (max-width: 760px) {
    .tp-ambient-background__image {
        filter: none;
        background-position: center center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tp-ambient-background__image { animation: none !important; }
}

/* account-redesign-final-2026-07-09: keep account layout after legacy commerce overrides. */
body.woocommerce-account #tipeman-app.tp-commerce-shell,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
    width: min(calc(100% - 28px), 1220px) !important;
    max-width: 1220px !important;
    padding-top: 10px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
    min-height: calc(100vh - 148px) !important;
    padding: clamp(16px, 2.2vw, 26px) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(246,249,255,.78)),
        radial-gradient(circle at 12% 14%, rgba(42,157,143,.10), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(91,92,226,.11), transparent 34%) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 290px) !important;
    grid-template-rows: auto 1fr !important;
    gap: 18px !important;
    align-items: start !important;
    direction: ltr !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-notices-wrapper {
    grid-column: 1 / -1 !important;
    direction: rtl !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    float: none !important;
    direction: rtl !important;
    position: sticky !important;
    top: 104px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 520px !important;
    float: none !important;
    margin: 0 !important;
    direction: rtl !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    justify-content: stretch !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a::before {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card,
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card:hover {
    color: #071f44 !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

@media (max-width: 900px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
        position: static !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
        width: calc(100% - 14px) !important;
        padding-top: 8px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 7px !important;
        font-size: .76rem !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        min-height: 0 !important;
        padding: 16px 12px !important;
    }
}

/* account-redesign-2026-07-09: dense, readable WooCommerce account dashboard. */
body.woocommerce-account #tipeman-app.tp-commerce-shell,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
    width: min(calc(100% - 28px), 1220px) !important;
    padding-top: 10px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
    margin-bottom: 12px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
    min-height: calc(100vh - 148px) !important;
    padding: clamp(16px, 2.2vw, 26px) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(246,249,255,.78)),
        radial-gradient(circle at 12% 14%, rgba(42,157,143,.10), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(91,92,226,.11), transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 28px 90px rgba(8,27,58,.08), inset 0 1px rgba(255,255,255,.94) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 290px) !important;
    grid-template-rows: auto 1fr !important;
    gap: 18px !important;
    align-items: start !important;
    direction: ltr !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-notices-wrapper {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    direction: rtl !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    direction: rtl !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(145deg, rgba(16,37,76,.96), rgba(70,62,185,.92)),
        radial-gradient(circle at 0 0, rgba(42,157,143,.32), transparent 40%) !important;
    color: #fff !important;
    box-shadow: 0 18px 42px rgba(16,37,76,.20) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__avatar {
    width: 52px !important;
    height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.18) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #fff !important;
    font-size: 1.35rem !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy {
    min-width: 0 !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy span,
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy small,
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__meta small {
    display: block !important;
    color: rgba(255,255,255,.70) !important;
    font-size: .76rem !important;
    font-weight: 850 !important;
    line-height: 1.6 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__copy strong {
    display: block !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    line-height: 1.7 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__meta {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 4px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.18) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__meta span {
    color: #fff !important;
    font-size: 1.25rem !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
    grid-column: 2 !important;
    grid-row: 2 !important;
    direction: rtl !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    position: sticky !important;
    top: 104px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 16px 38px rgba(8,27,58,.06), inset 0 1px rgba(255,255,255,.94) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    color: rgba(7,31,68,.76) !important;
    font-size: .88rem !important;
    font-weight: 950 !important;
    line-height: 1.5 !important;
    text-align: right !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.58) !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a::before {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: rgba(91,92,226,.10) !important;
    color: #4f46d8 !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f570" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f013" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5" !important; }

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a:hover {
    transform: translateY(-1px) !important;
    color: #fff !important;
    background: linear-gradient(135deg, #10254c, #5B5CE2) !important;
    border-color: rgba(255,255,255,.0) !important;
    box-shadow: 0 14px 30px rgba(16,37,76,.14) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation .is-active a::before,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a:hover::before {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    direction: rtl !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 520px !important;
    float: none !important;
    margin: 0 !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.74) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 18px 48px rgba(8,27,58,.055), inset 0 1px rgba(255,255,255,.94) !important;
    color: #071f44 !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    align-items: center !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background:
        linear-gradient(135deg, rgba(42,157,143,.12), rgba(91,92,226,.08)),
        rgba(255,255,255,.62) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    color: rgba(7,31,68,.74) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type::before {
    content: "\f2bd" !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    color: #fff !important;
    background: #10254c !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content p {
    max-width: 850px !important;
    color: rgba(7,31,68,.70) !important;
    font-size: .95rem !important;
    font-weight: 760 !important;
    line-height: 2.05 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content strong,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content h2,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content h3 {
    color: #071f44 !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content a:not(.button):not(.tp-account-dashboard-card) {
    color: #4f46d8 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(79,70,216,.28) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(7,31,68,.08) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head {
    margin-bottom: 14px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head span {
    display: inline-flex !important;
    margin-bottom: 8px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(91,92,226,.10) !important;
    color: #4f46d8 !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head h2 {
    margin: 0 !important;
    color: #071f44 !important;
    font-size: clamp(1.1rem, 2vw, 1.45rem) !important;
    line-height: 1.7 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card {
    min-height: 178px !important;
    display: grid !important;
    align-content: start !important;
    gap: 9px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.68) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    color: #071f44 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 34px rgba(8,27,58,.05), inset 0 1px rgba(255,255,255,.90) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card i {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #10254c, #5B5CE2) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card strong {
    color: #071f44 !important;
    font-size: .98rem !important;
    line-height: 1.7 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card span {
    color: rgba(7,31,68,.62) !important;
    font-size: .84rem !important;
    font-weight: 760 !important;
    line-height: 1.85 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card em {
    align-self: end !important;
    color: #4f46d8 !important;
    font-size: .82rem !important;
    font-style: normal !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content table.shop_table {
    overflow: hidden !important;
    border: 1px solid rgba(7,31,68,.08) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.66) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content table.shop_table td {
    padding: 14px !important;
    border-color: rgba(7,31,68,.07) !important;
    color: rgba(7,31,68,.74) !important;
    font-weight: 800 !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content .button,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-Button,
body.woocommerce-account #tipeman-app.tp-commerce-shell button.button {
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #10254c !important;
    color: #fff !important;
    font-weight: 950 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell form.woocommerce-EditAccountForm,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-address-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form .form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form .form-row-wide,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form fieldset,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form p:last-child {
    grid-column: 1 / -1 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form label {
    display: block !important;
    margin-bottom: 7px !important;
    color: rgba(7,31,68,.68) !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce input.input-text,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce textarea,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce select {
    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(7,31,68,.12) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.82) !important;
    color: #071f44 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.9) !important;
}

@media (max-width: 900px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
        position: static !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
        width: calc(100% - 14px) !important;
        padding-top: 8px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
        min-height: calc(100vh - 112px) !important;
        padding: 12px !important;
        border-radius: 22px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        padding: 14px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card__avatar {
        width: 46px !important;
        height: 46px !important;
        border-radius: 16px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding: 8px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
        min-height: 46px !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 8px !important;
        font-size: .76rem !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a::before {
        width: 26px !important;
        height: 26px !important;
        border-radius: 10px !important;
        font-size: .72rem !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        min-height: 0 !important;
        padding: 16px 12px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        justify-items: center !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content p {
        font-size: .86rem !important;
        line-height: 2 !important;
        text-align: center !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-panel__head {
        text-align: center !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card {
        min-height: auto !important;
        justify-items: center !important;
        text-align: center !important;
        padding: 15px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell form.woocommerce-EditAccountForm,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
}

/* account-ui-20260701: polish WooCommerce My Account inside the Tipeman app shell. */
body.woocommerce-account #tipeman-app.tp-commerce-shell {
    padding-top: 12px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
    min-height: min(640px, calc(100vh - 160px)) !important;
    padding: clamp(16px, 3vw, 28px) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(247,250,255,.56)),
        radial-gradient(circle at 8% 0, rgba(91,92,226,.10), transparent 36%),
        radial-gradient(circle at 100% 16%, rgba(42,157,143,.08), transparent 34%) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    direction: rtl !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-notices-wrapper {
    grid-column: 1 / -1 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.58) !important;
    box-shadow: 0 16px 40px rgba(8,27,58,.06), inset 0 1px rgba(255,255,255,.86) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    color: rgba(7,31,68,.78) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.48) !important;
    border: 1px solid rgba(255,255,255,.58) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #5B5CE2, #4f46d8) !important;
    box-shadow: 0 14px 30px rgba(91,92,226,.18) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: clamp(18px, 3vw, 30px) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: 0 16px 44px rgba(8,27,58,.055), inset 0 1px rgba(255,255,255,.86) !important;
    color: #071f44 !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content p {
    max-width: 780px !important;
    margin: 0 0 14px !important;
    color: rgba(7,31,68,.72) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 2.05 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content strong {
    color: #071f44 !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content a:not(.button) {
    color: #4f46d8 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(79,70,216,.28) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content .button,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-Button,
body.woocommerce-account #tipeman-app.tp-commerce-shell button.button {
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #10254c !important;
    color: #fff !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell form.woocommerce-EditAccountForm,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-address-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form .form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form .form-row-wide,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form fieldset,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form p:last-child {
    grid-column: 1 / -1 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce form label {
    display: block !important;
    margin-bottom: 7px !important;
    color: rgba(7,31,68,.68) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce input.input-text,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce textarea,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce select {
    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(7,31,68,.12) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.74) !important;
    color: #071f44 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.9) !important;
}

@media (max-width: 760px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
        min-height: calc(100vh - 116px) !important;
        padding: 14px !important;
        border-radius: 24px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        padding: 8px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
        min-height: 42px !important;
        padding: 8px 6px !important;
        font-size: 12px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        padding: 18px 14px !important;
        text-align: center !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content p {
        margin-inline: auto !important;
        font-size: 13px !important;
        line-height: 2 !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell form.woocommerce-EditAccountForm,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
}

/* commerce-hide-bottom-nav-final-20260701: final override after legacy commerce blocks. */
body.woocommerce-cart .tp-bottom-nav,
body.woocommerce-cart .tp-bottom-nav--links,
body.woocommerce-checkout .tp-bottom-nav,
body.woocommerce-checkout .tp-bottom-nav--links,
#tipeman-app.tp-commerce-shell .tp-bottom-nav,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#tipeman-app.tp-commerce-shell,
#tipeman-app.tp-commerce-shell.tp-app,
#tipeman-app.tp-commerce-shell.tp-app-shell {
    padding-bottom: max(22px, env(safe-area-inset-bottom, 0px)) !important;
}

/* commerce-hide-bottom-nav-20260701: keep cart and checkout focused, with no stacked nav buttons. */
body.woocommerce-cart .tp-bottom-nav,
body.woocommerce-cart .tp-bottom-nav--links,
body.woocommerce-checkout .tp-bottom-nav,
body.woocommerce-checkout .tp-bottom-nav--links,
#tipeman-app.tp-commerce-shell .tp-bottom-nav,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#tipeman-app.tp-commerce-shell,
#tipeman-app.tp-commerce-shell.tp-app,
#tipeman-app.tp-commerce-shell.tp-app-shell {
    padding-bottom: max(22px, env(safe-area-inset-bottom, 0px)) !important;
}

/* home-responsive-storefront-20260630: final homepage alignment and sales-card pass. */
#tipeman-app .tp-app-screen[data-screen="home"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    overflow-x: clip !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-mobile-top,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-popular-tests,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-site-footer {
    box-sizing: border-box !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-popular-tests {
    width: min(1120px, calc(100% - 32px)) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
    transform: none !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy {
    width: 100% !important;
    max-width: 980px !important;
    margin-inline: auto !important;
    text-align: center !important;
    justify-items: center !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h1,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h2 {
    max-width: 900px !important;
    margin-inline: auto !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid {
    width: 100% !important;
    max-width: 860px !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid :where(a, button),
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 112px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 7px !important;
    padding: 13px 8px !important;
    text-align: center !important;
    white-space: normal !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-actions {
    width: 100% !important;
    max-width: 720px !important;
    margin-inline: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-actions .tp-btn {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
}

#tipeman-app .tp-home-popular-tests__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#tipeman-app .tp-home-popular-card {
    min-width: 0 !important;
    min-height: 186px !important;
    justify-content: start !important;
}

#tipeman-app .tp-home-popular-card b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #6548dd, #4933c8) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(73, 51, 200, .16) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

@media (max-width: 900px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-mobile-top {
        width: min(100% - 16px, 760px) !important;
        max-width: calc(100% - 16px) !important;
        margin: 8px auto 14px !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-popular-tests {
        width: min(100% - 16px, 720px) !important;
        max-width: calc(100% - 16px) !important;
        margin: 0 auto 18px !important;
        padding: 18px 14px !important;
        border-radius: 26px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero {
        min-height: 0 !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy {
        max-width: 100% !important;
        gap: 12px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h2 {
        font-size: clamp(28px, 7.4vw, 42px) !important;
        line-height: 1.35 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid,
    #tipeman-app .tp-home-popular-tests__grid {
        max-width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-grid :where(a, button),
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-choice-item {
        min-height: 118px !important;
        border-radius: 20px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-actions {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-actions .tp-btn {
        width: 100% !important;
        min-height: 44px !important;
        padding: 8px 6px !important;
        border-radius: 16px !important;
        font-size: 12px !important;
    }

    #tipeman-app .tp-home-popular-card {
        min-height: 178px !important;
        padding: 14px 10px !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 380px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-copy h2 {
        font-size: 27px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-actions {
        grid-template-columns: 1fr !important;
    }
}

/* result-growth-plan-2026-06-23: compact, readable growth roadmap cards. */
#tipeman-app .tp-growth-plan {
    margin: 28px 0;
    padding: clamp(20px, 4vw, 34px);
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.86);
    background:
        linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.58)),
        radial-gradient(circle at 8% 8%, rgba(93,73,223,.10), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(42,157,143,.10), transparent 34%);
    box-shadow: 0 18px 48px rgba(8,27,58,.08), inset 0 1px rgba(255,255,255,.88);
    backdrop-filter: blur(24px) saturate(155%);
    -webkit-backdrop-filter: blur(24px) saturate(155%);
}

/* teams-organization-panel-20260701: role-aware Teams pages and SaaS panel polish. */
.tp-teams-shell,
.tp-teams-shell * {
    box-sizing: border-box;
}

.tp-teams-tabs {
    overflow-x: auto;
    scrollbar-width: thin;
}

.tp-teams-tabs a.is-active,
.tp-teams-tabs a:hover {
    background: linear-gradient(135deg, #5B5CE2, #4f46d8) !important;
    color: #fff !important;
    border-color: rgba(91,92,226,.16) !important;
    box-shadow: 0 14px 30px rgba(91,92,226,.18) !important;
}

.tp-teams-badge,
.tp-teams-row em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(91,92,226,.10) !important;
    color: #4f46d8 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.tp-teams-row {
    min-width: 0 !important;
}

.tp-teams-row .tp-btn {
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
}

.tp-teams-row-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: max-content !important;
}

.tp-inline-form {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.tp-teams-panel .tp-teams-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.tp-teams-panel form .tp-btn,
.tp-teams-form .tp-btn {
    margin-top: 10px !important;
}

/* teams-billing-flow-20260701: readable billing history and tighter mobile panels. */
.tp-teams-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.tp-teams-table {
    width: 100% !important;
    min-width: 680px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.tp-teams-table th,
.tp-teams-table td {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(23,33,58,.08) !important;
    text-align: right !important;
    vertical-align: middle !important;
    color: #17213a !important;
}

.tp-teams-table th {
    color: rgba(23,33,58,.58) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.tp-teams-billing-history .tp-btn {
    min-height: 34px !important;
    padding: 7px 12px !important;
    border-radius: 12px !important;
}

/* teams-members-layout-20260701: stop grid cards from overlapping on members pages. */
.tp-teams-grid {
    align-items: start !important;
}

.tp-teams-grid > .tp-teams-panel,
.tp-teams-grid > article.tp-teams-panel,
.tp-teams-grid > div.tp-teams-panel {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.tp-teams-panel > form:not(.tp-teams-form),
.tp-teams-panel form[enctype="multipart/form-data"] {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
}

.tp-teams-panel input[type="file"] {
    min-height: 44px !important;
    padding: 10px !important;
    direction: ltr !important;
    text-align: left !important;
}

.tp-teams-shell {
    padding-bottom: 132px !important;
}

@media (max-width: 720px) {
    .tp-teams-shell {
        width: 100% !important;
        overflow-x: hidden !important;
        gap: 12px !important;
    }

    .tp-teams-hero,
    .tp-teams-panel,
    .tp-teams-form,
    .tp-teams-alert,
    .tp-teams-status,
    .tp-teams-stats,
    .tp-teams-grid {
        width: min(100% - 16px, 720px) !important;
        margin-inline: auto !important;
    }

    .tp-teams-hero,
    .tp-teams-panel {
        border-radius: 20px !important;
        padding: 18px 14px !important;
        text-align: center !important;
    }

    .tp-teams-admin-mode,
    .tp-teams-dashboard-guide {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .tp-teams-admin-mode strong {
        white-space: normal !important;
    }

    .tp-teams-quick-actions {
        justify-content: stretch !important;
    }

    .tp-teams-quick-actions .tp-btn {
        flex: 1 1 120px !important;
    }

    .tp-teams-hero h1,
    .tp-teams-panel h1,
    .tp-teams-panel h2 {
        font-size: 20px !important;
        line-height: 1.55 !important;
    }

    .tp-teams-tabs {
        width: min(100% - 16px, 720px) !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 8px !important;
        overflow: visible !important;
    }

    .tp-teams-tabs a {
        min-width: 0 !important;
        min-height: 42px !important;
        padding: 8px 6px !important;
        white-space: normal !important;
        line-height: 1.45 !important;
        text-align: center !important;
    }

    .tp-teams-stats article {
        min-height: 78px !important;
        border-radius: 18px !important;
    }

    .tp-teams-row {
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
        align-items: stretch !important;
        text-align: center !important;
        gap: 10px !important;
    }

    .tp-teams-row > div {
        justify-items: center !important;
    }

    .tp-teams-row-actions {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .tp-inline-form {
        width: 100% !important;
    }

    .tp-teams-row .tp-btn,
    .tp-teams-row em,
    .tp-teams-badge {
        width: 100% !important;
    }

    .tp-teams-activity li {
        text-align: center !important;
    }

    .tp-teams-form__grid,
    .tp-teams-grid,
    .tp-teams-settings {
        gap: 10px !important;
    }

    .tp-teams-form label,
    .tp-teams-panel label {
        text-align: right !important;
    }

    .tp-teams-table {
        min-width: 620px !important;
    }

    .tp-teams-grid > .tp-teams-panel {
        width: 100% !important;
    }
}

#tipeman-app .tp-growth-plan__head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 20px;
}

#tipeman-app .tp-growth-plan__head h4 {
    margin: 6px 0 10px;
    font-size: clamp(1.35rem, 3vw, 2rem);
    line-height: 1.45;
}

#tipeman-app .tp-growth-plan__head p {
    margin: 0;
    color: rgba(8,27,58,.68);
    line-height: 2.05;
}

#tipeman-app .tp-growth-focus {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
}

#tipeman-app .tp-growth-focus span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    color: #071f44;
    background: rgba(255,255,255,.66);
    border: 1px solid rgba(255,255,255,.82);
    box-shadow: inset 0 1px rgba(255,255,255,.9);
    font-weight: 800;
}

#tipeman-app .tp-days-grid,
#tipeman-app .tp-weeks-grid,
#tipeman-app .tp-journal-grid {
    display: grid;
    gap: 12px;
}

#tipeman-app .tp-days-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-top: 18px;
}

#tipeman-app .tp-day-card,
#tipeman-app .tp-week-card,
#tipeman-app .tp-journal-grid article {
    position: relative;
    min-width: 0;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.82);
    background:
        linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.48)),
        radial-gradient(circle at 100% 0, rgba(93,73,223,.08), transparent 38%);
    box-shadow: 0 12px 30px rgba(8,27,58,.055), inset 0 1px rgba(255,255,255,.82);
    color: #071f44;
}

#tipeman-app .tp-day-card {
    padding: 16px 12px 14px;
    text-align: center;
}

#tipeman-app .tp-day-card strong,
#tipeman-app .tp-journal-grid article strong {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin: 0 auto 8px;
    border-radius: 14px;
    background: linear-gradient(135deg, #071f44, #5b45d8);
    color: #fff;
    box-shadow: 0 10px 24px rgba(79,58,200,.18);
}

#tipeman-app .tp-day-card span,
#tipeman-app .tp-week-card span {
    display: block;
    margin-bottom: 8px;
    color: rgba(8,27,58,.58);
    font-size: .82rem;
    font-weight: 900;
}

#tipeman-app .tp-day-card p,
#tipeman-app .tp-week-card p,
#tipeman-app .tp-journal-grid article p {
    margin: 0;
    color: rgba(8,27,58,.78);
    font-size: .9rem;
    line-height: 1.85;
}

#tipeman-app .tp-weeks-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 14px;
}

#tipeman-app .tp-week-card {
    padding: 16px;
}

#tipeman-app .tp-week-card span {
    color: #4f3ac8;
}

#tipeman-app .tp-journal-grid {
    grid-template-columns: .95fr repeat(3, 1fr);
    align-items: stretch;
    margin-top: 16px;
}

#tipeman-app .tp-journal-grid > div {
    padding: 16px 10px;
}

#tipeman-app .tp-journal-grid h4 {
    margin: 4px 0 0;
    line-height: 1.55;
}

#tipeman-app .tp-journal-grid article {
    padding: 16px;
}

#tipeman-app .tp-journal-grid article strong {
    margin: 0 0 10px auto;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    font-size: .9rem;
}

@media (max-width: 980px) {
    #tipeman-app .tp-days-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #tipeman-app .tp-weeks-grid,
    #tipeman-app .tp-journal-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    #tipeman-app .tp-growth-plan {
        margin: 22px 0;
        padding: 18px 14px;
        border-radius: 26px;
    }

    #tipeman-app .tp-growth-plan__head,
    #tipeman-app .tp-day-card,
    #tipeman-app .tp-week-card,
    #tipeman-app .tp-journal-grid {
        text-align: center;
    }

    #tipeman-app .tp-days-grid {
        grid-template-columns: 1fr;
    }

    #tipeman-app .tp-growth-focus span {
        width: 100%;
        justify-content: center;
    }
}

/* dashboard-polish-2026-06-23: compact report stats and cleaner report cards. */
#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: min(100%, 760px) !important;
    margin: 16px auto 22px !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article {
    min-height: 72px !important;
    padding: 12px 10px !important;
    border-radius: 22px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.46)),
        radial-gradient(circle at 90% 0, rgba(93,73,223,.08), transparent 36%) !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article span {
    color: rgba(8,27,58,.58) !important;
    font-size: clamp(.68rem, 2vw, .86rem) !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article strong {
    color: #111827 !important;
    font-size: clamp(1.15rem, 4vw, 1.8rem) !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-report-tools {
    width: min(100%, 620px) !important;
    margin: 20px auto 18px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.70), rgba(255,255,255,.40)) !important;
    box-shadow: 0 14px 36px rgba(8,27,58,.06), inset 0 1px rgba(255,255,255,.84) !important;
    display: grid !important;
    gap: 10px !important;
    text-align: center !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-report-tools .tp-search {
    min-height: 54px !important;
    border-radius: 999px !important;
    text-align: center !important;
    font-size: clamp(.98rem, 3vw, 1.1rem) !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-report-tools span {
    color: #071f44 !important;
    font-weight: 900 !important;
    font-size: .95rem !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel {
    width: min(100%, 720px) !important;
    margin: 18px auto 22px !important;
    padding: 18px !important;
    border-radius: 28px !important;
    text-align: center !important;
    display: grid !important;
    gap: 12px !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel h3 {
    margin: 8px 0 0 !important;
    font-size: clamp(1rem, 3.2vw, 1.35rem) !important;
    line-height: 1.65 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel__chips {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel__chips span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    color: #4f3ac8 !important;
    font-size: .9rem !important;
    font-weight: 950 !important;
    line-height: 1.5 !important;
    background: rgba(255,255,255,.66) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 10px 24px rgba(79,58,200,.07), inset 0 1px rgba(255,255,255,.88) !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history {
    width: min(100%, 720px) !important;
    margin: 0 auto 14px !important;
    padding: 18px !important;
    border-radius: 26px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    text-align: right !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.42)),
        radial-gradient(circle at 0 0, rgba(42,157,143,.08), transparent 38%) !important;
    box-shadow: 0 16px 42px rgba(8,27,58,.065), inset 0 1px rgba(255,255,255,.86) !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-copy {
    min-width: 0 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-copy strong {
    display: block !important;
    color: #071f44 !important;
    font-size: clamp(1rem, 3vw, 1.18rem) !important;
    line-height: 1.65 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-copy span {
    color: rgba(8,27,58,.58) !important;
    font-size: .92rem !important;
    line-height: 1.7 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions .tp-btn {
    min-height: 48px !important;
    padding: 10px 16px !important;
    border-radius: 20px !important;
    font-size: .96rem !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions .tp-btn--danger {
    color: #4f3ac8 !important;
    background: rgba(255,255,255,.64) !important;
}

@media (max-width: 560px) {
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 12px auto 18px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article {
        min-height: 62px !important;
        padding: 9px 4px !important;
        border-radius: 18px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article span {
        font-size: .62rem !important;
        white-space: normal !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article strong {
        font-size: 1.18rem !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel {
        margin: 14px auto 18px !important;
        padding: 16px 12px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel h3 {
        font-size: .98rem !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel__chips {
        gap: 6px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel__chips span {
        min-height: 34px !important;
        padding: 7px 10px !important;
        font-size: .78rem !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        padding: 16px 14px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions .tp-btn {
        width: 100% !important;
        min-height: 48px !important;
        padding: 10px 8px !important;
    }
}

/* commerce-frame-emergency-final-2026-06-21: final override after all legacy commerce rules. */
#tipeman-app.tp-commerce-shell,
#tipeman-app.tp-commerce-shell.tp-app,
#tipeman-app.tp-commerce-shell.tp-app-shell {
    width: min(calc(100% - 18px), 1180px) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 10px 0 max(22px, env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
}

#tipeman-app.tp-commerce-shell .tp-app-screen {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
    position: sticky !important;
    top: max(8px, env(safe-area-inset-top, 0px)) !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 14px !important;
    z-index: 10060 !important;
    border-radius: 28px !important;
}

#tipeman-app.tp-commerce-shell .tp-commerce-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

#tipeman-app.tp-commerce-shell .tp-bottom-nav,
#tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 50% !important;
    left: auto !important;
    top: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(50%) !important;
    width: min(760px, calc(100% - 16px)) !important;
    margin: 0 !important;
    z-index: 10055 !important;
}

@media (max-width: 760px) {
    #tipeman-app.tp-commerce-shell,
    #tipeman-app.tp-commerce-shell.tp-app,
    #tipeman-app.tp-commerce-shell.tp-app-shell {
        width: calc(100% - 14px) !important;
        padding-top: 8px !important;
        padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
    }

    #tipeman-app.tp-commerce-shell .tp-mobile-top.tp-mobile-top--commerce {
        width: 100% !important;
        min-height: 72px !important;
        border-radius: 26px !important;
    }

    #tipeman-app.tp-commerce-shell .tp-bottom-nav,
    #tipeman-app.tp-commerce-shell .tp-bottom-nav--links {
        width: calc(100% - 14px) !important;
        bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* account-redesign-true-final-2026-07-09: keep the redesigned account pages after all commerce overrides. */
body.woocommerce-account #tipeman-app.tp-commerce-shell,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
    width: min(calc(100% - 28px), 1220px) !important;
    max-width: 1220px !important;
    padding-top: 10px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-commerce-card {
    min-height: calc(100vh - 148px) !important;
    padding: clamp(16px, 2.2vw, 26px) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(246,249,255,.78)),
        radial-gradient(circle at 12% 14%, rgba(42,157,143,.10), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(91,92,226,.11), transparent 34%) !important;
    box-shadow: 0 28px 90px rgba(8,27,58,.08), inset 0 1px rgba(255,255,255,.94) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 300px) !important;
    grid-template-rows: auto 1fr !important;
    gap: 18px !important;
    align-items: start !important;
    direction: ltr !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-notices-wrapper:empty {
    display: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    float: none !important;
    position: sticky !important;
    top: 104px !important;
    margin: 0 !important;
    direction: rtl !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 16px 38px rgba(8,27,58,.06), inset 0 1px rgba(255,255,255,.94) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: stretch !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    border-radius: 16px !important;
    color: rgba(7,31,68,.76) !important;
    background: rgba(255,255,255,.58) !important;
    font-size: .88rem !important;
    font-weight: 950 !important;
    line-height: 1.5 !important;
    text-align: right !important;
    text-decoration: none !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a::before {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    color: #4f46d8 !important;
    background: rgba(91,92,226,.10) !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a:hover {
    transform: translateY(-1px) !important;
    color: #fff !important;
    background: linear-gradient(135deg, #10254c, #5B5CE2) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 30px rgba(16,37,76,.14) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation .is-active a::before,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a:hover::before {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 520px !important;
    float: none !important;
    margin: 0 !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 24px !important;
    direction: rtl !important;
    color: #071f44 !important;
    background: rgba(255,255,255,.74) !important;
    box-shadow: 0 18px 48px rgba(8,27,58,.055), inset 0 1px rgba(255,255,255,.94) !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card,
body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-card:hover {
    min-height: 178px !important;
    display: grid !important;
    align-content: start !important;
    gap: 9px !important;
    padding: 16px !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    border-radius: 20px !important;
    color: #071f44 !important;
    background: rgba(255,255,255,.68) !important;
    box-shadow: 0 14px 34px rgba(8,27,58,.05), inset 0 1px rgba(255,255,255,.90) !important;
    text-decoration: none !important;
}

@media (max-width: 900px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-profile-card,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation,
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation {
        position: static !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .tp-account-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app,
    body.woocommerce-account #tipeman-app.tp-commerce-shell.tp-app-shell {
        width: calc(100% - 14px) !important;
        padding-top: 8px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a {
        min-height: 46px !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 8px !important;
        font-size: .76rem !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
        min-height: 0 !important;
        padding: 16px 12px !important;
        border-radius: 20px !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
        padding: 64px 14px 14px !important;
        text-align: center !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type::before {
        right: 50% !important;
        transform: translateX(50%) !important;
    }
}

/* ai-report-timer-polish-20260709: visible generation state below Pattern Map. */
#tipeman-app .tp-ai-report--waiting {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(148px, auto) !important;
    align-items: center !important;
}

#tipeman-app .tp-ai-report__pending {
    display: grid !important;
    gap: 10px !important;
}

#tipeman-app .tp-ai-report__steps {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 4px !important;
}

#tipeman-app .tp-ai-report__steps span,
#tipeman-app .tp-ai-report__ready {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 34px !important;
    border: 1px solid rgba(82, 67, 196, .12) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.72) !important;
    color: #4f3ac8 !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

#tipeman-app .tp-ai-report__timer {
    display: grid !important;
    place-items: center !important;
    gap: 4px !important;
    min-width: 148px !important;
    min-height: 148px !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 50% 20%, rgba(91,92,226,.16), transparent 58%),
        rgba(255,255,255,.74) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92), 0 18px 32px rgba(44, 28, 108, .10) !important;
    text-align: center !important;
}

#tipeman-app .tp-ai-report__timer span,
#tipeman-app .tp-ai-report__timer small {
    color: rgba(7,31,68,.62) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

#tipeman-app .tp-ai-report__timer strong {
    direction: ltr !important;
    color: #071f44 !important;
    font-size: clamp(28px, 3vw, 38px) !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

#tipeman-app .tp-ai-report__progress {
    position: absolute !important;
    right: 24px !important;
    left: 24px !important;
    bottom: 14px !important;
    height: 5px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(82, 67, 196, .10) !important;
}

#tipeman-app .tp-ai-report__progress span {
    position: absolute !important;
    inset-block: 0 !important;
    width: 42% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #2A9D8F, #5B5CE2) !important;
    animation: tp-ai-report-progress 1.35s ease-in-out infinite !important;
}

#tipeman-app .tp-ai-report__ready {
    gap: 8px !important;
    border-color: rgba(42, 157, 143, .18) !important;
    color: #14796e !important;
    background: rgba(235, 253, 248, .76) !important;
}

#tipeman-app .tp-app-toast {
    position: fixed !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    bottom: calc(96px + env(safe-area-inset-bottom)) !important;
    z-index: 9999 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: min(360px, calc(100vw - 28px)) !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 22px 58px rgba(12, 20, 40, .18) !important;
    color: #071f44 !important;
    direction: rtl !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(18px) !important;
    transition: opacity .22s ease, transform .22s ease !important;
}

#tipeman-app .tp-app-toast.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

#tipeman-app .tp-app-toast i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #2A9D8F, #5B5CE2) !important;
}

#tipeman-app .tp-app-toast strong,
#tipeman-app .tp-app-toast span {
    display: block !important;
}

#tipeman-app .tp-app-toast strong {
    font-weight: 950 !important;
}

#tipeman-app .tp-app-toast span {
    margin-top: 3px !important;
    color: rgba(7,31,68,.62) !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
}

@keyframes tp-ai-report-progress {
    0% { transform: translateX(125%); }
    55% { transform: translateX(0); }
    100% { transform: translateX(-125%); }
}

@media (max-width: 720px) {
    #tipeman-app .tp-ai-report--waiting {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-ai-report__timer {
        width: 100% !important;
        min-height: 132px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-ai-report__steps {
        justify-content: center !important;
    }

    #tipeman-app .tp-app-toast {
        right: 14px !important;
        bottom: calc(86px + env(safe-area-inset-bottom)) !important;
        width: calc(100vw - 28px) !important;
    }
}

/* Result page desktop polish: final override after foundation surface rules. */
@media (min-width: 981px) {
    #tipeman-app .tp-app-screen[data-screen="result"] {
        padding-bottom: 128px !important;
    }

    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        width: min(100%, 1140px) !important;
        max-width: 1140px !important;
        margin: 0 auto !important;
        grid-template-columns: minmax(300px, .62fr) minmax(0, 1.38fr) !important;
        gap: 18px !important;
        align-items: start !important;
    }

    #tipeman-app .tp-share-card {
        top: 22px !important;
        align-self: start !important;
        min-height: 0 !important;
        padding: 22px !important;
        border-radius: 26px !important;
    }

    #tipeman-app .tp-share-top {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin-bottom: 10px !important;
    }

    #tipeman-app .tp-share-card h2 {
        margin: 12px 0 6px !important;
        font-size: clamp(30px, 2.8vw, 42px) !important;
        line-height: 1.22 !important;
    }

    #tipeman-app .tp-share-card p {
        margin: 8px 0 14px !important;
        font-size: 13px !important;
        line-height: 1.95 !important;
    }

    #tipeman-app .tp-share-card .tp-score-ring {
        width: 112px !important;
        height: 112px !important;
        margin: 12px auto 16px !important;
    }

    #tipeman-app .tp-share-card .tp-score-ring > div {
        width: 78px !important;
        height: 78px !important;
    }

    #tipeman-app .tp-share-card .tp-score-ring strong {
        font-size: 21px !important;
    }

    #tipeman-app .tp-share-card .tp-tags {
        gap: 7px !important;
    }

    #tipeman-app .tp-share-card .tp-tags span {
        border-radius: 14px !important;
        padding: 6px 10px !important;
        font-size: 11.5px !important;
    }

    #tipeman-app .tp-report {
        padding: clamp(24px, 2.4vw, 34px) !important;
        border-radius: 28px !important;
    }

    #tipeman-app .tp-report h3 {
        max-width: 720px !important;
        margin-bottom: 12px !important;
        font-size: clamp(32px, 3vw, 44px) !important;
        line-height: 1.24 !important;
    }

    #tipeman-app .tp-report > p {
        max-width: 860px !important;
        margin-bottom: 22px !important;
        font-size: 14px !important;
        line-height: 2 !important;
    }

    #tipeman-app .tp-insight-grid {
        gap: 10px !important;
        margin: 16px 0 !important;
    }

    #tipeman-app .tp-insight-grid article {
        min-height: 124px !important;
        border-radius: 22px !important;
        padding: 14px !important;
    }

    #tipeman-app .tp-insight-grid i {
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 8px !important;
        border-radius: 13px !important;
    }

    #tipeman-app .tp-insight-grid strong {
        font-size: 18px !important;
        line-height: 1.45 !important;
    }

    #tipeman-app .tp-chart-panel {
        grid-template-columns: minmax(260px, .78fr) minmax(0, 1fr) !important;
        gap: 18px !important;
        margin: 18px 0 !important;
        padding: 20px !important;
        border-radius: 26px !important;
    }

    #tipeman-app .tp-chart-panel p {
        max-width: 360px !important;
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    #tipeman-app .tp-radar {
        width: min(100%, 292px) !important;
        max-height: 292px !important;
    }

    #tipeman-app .tp-dimensions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-dimension {
        padding: 12px !important;
        border-radius: 18px !important;
    }
}

@media (min-width: 1180px) {
    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        grid-template-columns: minmax(312px, 360px) minmax(0, 1fr) !important;
    }
}

@media (max-width: 980px) {
    #tipeman-app .tp-app-screen[data-screen="result"] {
        padding-bottom: 104px !important;
    }

    #tipeman-app .tp-share-card {
        position: static !important;
    }
}

/* dashboard-reports-polish-20260709: richer responsive reports dashboard. */
#tipeman-app .tp-dashboard {
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
    gap: 22px !important;
    padding-bottom: 132px !important;
}

#tipeman-app .tp-dashboard-hero--reports {
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, .55fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
    min-height: 0 !important;
    padding: clamp(22px, 3.2vw, 36px) !important;
    border-radius: 32px !important;
    text-align: right !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.84), rgba(255,255,255,.52)),
        radial-gradient(circle at 12% 12%, rgba(110,75,255,.11), transparent 34%),
        radial-gradient(circle at 88% 84%, rgba(85,214,190,.10), transparent 34%) !important;
}

#tipeman-app .tp-dashboard-hero__copy h2 {
    max-width: 760px !important;
    margin: 0 0 12px !important;
    color: #071f44 !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    line-height: 1.24 !important;
}

#tipeman-app .tp-dashboard-hero__copy p {
    max-width: 780px !important;
    margin: 0 0 18px !important;
    color: rgba(7,31,68,.68) !important;
    font-size: 14px !important;
    line-height: 2 !important;
}

#tipeman-app .tp-dashboard-hero__badges,
#tipeman-app .tp-history-tags,
#tipeman-app .tp-next-panel__chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#tipeman-app .tp-dashboard-hero__badges span,
#tipeman-app .tp-history-tags em,
#tipeman-app .tp-next-panel__chips span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 34px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.66) !important;
    color: rgba(7,31,68,.76) !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}

#tipeman-app .tp-dashboard-hero__score {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    min-height: 190px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.54) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.86) !important;
    text-align: center !important;
}

#tipeman-app .tp-dashboard-hero__score .tp-score-ring {
    margin: 0 !important;
}

#tipeman-app .tp-dashboard-hero__score p {
    max-width: 190px !important;
    margin: 0 !important;
    color: rgba(7,31,68,.62) !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article {
    min-height: 126px !important;
    display: grid !important;
    justify-items: start !important;
    align-content: center !important;
    gap: 5px !important;
    padding: 16px !important;
    border-radius: 24px !important;
    text-align: right !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article i {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 13px !important;
    background: rgba(103,87,232,.10) !important;
    color: #5B5CE2 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article span {
    color: rgba(7,31,68,.58) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article strong {
    color: #071f44 !important;
    font-size: clamp(1.6rem, 3vw, 2.25rem) !important;
    line-height: 1.1 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article small {
    color: rgba(7,31,68,.56) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 22px !important;
    border-radius: 28px !important;
    text-align: right !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel h3 {
    margin: 6px 0 8px !important;
    color: #071f44 !important;
    font-size: clamp(1.25rem, 2.6vw, 1.75rem) !important;
    line-height: 1.5 !important;
}

#tipeman-app .tp-next-panel__copy p {
    margin: 0 !important;
    color: rgba(7,31,68,.62) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-next-panel__chips {
    justify-content: flex-start !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel__chips span {
    color: #4f3ac8 !important;
    font-size: .88rem !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-report-tools {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(220px, .7fr) minmax(280px, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 26px !important;
    text-align: right !important;
}

#tipeman-app .tp-report-tools__copy {
    display: grid !important;
    gap: 3px !important;
}

#tipeman-app .tp-report-tools__copy strong {
    color: #071f44 !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

#tipeman-app .tp-report-tools__copy small,
#tipeman-app .tp-report-count {
    color: rgba(7,31,68,.58) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

#tipeman-app .tp-report-search {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.70) !important;
    padding: 0 14px !important;
}

#tipeman-app .tp-report-search i {
    color: #5B5CE2 !important;
}

#tipeman-app .tp-report-search .tp-search {
    width: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    text-align: right !important;
    box-shadow: none !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history--report,
#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history--pending {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 18px !important;
    border-radius: 26px !important;
    text-align: right !important;
}

#tipeman-app .tp-history-copy {
    min-width: 0 !important;
}

#tipeman-app .tp-history-copy p {
    max-width: 760px !important;
    margin: 6px 0 10px !important;
    color: rgba(7,31,68,.60) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-history-tags {
    justify-content: flex-start !important;
}

#tipeman-app .tp-history-tags em {
    min-height: 30px !important;
    padding: 5px 10px !important;
    color: #4f3ac8 !important;
    font-size: 11px !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

#tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions .tp-btn {
    min-height: 48px !important;
    border-radius: 18px !important;
    padding: 10px 16px !important;
    font-size: .92rem !important;
}

#tipeman-app .tp-pending-tests {
    display: grid !important;
    gap: 12px !important;
}

#tipeman-app .tp-pending-tests__head {
    padding-inline: 4px !important;
}

#tipeman-app .tp-pending-tests__head h3 {
    margin: 0 0 6px !important;
}

#tipeman-app .tp-pending-tests__head p {
    margin: 0 !important;
    color: rgba(7,31,68,.60) !important;
    font-size: 13px !important;
}

@media (max-width: 980px) {
    #tipeman-app .tp-dashboard {
        width: min(100%, 760px) !important;
    }

    #tipeman-app .tp-dashboard-hero--reports,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-report-tools,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history--report,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history--pending {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    #tipeman-app .tp-dashboard {
        gap: 14px !important;
        padding-bottom: 112px !important;
    }

    #tipeman-app .tp-dashboard-hero--reports,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-next-panel,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-report-tools,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history--report,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history--pending {
        border-radius: 24px !important;
        padding: 14px !important;
        text-align: center !important;
    }

    #tipeman-app .tp-dashboard-hero__badges,
    #tipeman-app .tp-next-panel__chips,
    #tipeman-app .tp-history-tags,
    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions {
        justify-content: center !important;
    }

    #tipeman-app .tp-dashboard-hero__score {
        min-height: 170px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats {
        gap: 8px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-dashboard-stats article {
        min-height: 118px !important;
        align-items: center !important;
        justify-items: center !important;
        text-align: center !important;
        padding: 12px 8px !important;
    }

    #tipeman-app .tp-report-search .tp-search {
        text-align: center !important;
    }

    #tipeman-app .tp-app-screen[data-screen="dashboard"] .tp-history-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
    }
}

/* account-polish-true-last-2026-07-09: final readable dashboard strip and subset-safe icons. */
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation a::before,
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type::before {
    font-family: "Tipeman Font Awesome 6 Free" !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f07a" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f15c" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f14e" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f505" !important; }
body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f08b" !important; }

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content {
    background: rgba(255,255,255,.84) !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
    display: block !important;
    position: relative !important;
    min-height: 74px !important;
    margin: 0 0 16px !important;
    padding: 18px 76px 18px 20px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 22px !important;
    color: rgba(7,31,68,.78) !important;
    background:
        linear-gradient(135deg, rgba(42,157,143,.14), rgba(91,92,226,.10)),
        rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92) !important;
    font-size: .96rem !important;
    font-weight: 800 !important;
    line-height: 2 !important;
    text-align: right !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type::before {
    content: "\f007" !important;
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #10254c, #5B5CE2) !important;
    font-size: .95rem !important;
    font-weight: 900 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type strong {
    color: #071f44 !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type a {
    color: #4f46d8 !important;
    font-weight: 950 !important;
}

body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:nth-of-type(2) {
    max-width: 920px !important;
    margin: 0 0 20px !important;
    color: rgba(7,31,68,.68) !important;
    font-size: .96rem !important;
    font-weight: 760 !important;
    line-height: 2.05 !important;
}

@media (max-width: 560px) {
    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type {
        padding: 64px 14px 14px !important;
        text-align: center !important;
    }

    body.woocommerce-account #tipeman-app.tp-commerce-shell .woocommerce-MyAccount-content > p:first-of-type::before {
        right: 50% !important;
        transform: translateX(50%) !important;
    }
}

/* result-standard-layout-polish-20260709: balanced report page and responsive result cards. */
@media (min-width: 981px) {
    #tipeman-app .tp-app-screen[data-screen="result"] {
        padding-bottom: 164px !important;
    }

    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        width: min(100%, 1280px) !important;
        max-width: 1280px !important;
        margin-inline: auto !important;
        grid-template-columns: minmax(300px, 340px) minmax(0, 1fr) !important;
        gap: 22px !important;
        align-items: start !important;
    }

    #tipeman-app .tp-share-card {
        position: sticky !important;
        top: 112px !important;
        min-height: 0 !important;
        padding: 22px 20px !important;
        border-radius: 28px !important;
        text-align: center !important;
    }

    #tipeman-app .tp-share-top {
        justify-content: center !important;
        margin-bottom: 8px !important;
    }

    #tipeman-app .tp-share-card h2 {
        max-width: 300px !important;
        margin: 10px auto 8px !important;
        font-size: clamp(28px, 2.4vw, 38px) !important;
        line-height: 1.24 !important;
        text-wrap: balance !important;
    }

    #tipeman-app .tp-share-card p {
        max-width: 294px !important;
        margin: 8px auto 12px !important;
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    #tipeman-app .tp-share-card .tp-score-ring {
        width: 112px !important;
        height: 112px !important;
        margin: 12px auto !important;
    }

    #tipeman-app .tp-share-card .tp-tags {
        justify-content: center !important;
    }

    #tipeman-app .tp-report {
        padding: clamp(22px, 2.2vw, 30px) !important;
        border-radius: 28px !important;
    }

    #tipeman-app .tp-report h3 {
        max-width: 760px !important;
        margin-bottom: 10px !important;
        font-size: clamp(30px, 2.55vw, 40px) !important;
        line-height: 1.28 !important;
    }

    #tipeman-app .tp-report > p {
        max-width: 780px !important;
        margin-bottom: 20px !important;
        font-size: 13.5px !important;
        line-height: 2 !important;
    }

    #tipeman-app .tp-insight-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin: 18px 0 !important;
    }

    #tipeman-app .tp-insight-grid article {
        min-height: 114px !important;
        border-radius: 20px !important;
        padding: 14px !important;
    }

    #tipeman-app .tp-chart-panel,
    #tipeman-app .tp-chart-panel--guide {
        grid-template-columns: minmax(220px, 320px) minmax(260px, 1fr) !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 24px !important;
        padding: 22px !important;
        border-radius: 26px !important;
    }

    #tipeman-app .tp-chart-panel > div:first-child {
        max-width: 320px !important;
        justify-self: end !important;
    }

    #tipeman-app .tp-chart-panel p {
        max-width: 320px !important;
        font-size: 13px !important;
        line-height: 1.95 !important;
    }

    #tipeman-app .tp-chart-panel .tp-radar {
        width: min(100%, 300px) !important;
        max-height: 300px !important;
        justify-self: center !important;
    }

    #tipeman-app .tp-chart-panel--guide .tp-insight-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #tipeman-app .tp-dimensions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-columns {
        gap: 12px !important;
    }

    #tipeman-app .tp-columns > div,
    #tipeman-app .tp-report > ul {
        border-radius: 20px !important;
        padding: 14px 16px !important;
    }
}

@media (max-width: 980px) {
    #tipeman-app .tp-app-screen[data-screen="result"] {
        padding-bottom: 144px !important;
    }

    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        width: min(100%, 720px) !important;
        margin-inline: auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    #tipeman-app .tp-share-card {
        position: static !important;
        padding: 18px !important;
        border-radius: 26px !important;
        text-align: center !important;
    }

    #tipeman-app .tp-share-top {
        justify-content: center !important;
    }

    #tipeman-app .tp-share-card h2 {
        margin-inline: auto !important;
        font-size: clamp(28px, 8vw, 38px) !important;
        line-height: 1.24 !important;
        text-wrap: balance !important;
    }

    #tipeman-app .tp-share-card p {
        max-width: 420px !important;
        margin-inline: auto !important;
    }

    #tipeman-app .tp-share-card .tp-tags {
        justify-content: center !important;
    }

    #tipeman-app .tp-report {
        padding: 18px !important;
        border-radius: 26px !important;
    }

    #tipeman-app .tp-report h3 {
        font-size: clamp(29px, 7vw, 38px) !important;
        line-height: 1.28 !important;
        text-align: center !important;
        text-wrap: balance !important;
    }

    #tipeman-app .tp-report > p {
        max-width: 100% !important;
        font-size: 13px !important;
        line-height: 1.95 !important;
        text-align: center !important;
    }

    #tipeman-app .tp-insight-grid,
    #tipeman-app .tp-chart-panel,
    #tipeman-app .tp-chart-panel--guide,
    #tipeman-app .tp-columns {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-chart-panel,
    #tipeman-app .tp-chart-panel--guide {
        gap: 16px !important;
        justify-items: center !important;
        text-align: center !important;
    }

    #tipeman-app .tp-chart-panel > div:first-child,
    #tipeman-app .tp-chart-panel p {
        max-width: 380px !important;
        justify-self: center !important;
    }

    #tipeman-app .tp-chart-panel .tp-radar {
        width: min(100%, 280px) !important;
        max-height: 280px !important;
    }

    #tipeman-app .tp-chart-panel--guide .tp-insight-grid {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #tipeman-app .tp-dimensions {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    #tipeman-app .tp-app-screen[data-screen="result"] {
        padding-inline: 8px !important;
        padding-bottom: 132px !important;
    }

    #tipeman-app .tp-report,
    #tipeman-app .tp-share-card,
    #tipeman-app .tp-chart-panel,
    #tipeman-app .tp-ai-report,
    #tipeman-app .tp-result-links,
    #tipeman-app .tp-growth-plan {
        border-radius: 22px !important;
    }

    #tipeman-app .tp-report,
    #tipeman-app .tp-chart-panel,
    #tipeman-app .tp-ai-report,
    #tipeman-app .tp-result-links,
    #tipeman-app .tp-growth-plan {
        padding: 15px !important;
    }

    #tipeman-app .tp-insight-grid {
        gap: 10px !important;
    }

    #tipeman-app .tp-insight-grid article {
        min-height: 0 !important;
        text-align: center !important;
    }

    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links {
        width: min(calc(100vw - 16px), 520px) !important;
        bottom: max(10px, env(safe-area-inset-bottom)) !important;
    }
}

/* result-mobile-clarity-polish-20260709: readable top cards and tighter responsive rhythm. */
@media (max-width: 980px) {
    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        width: min(100%, 640px) !important;
        gap: 12px !important;
    }

    #tipeman-app .tp-share-card,
    #tipeman-app .tp-report {
        min-height: 0 !important;
    }
}

@media (min-width: 561px) and (max-width: 720px) {
    #tipeman-app .tp-chart-panel:not(.tp-chart-panel--guide) {
        width: 100% !important;
        grid-template-columns: minmax(190px, .78fr) minmax(240px, 1fr) !important;
        gap: 14px !important;
        align-items: center !important;
        justify-items: stretch !important;
        margin: 12px 0 !important;
        padding: 16px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-chart-panel:not(.tp-chart-panel--guide) > div:first-child {
        max-width: 240px !important;
        justify-self: end !important;
    }

    #tipeman-app .tp-chart-panel:not(.tp-chart-panel--guide) p {
        max-width: 240px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-chart-panel:not(.tp-chart-panel--guide) .tp-radar {
        width: min(100%, 270px) !important;
        max-height: 270px !important;
        justify-self: start !important;
    }
}

@media (max-width: 560px) {
    #tipeman-app .tp-app-screen[data-screen="result"] {
        padding: 10px 8px 124px !important;
    }

    body.tp-focus-mode #tipeman-app [data-screen="result"]:not(.tp-hidden) {
        padding: 10px 8px 124px !important;
    }

    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        width: min(100%, calc(100vw - 20px)) !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-share-card {
        padding: 14px !important;
        border-radius: 20px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-share-top {
        justify-content: flex-start !important;
        text-align: right !important;
    }

    #tipeman-app .tp-share-card h2 {
        max-width: 100% !important;
        margin: 10px 0 8px !important;
        font-size: clamp(23px, 6.2vw, 30px) !important;
        line-height: 1.3 !important;
        text-align: right !important;
    }

    #tipeman-app .tp-share-card p {
        max-width: 100% !important;
        margin: 8px 0 10px !important;
        font-size: 12.5px !important;
        line-height: 1.85 !important;
        text-align: right !important;
    }

    #tipeman-app .tp-share-card .tp-score-ring {
        width: 96px !important;
        height: 96px !important;
        margin: 10px 0 12px !important;
    }

    #tipeman-app .tp-share-card .tp-tags {
        justify-content: flex-start !important;
    }

    #tipeman-app .tp-report {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    #tipeman-app .tp-report h3 {
        margin-bottom: 8px !important;
        font-size: clamp(24px, 6.4vw, 31px) !important;
        line-height: 1.35 !important;
    }

    #tipeman-app .tp-report > p {
        font-size: 12.5px !important;
        line-height: 1.95 !important;
        text-align: right !important;
    }

    #tipeman-app .tp-insight-grid {
        gap: 8px !important;
        margin: 12px 0 !important;
    }

    #tipeman-app .tp-insight-grid article {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        align-items: start !important;
        justify-items: stretch !important;
        padding: 13px !important;
        border-radius: 18px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-insight-grid article i {
        grid-row: 1 / span 3 !important;
        width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        border-radius: 13px !important;
    }

    #tipeman-app .tp-insight-grid article span,
    #tipeman-app .tp-insight-grid article strong,
    #tipeman-app .tp-insight-grid article p {
        min-width: 0 !important;
    }

    #tipeman-app .tp-insight-grid article strong {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    #tipeman-app .tp-insight-grid article p {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }

    #tipeman-app .tp-chart-panel,
    #tipeman-app .tp-chart-panel--guide {
        width: 100% !important;
        gap: 12px !important;
        margin: 12px 0 !important;
        padding: 14px 12px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    #tipeman-app .tp-chart-panel > div:first-child,
    #tipeman-app .tp-chart-panel p {
        max-width: 100% !important;
        text-align: right !important;
    }

    #tipeman-app .tp-chart-panel h4 {
        font-size: 17px !important;
        line-height: 1.6 !important;
    }

    #tipeman-app .tp-chart-panel p {
        font-size: 12.5px !important;
        line-height: 1.9 !important;
    }

    #tipeman-app .tp-chart-panel .tp-radar {
        width: min(100%, 260px) !important;
        max-height: 260px !important;
        overflow: visible !important;
    }

    #tipeman-app .tp-radar text {
        font-size: 7.2px !important;
    }

    #tipeman-app .tp-dimension {
        padding: 12px !important;
        border-radius: 16px !important;
        text-align: right !important;
    }

    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links {
        width: min(calc(100vw - 14px), 500px) !important;
    }
}

@media (max-width: 380px) {
    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        width: min(100%, calc(100vw - 16px)) !important;
    }

    #tipeman-app .tp-share-card h2 {
        font-size: clamp(22px, 6vw, 28px) !important;
    }

    #tipeman-app .tp-chart-panel .tp-radar {
        width: min(100%, 244px) !important;
        max-height: 244px !important;
    }
}

/* result-action-panel-polish-20260709: replace scattered lists with a usable action map. */
#tipeman-app .tp-result-action-panel {
    display: grid !important;
    gap: 16px !important;
    margin: 24px 0 !important;
    padding: clamp(18px, 2.4vw, 28px) !important;
    border: 1px solid rgba(103, 87, 232, .12) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.92), rgba(247,248,255,.74)),
        rgba(255,255,255,.82) !important;
    box-shadow: 0 22px 54px rgba(39, 31, 86, .09) !important;
    text-align: right !important;
}

#tipeman-app .tp-result-action-head {
    display: grid !important;
    gap: 7px !important;
    max-width: 720px !important;
}

#tipeman-app .tp-result-action-head h4 {
    margin: 0 !important;
    color: var(--ink) !important;
    font-size: clamp(22px, 2.2vw, 30px) !important;
    line-height: 1.35 !important;
}

#tipeman-app .tp-result-action-head p {
    margin: 0 !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-result-action-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

#tipeman-app .tp-result-action-card {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 16px !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.76) !important;
    box-shadow: 0 16px 38px rgba(35, 27, 82, .08) !important;
}

#tipeman-app .tp-result-action-card--wide {
    grid-column: 1 / -1 !important;
}

#tipeman-app .tp-result-action-icon {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: rgba(103, 87, 232, .10) !important;
    color: var(--primary) !important;
}

#tipeman-app .tp-result-action-copy {
    min-width: 0 !important;
}

#tipeman-app .tp-result-action-copy h5 {
    margin: 0 !important;
    color: var(--ink) !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

#tipeman-app .tp-result-action-copy p {
    margin: 3px 0 10px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    line-height: 1.75 !important;
}

#tipeman-app .tp-result-action-copy ul {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#tipeman-app .tp-result-action-copy li {
    position: relative !important;
    min-width: 0 !important;
    padding-right: 14px !important;
    color: var(--ink) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.85 !important;
}

#tipeman-app .tp-result-action-copy li::before {
    content: "" !important;
    position: absolute !important;
    top: .78em !important;
    right: 0 !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: var(--primary) !important;
    box-shadow: 0 0 0 4px rgba(103, 87, 232, .09) !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-result-action-panel {
        margin: 18px 0 !important;
        padding: 16px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-result-action-grid {
        gap: 10px !important;
    }

    #tipeman-app .tp-result-action-card {
        padding: 14px !important;
        border-radius: 20px !important;
    }
}

@media (max-width: 560px) {
    #tipeman-app .tp-result-action-panel {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    #tipeman-app .tp-result-action-head h4 {
        font-size: 20px !important;
    }

    #tipeman-app .tp-result-action-head p {
        font-size: 12.5px !important;
    }

    #tipeman-app .tp-result-action-grid {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-result-action-card--wide {
        grid-column: auto !important;
    }

    #tipeman-app .tp-result-action-card {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    #tipeman-app .tp-result-action-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 14px !important;
    }
}

/* lossless-page-glass-2026-07-12: keep the photograph visible under one unified glass system. */
:root {
    --tp-page-glass: linear-gradient(145deg, rgba(255,255,255,.66), rgba(255,255,255,.30) 52%, rgba(255,255,255,.20)), rgba(255,255,255,.28);
    --tp-page-glass-strong: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.40) 54%, rgba(255,255,255,.26)), rgba(255,255,255,.34);
    --tp-page-glass-border: rgba(255,255,255,.76);
    --tp-page-glass-shadow: 0 24px 64px rgba(19,25,34,.16), inset 0 1px rgba(255,255,255,.86);
    --tp-page-glass-blur: blur(24px) saturate(155%);
}

body:not(.wp-admin),
body:not(.wp-admin) #page,
body:not(.wp-admin) .site,
body:not(.wp-admin) #tipeman-app,
body:not(.wp-admin) .tp-app-bg,
body:not(.wp-admin) .tp-app-shell,
body:not(.wp-admin) .tp-commerce-shell,
body:not(.wp-admin) .tp-teams-shell {
    background-color: transparent !important;
    background-image: none !important;
}

body:not(.wp-admin) .tp-app-bg::before,
body:not(.wp-admin) .tp-app-bg::after {
    opacity: .10 !important;
    background: transparent !important;
    filter: none !important;
}

#tipeman-app :is(
    .tp-mobile-top, .tp-side-menu, .tp-bottom-nav, .tp-home-hero, .tp-daily-card,
    .tp-feature-card, .tp-self-notes, .tp-self-note-card, .tp-home-info-section,
    .tp-price-panel, .tp-goal-advisor, .tp-serp-wins, .tp-filter-panel, .tp-select-shell,
    .tp-search-shell, .tp-orb-card, .tp-product, .tp-product-scorecard, .tp-panel,
    .tp-report, .tp-share-card, .tp-history, .tp-empty, .tp-dashboard-hero,
    .tp-next-panel, .tp-chart-panel, .tp-profile-card, .tp-path-hero, .tp-question-card,
    .tp-question-stage, .tp-result-action-panel, .tp-result-action-card,
    .tp-commerce-card, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation,
    .woocommerce-form, .shop_table, .cart_totals
),
.tp-teams-shell :is(.tp-teams-hero, .tp-teams-panel, .tp-teams-stats article, .tp-teams-form, .tp-teams-quick-actions),
.tp-site-footer {
    background: var(--tp-page-glass) !important;
    border: 1px solid var(--tp-page-glass-border) !important;
    box-shadow: var(--tp-page-glass-shadow) !important;
    backdrop-filter: var(--tp-page-glass-blur) !important;
    -webkit-backdrop-filter: var(--tp-page-glass-blur) !important;
}

#tipeman-app :is(input, select, textarea, .tp-option, .tp-answer-option),
.tp-teams-shell :is(input, select, textarea) {
    background: rgba(255,255,255,.48) !important;
    border-color: rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.84), 0 10px 28px rgba(22,28,38,.08) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
}

#tipeman-app :is(.tp-option, .tp-answer-option).is-selected,
#tipeman-app :is(.tp-option, .tp-answer-option)[aria-checked="true"] {
    background: linear-gradient(145deg, rgba(113,86,225,.92), rgba(76,62,185,.82)) !important;
    border-color: rgba(255,255,255,.88) !important;
    color: #fff !important;
    box-shadow: 0 18px 42px rgba(76,62,185,.28), inset 0 1px rgba(255,255,255,.42) !important;
}

@media (max-width: 760px) {
    :root {
        --tp-page-glass: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.36)), rgba(255,255,255,.30);
        --tp-page-glass-blur: blur(18px) saturate(145%);
    }

    .tp-ambient-background__image {
        background-position: center center;
    }
}

/* all-tests-brain-grid-2026-07-12: compact filter-first catalog with glass brain imagery. */
#tipeman-app .tp-app-screen[data-screen="tests"] > .tp-mobile-top {
    margin-bottom: 10px !important;
}

#tipeman-app .tp-marketplace--all-tests {
    width: 100% !important;
    display: grid !important;
    gap: 18px !important;
    padding-top: 0 !important;
}

#tipeman-app .tp-tests-quick-filter {
    position: sticky !important;
    top: 92px !important;
    z-index: 30 !important;
    display: grid !important;
    grid-template-columns: minmax(240px, .72fr) minmax(420px, 1.28fr) !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 18px 20px !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.35)), rgba(255,255,255,.28) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 22px 58px rgba(26,23,54,.15), inset 0 1px rgba(255,255,255,.94) !important;
    backdrop-filter: blur(30px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(165%) !important;
}

#tipeman-app .tp-tests-quick-filter__title {
    min-width: 0 !important;
}

#tipeman-app .tp-tests-quick-filter__title h1 {
    margin: 3px 0 2px !important;
    color: var(--tp-ink) !important;
    font-size: clamp(19px, 2.1vw, 29px) !important;
    line-height: 1.45 !important;
}

#tipeman-app .tp-tests-quick-filter__title p {
    margin: 0 !important;
    color: var(--tp-muted) !important;
    font-size: 12px !important;
}

#tipeman-app .tp-tests-free-jump {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    margin-top: 10px !important;
    padding: 8px 13px !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #0a2854, #6652e8) !important;
    box-shadow: 0 12px 26px rgba(79, 64, 202, .20) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

#tipeman-app .tp-tests-free-jump:focus-visible {
    outline: 3px solid rgba(102, 82, 232, .34) !important;
    outline-offset: 3px !important;
}

#tipeman-app .tp-tests-quick-filter__controls {
    display: grid !important;
    grid-template-columns: minmax(210px, 1fr) minmax(180px, .65fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
}

#tipeman-app .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell) {
    min-width: 0 !important;
    min-height: 64px !important;
    margin: 0 !important;
    background: rgba(255,255,255,.48) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.88), 0 12px 28px rgba(27,25,58,.08) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

#tipeman-app .tp-tests-quick-filter :is(input, select) {
    width: 100% !important;
    min-width: 0 !important;
}

#tipeman-app .tp-tests-filter-reset {
    min-height: 64px !important;
    padding-inline: 16px !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-marketplace--all-tests .tp-galaxy {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

#tipeman-app .tp-marketplace--all-tests .tp-orb-card {
    min-height: 222px !important;
    height: 100% !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 26px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.68), rgba(255,255,255,.26)), rgba(255,255,255,.22) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow: 0 20px 48px rgba(21,25,38,.13), inset 0 1px rgba(255,255,255,.90) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#tipeman-app .tp-marketplace--all-tests .tp-orb-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(255,255,255,.98) !important;
    box-shadow: 0 28px 62px rgba(30,27,66,.19), inset 0 1px rgba(255,255,255,.96) !important;
}

#tipeman-app .tp-marketplace--all-tests :is(.tp-orb-button, .tp-orb) {
    width: 82px !important;
    min-width: 82px !important;
    height: 82px !important;
    min-height: 82px !important;
    border-radius: 26px !important;
}

#tipeman-app .tp-orb--brain {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.18)), color-mix(in srgb, var(--accent) 28%, transparent) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.92), 0 16px 34px color-mix(in srgb, var(--accent) 26%, transparent) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
}

#tipeman-app .tp-brain-visual,
#tipeman-app .tp-brain-visual img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

#tipeman-app .tp-brain-visual {
    position: relative !important;
    padding: 8px !important;
}

#tipeman-app .tp-brain-visual img {
    object-fit: contain !important;
    filter: hue-rotate(var(--brain-hue)) saturate(1.12) drop-shadow(0 8px 13px rgba(57,43,125,.25)) !important;
    transform-origin: 50% 54% !important;
    animation: tpBrainBreathe 4.8s ease-in-out infinite !important;
}

#tipeman-app .tp-brain-visual > span {
    position: absolute !important;
    inset: 12% !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    border-radius: 50% !important;
    opacity: .62 !important;
    animation: tpBrainOrbit 6s linear infinite !important;
}

#tipeman-app .tp-brain-visual--1 > span { inset: 20% 8%; border-radius: 38%; animation-duration: 4.8s !important; }
#tipeman-app .tp-brain-visual--2 img { animation-duration: 3.6s !important; transform: rotate(-4deg); }
#tipeman-app .tp-brain-visual--3 > span { border-style: dashed !important; animation-direction: reverse !important; }
#tipeman-app .tp-brain-visual--4 img { transform: scale(.92) rotate(4deg); }
#tipeman-app .tp-brain-visual--5 > span { inset: 7% 24%; border-radius: 999px; animation-duration: 3.8s !important; }
#tipeman-app .tp-brain-visual--6 img { animation-delay: -1.8s !important; }
#tipeman-app .tp-brain-visual--7 > span { inset: 25% 5%; border-width: 2px !important; animation-direction: reverse !important; }

@keyframes tpBrainBreathe {
    0%, 100% { transform: scale(.94) rotate(-1deg); }
    50% { transform: scale(1.04) rotate(1deg); }
}

@keyframes tpBrainOrbit {
    to { transform: rotate(360deg); }
}

#tipeman-app .tp-tests-empty {
    min-height: 260px !important;
    display: grid !important;
    place-items: center !important;
    gap: 12px !important;
    text-align: center !important;
}

@media (max-width: 1100px) {
    #tipeman-app .tp-marketplace--all-tests .tp-galaxy {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #tipeman-app .tp-tests-quick-filter {
        grid-template-columns: 1fr !important;
        top: 86px !important;
    }
}

@media (max-width: 720px) {
    #tipeman-app .tp-tests-quick-filter {
        position: relative !important;
        top: auto !important;
        gap: 12px !important;
        padding: 15px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-tests-quick-filter__controls {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell),
    #tipeman-app .tp-tests-filter-reset {
        min-height: 58px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-galaxy {
        grid-template-columns: 1fr !important;
        gap: 11px !important;
    }

    #tipeman-app .tp-marketplace--all-tests .tp-orb-card {
        min-height: 0 !important;
        grid-template-columns: 70px minmax(0, 1fr) !important;
        padding: 13px !important;
        border-radius: 23px !important;
    }

    #tipeman-app .tp-marketplace--all-tests :is(.tp-orb-button, .tp-orb) {
        width: 66px !important;
        min-width: 66px !important;
        height: 66px !important;
        min-height: 66px !important;
        border-radius: 21px !important;
    }
}

/* tests-library-first-action-2026-08-28: search and free entry appear before long SEO copy. */
#tipeman-app #tests > .tp-tests-quick-filter {
    width: min(100%, 1280px) !important;
    margin: 14px auto 12px !important;
}

@media (max-width: 720px) {
    #tipeman-app #tests > .tp-tests-quick-filter {
        margin: 10px auto 12px !important;
        padding: 13px !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-quick-filter__title h1 {
        font-size: 21px !important;
        line-height: 1.45 !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-quick-filter__controls {
        grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important;
        gap: 8px !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell) {
        min-height: 54px !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-filter-reset {
        grid-column: 1 / -1 !important;
        min-height: 44px !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-free-jump {
        width: 100% !important;
        margin-top: 9px !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro {
        margin: 0 auto 12px !important;
        padding: 15px !important;
        border-radius: 24px !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro h1 {
        margin: 5px 0 9px !important;
        font-size: 28px !important;
        line-height: 1.28 !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro p {
        display: -webkit-box !important;
        margin: 0 0 10px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        font-size: 13px !important;
        line-height: 1.85 !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro .tp-tests-seo-intro__links {
        display: flex !important;
        gap: 7px !important;
        overflow-x: auto !important;
        padding-bottom: 3px !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro .tp-tests-seo-intro__links::-webkit-scrollbar {
        display: none !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro .tp-tests-seo-intro__links a {
        display: grid !important;
        place-items: center !important;
        min-height: 48px !important;
        padding: 8px !important;
        border-radius: 15px !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        flex: 0 0 142px !important;
        scroll-snap-align: start !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro .tp-tests-seo-intro__links a:last-child:nth-child(odd) {
        grid-column: auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #tipeman-app .tp-brain-visual img,
    #tipeman-app .tp-brain-visual > span {
        animation: none !important;
    }
}

/* mobile-filter-stability-2026-07-13: keep hidden states authoritative. */
#tipeman-app [data-filter-empty][hidden],
#tipeman-app .tp-tests-filter-reset[hidden] {
    display: none !important;
}

/* Softer site-wide photographic background without flattening glass panels. */
.tp-ambient-background__image {
    opacity: .48 !important;
    filter: saturate(.76) contrast(.9) !important;
}

.tp-ambient-background__matte {
    background:
        linear-gradient(180deg, rgba(246, 244, 238, .56), rgba(235, 237, 232, .66)),
        radial-gradient(circle at 12% 12%, rgba(105, 86, 225, .045), transparent 44%) !important;
}

@media (max-width: 760px) {
    .tp-ambient-background__image {
        opacity: .4 !important;
        filter: saturate(.7) contrast(.88) !important;
    }

    body.tp-focus-mode #tipeman-app .tp-question-guidance {
        width: calc(100% - 24px) !important;
        padding: 6px 9px !important;
        border-radius: 12px !important;
        font-size: 10px !important;
    }
}

/* teams-member-sms-2026-07-13: direct, permission-checked member messaging. */
.tp-teams-sms-compose {
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid rgba(91, 92, 226, .14);
    border-radius: 18px;
    background: rgba(255, 255, 255, .5);
}

.tp-teams-sms-compose > summary {
    width: fit-content;
    cursor: pointer;
    list-style: none;
}

.tp-teams-sms-compose > summary::-webkit-details-marker {
    display: none;
}

.tp-teams-sms-compose[open] > summary {
    margin-bottom: 14px;
}

/* white-background-matte-2026-07-13: keep every photo subtle behind readable UI. */
.tp-ambient-background {
    background: #f7f7f5 !important;
}

.tp-ambient-background__image {
    opacity: .22 !important;
    filter: saturate(.52) contrast(.78) brightness(1.14) !important;
}

.tp-ambient-background__matte {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, .46)),
        radial-gradient(circle at 12% 12%, rgba(255, 255, 255, .02), transparent 48%) !important;
}

@media (max-width: 760px) {
    .tp-ambient-background__image {
        opacity: .18 !important;
        filter: saturate(.46) contrast(.76) brightness(1.18) !important;
    }

    .tp-ambient-background__matte {
        background: linear-gradient(180deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, .50)) !important;
    }
}

/* mobile-filter-full-width-2026-07-13: align filter with header and test cards. */
@media (max-width: 720px) {
    #tipeman-app .tp-marketplace--all-tests {
        width: 100% !important;
        max-width: 100% !important;
        justify-items: stretch !important;
    }

    #tipeman-app .tp-tests-quick-filter,
    #tipeman-app .tp-tests-quick-filter__controls,
    #tipeman-app .tp-marketplace--all-tests .tp-galaxy {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        margin-inline: 0 !important;
        box-sizing: border-box !important;
    }
}

/* test-experience-redesign-2026-08-30: selected report-first layout with editorial test imagery. */
#tipeman-app .tp-test-redesign {
    width: min(100%, 1080px) !important;
    margin-inline: auto !important;
    padding: clamp(18px, 3vw, 38px) !important;
    border-radius: 34px !important;
    color: #081b3a !important;
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid rgba(255, 255, 255, .96) !important;
    box-shadow: 0 28px 80px rgba(8, 27, 58, .12) !important;
}

#tipeman-app .tp-test-redesign__hero {
    display: grid !important;
    grid-template-columns: minmax(280px, .82fr) minmax(320px, 1.18fr) !important;
    grid-template-areas: "media copy" !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 390px !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    background: linear-gradient(110deg, #f4f1eb, #fff 58%) !important;
    border: 1px solid rgba(8, 27, 58, .06) !important;
    box-shadow: none !important;
    direction: ltr !important;
}

#tipeman-app .tp-test-redesign__hero > .tp-test-product-media {
    grid-area: media !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 390px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: ellipse(76% 72% at 34% 48%) !important;
    box-shadow: none !important;
}

#tipeman-app .tp-test-redesign__hero > .tp-test-product-media :is(picture, img) {
    width: 100% !important;
    height: 100% !important;
    min-height: 390px !important;
    display: block !important;
}

#tipeman-app .tp-test-redesign__hero > .tp-test-product-media img {
    object-fit: cover !important;
    object-position: center !important;
}

#tipeman-app .tp-test-redesign__copy {
    grid-area: copy !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    padding: clamp(28px, 5vw, 64px) clamp(24px, 5vw, 58px) !important;
    text-align: right !important;
    direction: rtl !important;
}

#tipeman-app .tp-test-redesign__copy h1 {
    max-width: 620px !important;
    margin: 9px 0 14px !important;
    color: #082451 !important;
    font-size: clamp(34px, 4.4vw, 58px) !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    letter-spacing: -.035em !important;
}

#tipeman-app .tp-test-redesign__copy > p {
    max-width: 580px !important;
    margin: 0 !important;
    color: #556176 !important;
    font-size: clamp(15px, 1.65vw, 20px) !important;
    line-height: 2 !important;
}

#tipeman-app .tp-test-redesign__hero .tp-test-redesign__actions {
    display: none !important;
}

#tipeman-app .tp-test-report-demo {
    margin: clamp(22px, 4vw, 40px) 0 18px !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,243,255,.84)) !important;
    border: 1px solid rgba(103, 87, 232, .14) !important;
    box-shadow: 0 18px 44px rgba(31, 26, 91, .08) !important;
}

#tipeman-app .tp-test-report-demo__head {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
}

#tipeman-app .tp-test-report-demo__head h2 {
    margin: 5px 0 0 !important;
    color: #5c49d8 !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    line-height: 1.4 !important;
}

#tipeman-app .tp-test-report-demo__head p {
    max-width: 420px !important;
    margin: 0 !important;
    color: #687286 !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
}

#tipeman-app .tp-test-report-demo__bars {
    display: grid !important;
    gap: 15px !important;
}

#tipeman-app .tp-test-report-demo__row {
    display: grid !important;
    grid-template-columns: minmax(130px, .8fr) minmax(190px, 1.5fr) 76px !important;
    align-items: center !important;
    gap: 16px !important;
}

#tipeman-app .tp-test-report-demo__row > strong {
    color: #132b52 !important;
    font-size: 14px !important;
}

#tipeman-app .tp-test-report-demo__track {
    height: 10px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #e8e8ef !important;
}

#tipeman-app .tp-test-report-demo__track i {
    display: block !important;
    width: var(--score) !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #6f55e8, #8a73ef) !important;
}

#tipeman-app .tp-test-report-demo__row:nth-child(2) .tp-test-report-demo__track i { background: linear-gradient(90deg, #297eea, #55a4ff) !important; }
#tipeman-app .tp-test-report-demo__row:nth-child(3) .tp-test-report-demo__track i { background: linear-gradient(90deg, #28a7a2, #53c8c0) !important; }
#tipeman-app .tp-test-report-demo__row:nth-child(4) .tp-test-report-demo__track i { background: linear-gradient(90deg, #ff8d1f, #ffb34f) !important; }
#tipeman-app .tp-test-report-demo__row:nth-child(5) .tp-test-report-demo__track i { background: linear-gradient(90deg, #e84570, #ff708d) !important; }

#tipeman-app .tp-test-report-demo__row > b {
    color: #142b52 !important;
    font-size: 16px !important;
    white-space: nowrap !important;
}

#tipeman-app .tp-test-report-demo__row > b small {
    margin-inline-start: 4px !important;
    color: #8790a0 !important;
    font-size: 10px !important;
}

#tipeman-app .tp-test-redesign__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
}

#tipeman-app .tp-test-redesign__actions .tp-btn {
    width: 100% !important;
    min-height: 58px !important;
    border-radius: 17px !important;
}

#tipeman-app .tp-test-redesign__facts {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 26px !important;
    padding: 18px 0 !important;
    border-width: 1px 0 !important;
    border-style: solid !important;
    border-color: rgba(8, 27, 58, .09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#tipeman-app .tp-test-redesign__facts > span {
    display: grid !important;
    grid-template-columns: 34px 1fr !important;
    align-items: center !important;
    gap: 2px 10px !important;
    min-width: 0 !important;
    padding: 4px 18px !important;
    border-inline-end: 1px solid rgba(8, 27, 58, .10) !important;
}

#tipeman-app .tp-test-redesign__facts > span:last-child { border-inline-end: 0 !important; }
#tipeman-app .tp-test-redesign__facts i { grid-row: 1 / 3 !important; color: #6652df !important; font-size: 23px !important; }
#tipeman-app .tp-test-redesign__facts strong { color: #10294f !important; font-size: 14px !important; }
#tipeman-app .tp-test-redesign__facts small { color: #768093 !important; font-size: 11px !important; }

/* The all-tests page uses the same photo-led, calm editorial system. */
#tipeman-app .tp-tests-library-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr) !important;
    gap: 24px !important;
    align-items: center !important;
    padding: clamp(22px, 4vw, 42px) !important;
    border-radius: 32px !important;
}

#tipeman-app .tp-tests-library-hero__copy h1 {
    max-width: 720px !important;
    margin: 8px 0 12px !important;
    color: #082451 !important;
    font-size: clamp(34px, 4.5vw, 58px) !important;
    line-height: 1.25 !important;
}

#tipeman-app .tp-tests-library-hero__trust {
    display: grid !important;
    gap: 12px !important;
}

#tipeman-app .tp-tests-library-hero__trust span {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #213756 !important;
    font-weight: 800 !important;
}

#tipeman-app .tp-tests-library-hero__trust i { color: #6652df !important; }
#tipeman-app .tp-tests-library-hero .tp-tests-seo-intro__links { grid-column: 1 / -1 !important; }

#tipeman-app .tp-tests-quick-filter { grid-template-columns: minmax(260px, .72fr) minmax(420px, 1.28fr) !important; }
#tipeman-app .tp-tests-category-chips {
    grid-column: 1 / -1 !important;
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 3px 1px 1px !important;
    scrollbar-width: none !important;
}
#tipeman-app .tp-tests-category-chips::-webkit-scrollbar { display: none !important; }
#tipeman-app .tp-tests-category-chips button {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(8, 27, 58, .09) !important;
    border-radius: 999px !important;
    color: #3e4e67 !important;
    background: rgba(255,255,255,.68) !important;
    font: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}
#tipeman-app .tp-tests-category-chips button.is-active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #0a2854, var(--accent, #6652e8)) !important;
}

#tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image {
    display: flex !important;
    flex-direction: column !important;
    min-height: 460px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
#tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-test-card-media {
    width: 100% !important;
    height: 210px !important;
    min-height: 210px !important;
    border-radius: 0 !important;
}
#tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-test-card-media :is(picture, img) {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}
#tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-test-card-media img { object-fit: cover !important; }
#tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-orb-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 18px !important;
}
#tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-card-actions { margin-top: auto !important; padding-top: 14px !important; }

@media (max-width: 760px) {
    #tipeman-app .tp-test-redesign {
        width: 100% !important;
        padding: 12px !important;
        border-radius: 25px !important;
    }
    #tipeman-app .tp-test-redesign__hero {
        grid-template-columns: 42% 58% !important;
        min-height: 300px !important;
        border-radius: 22px !important;
    }
    #tipeman-app .tp-test-redesign__hero > .tp-test-product-media,
    #tipeman-app .tp-test-redesign__hero > .tp-test-product-media :is(picture, img) {
        min-height: 300px !important;
    }
    #tipeman-app .tp-test-redesign__hero > .tp-test-product-media {
        clip-path: ellipse(91% 70% at 22% 48%) !important;
    }
    #tipeman-app .tp-test-redesign__copy { padding: 20px 14px !important; }
    #tipeman-app .tp-test-redesign__copy h1 { font-size: clamp(25px, 7vw, 34px) !important; line-height: 1.35 !important; }
    #tipeman-app .tp-test-redesign__copy > p {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;
        font-size: 12px !important;
        line-height: 1.8 !important;
    }
    #tipeman-app .tp-test-report-demo { margin-top: 14px !important; padding: 17px 13px !important; border-radius: 21px !important; }
    #tipeman-app .tp-test-report-demo__head { display: block !important; margin-bottom: 18px !important; }
    #tipeman-app .tp-test-report-demo__head h2 { font-size: 24px !important; }
    #tipeman-app .tp-test-report-demo__head p { margin-top: 6px !important; font-size: 11px !important; }
    #tipeman-app .tp-test-report-demo__row { grid-template-columns: 88px minmax(80px, 1fr) 52px !important; gap: 8px !important; }
    #tipeman-app .tp-test-report-demo__row > strong { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 11px !important; }
    #tipeman-app .tp-test-report-demo__row > b { font-size: 12px !important; }
    #tipeman-app .tp-test-redesign__actions { grid-template-columns: 1fr !important; gap: 9px !important; }
    #tipeman-app .tp-test-redesign__actions .tp-btn { min-height: 52px !important; }
    #tipeman-app .tp-test-redesign__facts { margin-bottom: 18px !important; padding: 13px 0 !important; }
    #tipeman-app .tp-test-redesign__facts > span { grid-template-columns: 1fr !important; justify-items: center !important; padding: 3px 6px !important; text-align: center !important; }
    #tipeman-app .tp-test-redesign__facts i { grid-row: auto !important; font-size: 18px !important; }
    #tipeman-app .tp-test-redesign__facts strong { font-size: 11px !important; }
    #tipeman-app .tp-test-redesign__facts small { display: none !important; }
    #tipeman-app .tp-tests-library-hero { grid-template-columns: 1fr !important; gap: 14px !important; padding: 18px !important; border-radius: 24px !important; }
    #tipeman-app .tp-tests-library-hero__copy h1 { font-size: 32px !important; }
    #tipeman-app .tp-tests-library-hero__trust { grid-template-columns: 1fr 1fr !important; font-size: 11px !important; }
    #tipeman-app .tp-tests-quick-filter { grid-template-columns: 1fr !important; }
    #tipeman-app .tp-tests-category-chips { grid-column: auto !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image {
        display: grid !important;
        grid-template-columns: 104px minmax(0, 1fr) !important;
        min-height: 194px !important;
    }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-test-card-media {
        width: 104px !important;
        height: 100% !important;
        min-height: 194px !important;
    }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-orb-copy { padding: 13px !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-test-card-desc {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }
}

/* home-ai-org-banners-2026-07-13: communicate the complete product above the catalog. */
#tipeman-app .tp-home-lead {
    max-width: 720px;
    margin: -4px 0 0;
    color: #58647a;
    font-size: clamp(15px, 1.5vw, 18px);
    font-weight: 650;
    line-height: 2;
    text-align: right;
}

#tipeman-app .tp-home-value-chips,
#tipeman-app .tp-home-ai-preview__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

#tipeman-app .tp-home-value-chips span,
#tipeman-app .tp-home-ai-preview__tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 6px 12px;
    border: 1px solid rgba(93,73,223,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.70);
    color: #253655;
    font-size: 12px;
    font-weight: 850;
}

#tipeman-app .tp-home-value-chips i,
#tipeman-app .tp-home-banner-points i { color: #6757e8; }

#tipeman-app .tp-home-actions--primary {
    width: 100%;
    justify-content: flex-start;
    margin: 4px 0 8px !important;
}

#tipeman-app .tp-home-start-cta { text-decoration: none; }

#tipeman-app .tp-home-start-cta.tp-btn--primary {
    color: #fff !important;
    background: linear-gradient(135deg, #081b3a, #4f3ac8) !important;
    box-shadow: 0 14px 32px rgba(79,59,200,.20) !important;
}

#tipeman-app .tp-home-product-banner {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    align-items: center;
    gap: clamp(24px, 5vw, 64px);
    margin: 26px 0;
    padding: clamp(25px, 4.2vw, 54px);
    border: 1px solid rgba(255,255,255,.88);
    border-radius: clamp(28px, 4vw, 46px);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(8,27,58,.10), inset 0 1px rgba(255,255,255,.92);
}

#tipeman-app .tp-home-product-banner::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    left: -160px;
    bottom: -250px;
    z-index: -1;
    border-radius: 999px;
    pointer-events: none;
}

#tipeman-app .tp-home-product-banner--ai {
    background: linear-gradient(135deg, rgba(246,244,255,.94), rgba(235,242,255,.82));
}

#tipeman-app .tp-home-product-banner--ai::before {
    background: radial-gradient(circle, rgba(103,87,232,.30), transparent 68%);
}

#tipeman-app .tp-home-product-banner--org {
    background: linear-gradient(135deg, rgba(241,248,246,.94), rgba(244,241,255,.86));
}

#tipeman-app .tp-home-product-banner--org::before {
    background: radial-gradient(circle, rgba(69,153,132,.28), transparent 68%);
}

#tipeman-app .tp-home-product-banner__copy {
    display: grid;
    justify-items: start;
    gap: 14px;
    text-align: right;
}

#tipeman-app .tp-home-product-banner__copy h2 {
    max-width: 780px;
    margin: 0;
    color: #081b3a;
    font-size: clamp(27px, 3.2vw, 45px);
    font-weight: 950;
    line-height: 1.45;
}

#tipeman-app .tp-home-product-banner__copy > p {
    max-width: 760px;
    margin: 0;
    color: #5d687c;
    font-size: 15px;
    font-weight: 600;
    line-height: 2;
}

#tipeman-app .tp-home-banner-points {
    width: 100%;
    display: grid;
    gap: 9px;
    margin: 2px 0 6px;
}

#tipeman-app .tp-home-banner-points span {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #263856;
    font-size: 13px;
    font-weight: 850;
}

#tipeman-app .tp-home-banner-points--org {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#tipeman-app .tp-home-banner-points--org i { color: #32836f; }

#tipeman-app .tp-home-ai-preview {
    min-height: 330px;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    gap: 20px;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.58));
    box-shadow: 0 24px 60px rgba(75,59,165,.14), inset 0 1px rgba(255,255,255,1);
}

#tipeman-app .tp-home-ai-preview__head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    color: #263856;
}

#tipeman-app .tp-home-ai-preview__head i,
#tipeman-app .tp-home-org-preview i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #342c8f, #6757e8);
}

#tipeman-app .tp-home-ai-preview__head span { font-weight: 950; }

#tipeman-app .tp-home-ai-preview__head em {
    padding: 5px 9px;
    border-radius: 999px;
    color: #26725e;
    background: rgba(76,181,150,.14);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
}

#tipeman-app .tp-home-ai-preview__score { display: grid; gap: 3px; }
#tipeman-app .tp-home-ai-preview__score strong { color: #342c8f; font-size: clamp(38px, 5vw, 62px); line-height: 1; }
#tipeman-app .tp-home-ai-preview__score span { color: #657087; font-size: 12px; font-weight: 750; }
#tipeman-app .tp-home-ai-preview__bars { display: grid; gap: 9px; }
#tipeman-app .tp-home-ai-preview__bars span {
    width: 100%;
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(90deg, #6757e8 var(--value), rgba(103,87,232,.12) var(--value));
}

#tipeman-app .tp-home-ai-preview__tags span { min-height: auto; font-size: 11px; }

#tipeman-app .tp-home-org-preview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

#tipeman-app .tp-home-org-preview article {
    min-height: 130px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 7px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.90);
    border-radius: 25px;
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.54));
    box-shadow: 0 18px 42px rgba(27,76,66,.08);
}

#tipeman-app .tp-home-org-preview i { background: linear-gradient(135deg, #245f53, #55a58d); }
#tipeman-app .tp-home-org-preview strong { color: #183b35; font-size: 16px; font-weight: 950; }
#tipeman-app .tp-home-org-preview span { color: #687a76; font-size: 11px; font-weight: 700; }

@media (max-width: 960px) {
    #tipeman-app .tp-home-product-banner { grid-template-columns: 1fr; }
    #tipeman-app .tp-home-ai-preview,
    #tipeman-app .tp-home-org-preview { width: 100%; }
}

@media (max-width: 760px) {
    #tipeman-app .tp-home-lead { max-width: 340px; margin-inline: auto; font-size: 14px; text-align: center; }
    #tipeman-app .tp-home-value-chips,
    #tipeman-app .tp-home-actions--primary { justify-content: center; }
    #tipeman-app .tp-home-actions--primary .tp-btn,
    #tipeman-app .tp-home-product-banner__copy > .tp-btn { width: 100%; box-sizing: border-box; justify-content: center; }
    #tipeman-app .tp-home-product-banner { margin: 16px 0; padding: 22px; border-radius: 30px; gap: 24px; }
    #tipeman-app .tp-home-product-banner__copy { justify-items: stretch; text-align: center; }
    #tipeman-app .tp-home-product-banner__copy h2 { font-size: clamp(25px, 7.5vw, 34px); text-align: center; }
    #tipeman-app .tp-home-product-banner__copy > p { font-size: 13px; text-align: center; }
    #tipeman-app .tp-home-banner-points,
    #tipeman-app .tp-home-banner-points--org { grid-template-columns: 1fr; text-align: right; }
    #tipeman-app .tp-home-ai-preview { min-height: 280px; padding: 20px; border-radius: 25px; }
    #tipeman-app .tp-home-org-preview { gap: 9px; }
    #tipeman-app .tp-home-org-preview article { min-height: 112px; padding: 15px; border-radius: 21px; }
}

/* result-pc-single-column-and-manual-ai-check-20260714 */
#tipeman-app .tp-ai-status-top__check {
    min-width: 190px !important;
    min-height: 48px !important;
    white-space: nowrap !important;
}

@media (min-width: 981px) {
    #tipeman-app .tp-app-screen[data-screen="result"] {
        width: 100% !important;
        max-width: none !important;
    }

    #tipeman-app .tp-result,
    body.tp-focus-mode #tipeman-app .tp-result {
        width: min(calc(100vw - 72px), 1280px) !important;
        max-width: 1280px !important;
        margin-inline: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    #tipeman-app .tp-result > *,
    #tipeman-app .tp-ai-status-top,
    #tipeman-app .tp-share-card,
    #tipeman-app .tp-report {
        width: 100% !important;
        max-width: none !important;
        grid-column: 1 / -1 !important;
    }

    #tipeman-app .tp-share-card {
        position: static !important;
        top: auto !important;
    }
}

@media (max-width: 680px) {
    #tipeman-app .tp-ai-status-top__check {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* home-guided-mobile-final-2026-08-24: must stay last to replace legacy emergency home overrides. */
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
    width: min(1120px, calc(100% - 32px)) !important;
    min-height: 390px !important;
    height: auto !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 14px auto 24px !important;
    overflow: hidden !important;
    border-radius: 36px !important;
    direction: ltr !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided {
    width: auto !important;
    min-width: 0 !important;
    min-height: 390px !important;
    box-sizing: border-box !important;
    display: grid !important;
    align-content: center !important;
    gap: 14px !important;
    padding: 52px 54px !important;
    grid-column: 2 !important;
    direction: rtl !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided h1 {
    margin: 0 !important;
    font-size: clamp(30px, 3.6vw, 54px) !important;
    line-height: 1.36 !important;
    text-align: right !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided > p {
    max-width: 560px !important;
    margin: 0 !important;
    color: #6f7788 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art {
    display: block !important;
    min-width: 0 !important;
    min-height: 390px !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    grid-column: 1 !important;
}

#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art img {
    width: 100% !important;
    height: 100% !important;
    min-height: 390px !important;
    aspect-ratio: auto !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 35% center !important;
}

/* ipad-grid-fix-2026-08-28: keep both explicitly placed hero panels in the same grid row. */
@media (min-width: 361px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art {
        grid-row: 1 !important;
    }
}

/* ipad-nav-fix-2026-08-28: tablets already have the full header and side menu. */
@media (min-width: 761px) {
    #tipeman-app .tp-bottom-nav,
    #tipeman-app .tp-bottom-nav--links {
        display: none !important;
    }
}

@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
        width: calc(100% - 16px) !important;
        min-height: 276px !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(132px, .92fr) !important;
        margin: 10px auto 24px !important;
        border-radius: 28px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided {
        min-height: 276px !important;
        gap: 10px !important;
        padding: 24px 15px 24px 12px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided h1 {
        font-size: clamp(22px, 7vw, 30px) !important;
        line-height: 1.5 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided > p {
        font-size: 12px !important;
        line-height: 1.85 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art img {
        min-height: 276px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art img {
        object-position: 31% center !important;
    }
}

@media (max-width: 360px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
        grid-template-columns: 1fr !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art {
        min-height: 190px !important;
        order: -1 !important;
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art img {
        min-height: 190px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

/* home-guided-live-fix-2026-08-24: remove legacy hero controls and reset the legacy translated nav. */
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-actions,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-value-chips,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-choice-grid,
#tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art__chips {
    display: none !important;
}

@media (max-width: 760px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-mobile-top {
        min-height: 56px !important;
        margin: 6px auto 12px !important;
        padding: 7px 10px !important;
        border-radius: 24px !important;
    }

    #tipeman-app .tp-bottom-nav {
        width: auto !important;
        max-width: none !important;
        height: 64px !important;
        left: 8px !important;
        right: 8px !important;
        bottom: max(8px, env(safe-area-inset-bottom)) !important;
        transform: none !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        padding: 4px !important;
        border-radius: 22px !important;
    }

    #tipeman-app .tp-bottom-nav button,
    #tipeman-app .tp-bottom-nav a {
        min-width: 0 !important;
        min-height: 48px !important;
        padding: 4px 2px !important;
        border-radius: 18px !important;
        font-size: 9px !important;
    }

    #tipeman-app .tp-bottom-nav button span,
    #tipeman-app .tp-bottom-nav a span {
        font-size: 15px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
        min-height: 310px !important;
        grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided {
        min-height: 310px !important;
        gap: 8px !important;
        padding: 18px 12px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided h2 {
        font-size: clamp(20px, 5.7vw, 23px) !important;
        line-height: 1.48 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided > p {
        font-size: 11px !important;
        line-height: 1.72 !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art img {
        min-height: 310px !important;
    }
}

/* Keep article-template-16 above older generic SEO-card rules in the cascade. */
#tipeman-app article.tp-article-page.tp-seo-content--blog {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
}

#tipeman-app article.tp-article-page > .tp-article-hero {
    display: block !important;
    padding: clamp(28px, 5vw, 64px) !important;
}

#tipeman-app article.tp-article-page > .tp-article-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px !important;
    grid-template-areas: "body toc" !important;
    gap: clamp(28px, 5vw, 64px) !important;
    padding: clamp(28px, 5vw, 64px) !important;
}

#tipeman-app article.tp-article-page .tp-article-body {
    display: block !important;
}

@media (max-width: 960px) {
    #tipeman-app article.tp-article-page > .tp-article-layout {
        grid-template-columns: 1fr !important;
        grid-template-areas: "toc" "body" !important;
    }
}

@media (max-width: 680px) {
    #tipeman-app article.tp-article-page > .tp-article-hero {
        padding: 24px 18px 28px !important;
    }

    #tipeman-app article.tp-article-page > .tp-article-layout {
        padding: 20px 18px 30px !important;
    }
}

/* big-five-pilot-2026-08-29: prevent intrinsic cover width from expanding article grid on phone/tablet. */
#tipeman-app .tp-app-blog-shell .tp-app-screen,
#tipeman-app article.tp-article-page.tp-seo-content--blog,
#tipeman-app article.tp-article-page > .tp-article-hero,
#tipeman-app article.tp-article-page > .tp-article-layout,
#tipeman-app article.tp-article-page .tp-article-body,
#tipeman-app .tp-article-cover {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#tipeman-app .tp-article-cover img {
    max-width: 100% !important;
    min-width: 0 !important;
}

/* mobile-shell-reflow-2026-08-30: keep narrow phones inside one real grid track. */
@media (max-width: 720px) {
    #tipeman-app .tp-app-screen[data-screen="tests"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="tests"] > .tp-mobile-top,
    #tipeman-app .tp-app-screen[data-screen="tests"] > .tp-tests-quick-filter,
    #tipeman-app .tp-app-screen[data-screen="tests"] > .tp-tests-seo-intro,
    #tipeman-app .tp-app-screen[data-screen="tests"] > .tp-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-inline: 0 !important;
        box-sizing: border-box !important;
    }

    #tipeman-app .tp-app-screen[data-screen="tests"] > .tp-grid,
    #tipeman-app .tp-marketplace--all-tests,
    #tipeman-app .tp-marketplace--all-tests .tp-galaxy,
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card,
    #tipeman-app .tp-tests-seo-intro__links {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* The earlier 760px hero rule appears after the legacy 360px rule; restate the narrow-phone layout last. */
@media (max-width: 360px) {
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided {
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art {
        min-height: 185px !important;
        height: 185px !important;
        order: -1 !important;
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-hero-art img {
        min-height: 185px !important;
        height: 185px !important;
        object-position: 35% 38% !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided {
        min-height: 0 !important;
        grid-column: 1 !important;
        grid-row: auto !important;
        padding: 18px 16px 20px !important;
    }

    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided h1,
    #tipeman-app .tp-app-screen[data-screen="home"] .tp-home-hero--guided .tp-home-copy--guided h2 {
        font-size: 22px !important;
        line-height: 1.45 !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-quick-filter__controls {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell),
    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-filter-reset {
        width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 !important;
    }

    #tipeman-app #tests > .tp-tests-seo-intro h1 {
        font-size: 24px !important;
        line-height: 1.35 !important;
    }
}

/* Final cascade guard for the annotated mobile test-library layout. */
@media (max-width: 760px) {
    #tipeman-app .tp-tests-library-hero {
        display: block !important;
        min-height: 0 !important;
        gap: 0 !important;
        padding: 11px 13px !important;
        border-radius: 18px !important;
    }

    #tipeman-app .tp-tests-library-hero__copy { text-align: right !important; }
    #tipeman-app .tp-tests-library-hero__copy .tp-kicker { font-size: 8px !important; line-height: 1.5 !important; }
    #tipeman-app .tp-tests-library-hero__copy h1 { margin: 3px 0 4px !important; font-size: 18px !important; line-height: 1.42 !important; }
    #tipeman-app .tp-tests-library-hero__copy > p {
        display: none !important;
    }
    #tipeman-app .tp-tests-library-hero__trust,
    #tipeman-app .tp-tests-library-hero .tp-tests-seo-intro__links { display: none !important; }

    #tipeman-app .tp-tests-quick-filter {
        position: relative !important;
        top: auto !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        border-radius: 18px !important;
    }
    #tipeman-app .tp-tests-quick-filter__title h1,
    #tipeman-app .tp-tests-quick-filter__title h2 { margin: 1px 0 !important; font-size: 15px !important; line-height: 1.4 !important; }
    #tipeman-app .tp-tests-quick-filter__title .tp-kicker,
    #tipeman-app .tp-tests-quick-filter__title p { display: none !important; }
    #tipeman-app .tp-tests-free-jump { min-height: 30px !important; margin-top: 4px !important; padding: 5px 9px !important; border-radius: 10px !important; font-size: 9px !important; }
    #tipeman-app .tp-tests-quick-filter__controls { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important; gap: 7px !important; }
    #tipeman-app .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell) { min-height: 42px !important; padding: 6px 8px !important; border-radius: 13px !important; }
    #tipeman-app .tp-tests-quick-filter :is(.tp-search-shell, .tp-select-shell) > span { font-size: 9px !important; line-height: 1.3 !important; }
    #tipeman-app .tp-tests-quick-filter :is(input, select) { min-height: 24px !important; padding: 2px 0 !important; font-size: 11px !important; }
    #tipeman-app .tp-tests-filter-reset { grid-column: 1 / -1 !important; min-height: 34px !important; padding: 5px 10px !important; font-size: 10px !important; }
    #tipeman-app .tp-tests-category-chips { grid-column: 1 / -1 !important; gap: 5px !important; padding-top: 0 !important; }
    #tipeman-app .tp-tests-category-chips button { min-height: 28px !important; padding: 4px 8px !important; font-size: 9px !important; }

    #tipeman-app .tp-marketplace--all-tests .tp-galaxy { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        height: auto !important;
        border-radius: 18px !important;
    }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-test-card-media { order: -1 !important; width: 100% !important; height: 118px !important; min-height: 118px !important; border-radius: 0 !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-orb-copy { min-height: 174px !important; padding: 9px !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-orb-copy > small { font-size: 8px !important; line-height: 1.4 !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image h3 { margin: 3px 0 5px !important; font-size: 13px !important; line-height: 1.5 !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-test-card-meta { gap: 4px !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-test-card-meta span { padding: 3px 5px !important; font-size: 8px !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-test-card-desc { margin-top: 5px !important; font-size: 9px !important; line-height: 1.6 !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-orb-card.has-test-image .tp-card-actions { margin-top: auto !important; padding-top: 7px !important; }
    #tipeman-app .tp-marketplace--all-tests .tp-card-cta { width: 100% !important; min-height: 34px !important; padding: 6px 8px !important; border-radius: 11px !important; font-size: 9px !important; line-height: 1.35 !important; }

    #tipeman-app #tests > .tp-tests-library-hero {
        display: block !important;
        min-height: 0 !important;
        padding: 10px 12px !important;
    }

    #tipeman-app #tests > .tp-tests-library-hero .tp-tests-library-hero__copy h1 {
        margin: 2px 0 0 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    #tipeman-app #tests > .tp-tests-library-hero .tp-tests-library-hero__copy > p,
    #tipeman-app #tests > .tp-tests-library-hero .tp-tests-library-hero__trust,
    #tipeman-app #tests > .tp-tests-library-hero .tp-tests-seo-intro__links {
        display: none !important;
    }

    /* Annotation cleanup: keep the compact search and category chips only. */
    body:has(#tipeman-app #tests) > .tp-skip,
    #tipeman-app #tests > .tp-tests-library-hero,
    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-quick-filter__title > h2,
    #tipeman-app #tests > .tp-tests-quick-filter .tp-select-shell.tp-tests-live-category {
        display: none !important;
    }

    #tipeman-app #tests > .tp-tests-quick-filter .tp-tests-quick-filter__controls {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}