:root {
    --tsc-shell-sidebar-width: 274px;
    --tsc-shell-topbar-height: 92px;
    --tsc-shell-adminbar-offset: 0px;
    --tsc-shell-bg: #f8f8fc;
    --tsc-shell-panel: #ffffff;
    --tsc-shell-ink: #080d5f;
    --tsc-shell-text: #12164d;
    --tsc-shell-muted: #74789f;
    --tsc-shell-border: rgba(30, 35, 96, 0.10);
    --tsc-shell-soft: rgba(233, 30, 115, 0.075);
    --tsc-shell-pink: #e90074;
    --tsc-shell-pink-2: #d64f83;
    --tsc-shell-orange: #ff5144;
    --tsc-shell-blue: #241dff;
    --tsc-shell-radius: 16px;
    --tsc-shell-shadow: 0 18px 50px rgba(19, 26, 74, 0.08);
}

body.admin-bar.tsc-app-shell-active {
    --tsc-shell-adminbar-offset: 32px;
}

body.tsc-app-shell-active {
    background: var(--tsc-shell-bg) !important;
}

body.tsc-app-shell-active #page.wrapper,
body.tsc-app-shell-active .wrapper {
    padding-left: var(--tsc-shell-sidebar-width);
    padding-top: var(--tsc-shell-topbar-height);
    background: var(--tsc-shell-bg) !important;
    min-height: 100vh;
}

body.tsc-app-shell-active #page > header,
body.tsc-app-shell-active #page > .top-bar,
body.tsc-app-shell-active .top-bar,
body.tsc-app-shell-active .header-style-1,
body.tsc-app-shell-active .header-alt,
body.tsc-app-shell-active .handheld-header,
body.tsc-app-shell-active .mc-breadcrumb,
body.tsc-app-shell-active .breadcrumb-wrapper,
body.tsc-app-shell-active .woocommerce-breadcrumb,
body.tsc-app-shell-active #footer .sub-form-row,
body.tsc-app-shell-active #footer .link-list-row {
    display: none !important;
}

body.tsc-app-shell-active #footer {
    margin-left: 0 !important;
}

body.tsc-app-shell-active #content.site-content.container,
body.tsc-app-shell-active .site-content.container,
body.tsc-app-shell-active .container.inner-top-xs,
body.tsc-app-shell-active .container.inner-bottom-xs,
body.tsc-app-shell-active .woocommerce-page #content.site-content.container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
}

body.tsc-app-shell-active #content.site-content > .row,
body.tsc-app-shell-active .site-content > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.tsc-app-shell-active #primary,
body.tsc-app-shell-active .content-area,
body.tsc-app-shell-active .site-main {
    width: 100% !important;
    max-width: none !important;
}

body.tsc-app-shell-active #sidebar,
body.tsc-app-shell-active #secondary,
body.tsc-app-shell-active aside.sidebar:not(.tsc-app-sidebar),
body.tsc-app-shell-active .blog-sidebar,
body.tsc-app-shell-active .secondary {
    display: none !important;
}

body.tsc-app-shell-active .products {
    max-width: none !important;
}

body.tsc-app-shell-active .tsc-app-sidebar,
body.tsc-app-shell-active .tsc-app-topbar,
body.tsc-app-shell-active .tsc-app-shell__mobile-toggle,
body.tsc-app-shell-active .tsc-app-sidebar-backdrop {
    font-family: inherit;
    box-sizing: border-box;
}

.tsc-app-sidebar *,
.tsc-app-topbar *,
.tsc-app-shell__mobile-toggle * {
    box-sizing: border-box;
}

.tsc-app-sidebar {
    position: fixed;
    z-index: 99980;
    top: var(--tsc-shell-adminbar-offset);
    left: 0;
    bottom: 0;
    width: var(--tsc-shell-sidebar-width);
    height: calc(100vh - var(--tsc-shell-adminbar-offset));
    background: rgba(255, 255, 255, 0.94);
    border-right: 1px solid rgba(34, 39, 90, 0.08);
    box-shadow: 8px 0 34px rgba(21, 26, 73, 0.06);
    overflow: hidden;
}

.tsc-app-sidebar__inner {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 22px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scrollbar-width: thin;
}

.tsc-app-logo {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    margin: 0;
}

.tsc-app-logo img {
    display: block;
    width: 166px;
    max-width: 100%;
    height: auto;
}

.tsc-app-account {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    color: var(--tsc-shell-ink) !important;
    text-decoration: none !important;
    padding: 4px 2px 10px;
}

.tsc-app-account__avatar {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 999px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 8px 22px rgba(19, 26, 74, 0.14);
}

.tsc-app-account__text {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

.tsc-app-account__name {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--tsc-shell-ink);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tsc-app-account__name .fa-circle-check {
    color: #1d37ff;
    font-size: 14px;
}

.tsc-app-account__role {
    display: block;
    margin-top: 2px;
    color: var(--tsc-shell-ink);
    font-size: 12px;
    font-weight: 600;
}

.tsc-app-account--creator .tsc-app-account__role {
    color: var(--tsc-shell-pink);
}

.tsc-app-account__chevron {
    color: var(--tsc-shell-ink);
    font-size: 12px;
}

.tsc-app-share {
    min-height: 44px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 14px;
    color: #fff !important;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none !important;
    background: linear-gradient(90deg, #ff5144 0%, #e90074 100%);
    box-shadow: 0 12px 24px rgba(233, 0, 116, 0.18);
}

.tsc-app-section-label,
.tscfc-title,
.tsc-app-fallback-categories h3 {
    margin: 14px 0 4px;
    color: #7d81a3;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .035em;
    font-weight: 800;
}

.tsc-app-menu {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tsc-app-menu__item {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--tsc-shell-ink) !important;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 750;
    background: transparent;
    transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.tsc-app-menu__item:hover,
.tsc-app-menu__item.is-active,
.tsc-app-menu__item--creator {
    background: linear-gradient(90deg, rgba(123, 52, 245, 0.14), rgba(233, 0, 116, 0.13));
    border-color: rgba(233, 0, 116, 0.10);
}

.tsc-app-menu__item:hover {
    transform: translateY(-1px);
}

.tsc-app-menu__icon {
    width: 21px;
    min-width: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4d5593;
    font-size: 16px;
}

.tsc-app-menu__item--creator .tsc-app-menu__icon {
    color: var(--tsc-shell-ink);
}

.tsc-app-menu__label {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tsc-app-menu__count {
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--tsc-shell-ink);
    background: rgba(21, 26, 73, 0.08);
    font-size: 11px;
    font-weight: 800;
}

.tsc-app-menu__item--auth {
    min-height: 48px;
    justify-content: center;
    border-color: rgba(23, 28, 86, 0.12);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 6px 18px rgba(12, 17, 68, 0.04);
}

.tsc-app-categories-wrap {
    margin-top: 0;
}

.tsc-app-sidebar .tscfc-widget {
    --tscfc-pink: var(--tsc-shell-pink);
    --tscfc-pink-soft: rgba(233, 0, 116, 0.085);
    --tscfc-pink-border: rgba(233, 0, 116, 0.22);
    --tscfc-text: var(--tsc-shell-ink);
    --tscfc-muted: #7d81a3;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.tsc-app-sidebar .tscfc-title {
    padding: 0;
}

.tsc-app-sidebar .tscfc-divider {
    display: none;
}

.tsc-app-sidebar .tscfc-row {
    min-height: 34px;
    border-radius: 9px;
}

.tsc-app-sidebar .tscfc-link {
    gap: 10px;
    padding: 6px 3px 6px 4px;
    color: var(--tsc-shell-ink) !important;
    font-size: 13px;
    font-weight: 750;
}

.tsc-app-sidebar .tscfc-icon {
    color: #4d5593;
}

.tsc-app-sidebar .tscfc-toggle,
.tsc-app-sidebar .tscfc-toggle-placeholder {
    width: 24px;
    min-width: 24px;
    height: 24px;
}

.tsc-app-sidebar .tscfc-depth-1,
.tsc-app-sidebar .tscfc-depth-2,
.tsc-app-sidebar .tscfc-depth-3,
.tsc-app-sidebar .tscfc-depth-4,
.tsc-app-sidebar .tscfc-depth-5 {
    margin-left: 14px;
    padding-left: 8px;
}

.tsc-app-fallback-categories {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tsc-app-fallback-categories a {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 8px;
    color: var(--tsc-shell-ink) !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 750;
    border-radius: 9px;
}

.tsc-app-fallback-categories a:hover {
    background: var(--tsc-shell-soft);
}

.tsc-app-ad {
    margin-top: 16px;
    display: block;
}

.tsc-app-ad > span {
    display: block;
    margin-bottom: 7px;
    color: #8387a7;
    text-align: center;
    font-size: 10px;
    line-height: 1;
}

.tsc-app-ad__box {
    min-height: 120px;
    border-radius: 11px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #241dff 0%, #7d2fff 58%, #e90074 100%);
    box-shadow: 0 14px 28px rgba(36, 29, 255, 0.18);
}

.tsc-app-ad__box strong {
    display: block;
    margin-bottom: 5px;
    font-size: 19px;
    line-height: 1;
    color: inherit;
}

.tsc-app-ad__box em {
    color: inherit;
    font-style: normal;
    font-size: 12px;
    opacity: .88;
}

.tsc-app-sidebar__spacer {
    flex: 1 1 auto;
    min-height: 10px;
}

.tsc-app-menu__item--bottom {
    border-top: 1px solid rgba(30, 35, 96, 0.08);
    border-radius: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.tsc-app-topbar {
    position: fixed;
    z-index: 99970;
    top: var(--tsc-shell-adminbar-offset);
    left: var(--tsc-shell-sidebar-width);
    right: 0;
    height: var(--tsc-shell-topbar-height);
    display: flex;
    align-items: center;
    gap: 26px;
    padding: 20px 34px 18px;
    background: rgba(248, 248, 252, 0.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.tsc-app-topbar__search {
    flex: 1 1 auto;
    min-width: 320px;
    max-width: 720px;
}

.tsc-app-search {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: stretch;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(19, 26, 74, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.88);
    overflow: hidden;
}

.tsc-app-search input,
.tsc-app-search select,
.tsc-app-search button {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-family: inherit;
}

.tsc-app-search input {
    flex: 1 1 auto;
    min-width: 0;
    height: auto;
    padding: 0 24px;
    color: var(--tsc-shell-ink);
    background: #ffffff;
    font-size: 14px;
    font-weight: 650;
}

.tsc-app-search input::placeholder {
    color: #8b8fb0;
    opacity: 1;
}

.tsc-app-search select {
    flex: 0 0 190px;
    max-width: 190px;
    padding: 0 20px;
    color: #1b1f53;
    background: #ffffff;
    border-left: 1px solid rgba(30, 35, 96, 0.10) !important;
    font-size: 14px;
    font-weight: 750;
    appearance: auto;
}

.tsc-app-search button {
    width: 58px;
    min-width: 58px;
    color: #ffffff;
    background: linear-gradient(135deg, #e90074 0%, #d64f83 100%);
    font-size: 18px;
    cursor: pointer;
}

.tsc-app-topbar__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.tsc-app-pill,
.tsc-app-icon-button {
    min-height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    color: var(--tsc-shell-ink) !important;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 28px rgba(19, 26, 74, 0.07);
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.tsc-app-pill--primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #241dff 0%, #7d2fff 58%, #e90074 100%);
    border-color: transparent;
}

.tsc-app-icon-button {
    width: 48px;
    min-width: 48px;
    padding: 0;
    cursor: pointer;
}

.tsc-app-preview-switcher {
    position: absolute;
    right: 34px;
    bottom: -21px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    background: #14194d;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(19, 26, 74, 0.16);
    font-size: 11px;
    line-height: 1;
}

.tsc-app-preview-switcher span {
    padding: 0 8px;
    color: rgba(255,255,255,.72);
    font-weight: 800;
}

.tsc-app-preview-switcher a {
    padding: 7px 10px;
    border-radius: 999px;
    color: rgba(255,255,255,.82) !important;
    text-decoration: none !important;
    font-weight: 800;
}

.tsc-app-preview-switcher a.is-active {
    color: var(--tsc-shell-ink) !important;
    background: #ffffff;
}

.tsc-app-shell__mobile-toggle,
.tsc-app-sidebar-backdrop {
    display: none;
}

@media (max-width: 1280px) {
    :root {
        --tsc-shell-sidebar-width: 250px;
    }

    .tsc-app-topbar {
        gap: 16px;
        padding-left: 24px;
        padding-right: 24px;
    }

    body.tsc-app-shell-active #content.site-content.container,
    body.tsc-app-shell-active .site-content.container,
    body.tsc-app-shell-active .container.inner-top-xs,
    body.tsc-app-shell-active .container.inner-bottom-xs {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .tsc-app-pill span {
        display: none;
    }

    .tsc-app-pill {
        width: 48px;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    :root {
        --tsc-shell-sidebar-width: 0px;
        --tsc-shell-topbar-height: 76px;
    }

    body.tsc-app-shell-active #page.wrapper,
    body.tsc-app-shell-active .wrapper {
        padding-left: 0;
    }

    .tsc-app-sidebar {
        width: 286px;
        transform: translateX(-103%);
        transition: transform 180ms ease;
    }

    body.tsc-app-shell-sidebar-open .tsc-app-sidebar {
        transform: translateX(0);
    }

    .tsc-app-sidebar-backdrop {
        position: fixed;
        z-index: 99975;
        inset: var(--tsc-shell-adminbar-offset) 0 0 0;
        background: rgba(7, 9, 41, 0.42);
    }

    body.tsc-app-shell-sidebar-open .tsc-app-sidebar-backdrop {
        display: block;
    }

    .tsc-app-shell__mobile-toggle {
        position: fixed;
        z-index: 99990;
        top: calc(var(--tsc-shell-adminbar-offset) + 17px);
        left: 16px;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0 13px;
        border: 1px solid rgba(30, 35, 96, 0.10);
        border-radius: 999px;
        color: var(--tsc-shell-ink);
        background: #ffffff;
        box-shadow: 0 10px 26px rgba(19, 26, 74, 0.10);
        font-weight: 800;
    }

    .tsc-app-topbar {
        left: 0;
        padding-left: 128px;
    }

    .tsc-app-topbar__actions {
        display: none;
    }

    .tsc-app-topbar__search {
        max-width: none;
        min-width: 0;
    }
}

@media (max-width: 782px) {
    body.admin-bar.tsc-app-shell-active {
        --tsc-shell-adminbar-offset: 46px;
    }
}

@media (max-width: 640px) {
    :root {
        --tsc-shell-topbar-height: 124px;
    }

    .tsc-app-topbar {
        height: var(--tsc-shell-topbar-height);
        padding: 16px;
        padding-top: 68px;
    }

    .tsc-app-search {
        min-height: 48px;
        border-radius: 16px;
    }

    .tsc-app-search select {
        display: none;
    }

    .tsc-app-search input {
        padding: 0 16px;
    }

    body.tsc-app-shell-active #content.site-content.container,
    body.tsc-app-shell-active .site-content.container,
    body.tsc-app-shell-active .container.inner-top-xs,
    body.tsc-app-shell-active .container.inner-bottom-xs {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .tsc-app-preview-switcher {
        right: 16px;
        bottom: auto;
        top: 18px;
    }

    .tsc-app-preview-switcher span {
        display: none;
    }
}

/* v0.1.1 refinements */
:root {
    --tsc-shell-bg: linear-gradient(135deg, #ddd8f2 0%, #f8f5ff 45%, #fde8e4 80%, #f9d0c8 100%);
}

body.tsc-app-shell-active {
    background: var(--tsc-shell-bg) fixed !important;
}

body.tsc-app-shell-active #page.wrapper,
body.tsc-app-shell-active .wrapper {
    background: var(--tsc-shell-bg) fixed !important;
}

.tsc-app-sidebar .tscfc-widget .tscfc-title,
.tsc-app-fallback-categories h3 {
    margin: 14px 0 4px !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid rgba(30, 35, 96, 0.10) !important;
    color: #7d81a3 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    font-weight: 800 !important;
}

.tsc-app-search button {
    border-radius: 0 999px 999px 0 !important;
}

.tsc-app-search input {
    border-radius: 999px 0 0 999px !important;
}

.tsc-app-search select {
    border-radius: 0 !important;
}

.tsc-app-menu--auth .tsc-app-menu__item--auth {
    justify-content: center;
    text-align: center;
}

.tsc-app-menu--auth .tsc-app-menu__item--auth .tsc-app-menu__label {
    flex: 0 0 auto;
}

.tsc-app-menu--auth .tsc-app-menu__item--auth .tsc-app-menu__icon {
    width: auto;
    min-width: 0;
}

.tsc-app-account__chevron,
.tsc-app-menu__item--bottom {
    display: none !important;
}

.tsc-app-icon-button {
    text-decoration: none !important;
}


/* v0.1.2 refinements */
body.tsc-app-shell-active {
    overflow-x: hidden !important;
}

body.tsc-app-shell-active #page.wrapper,
body.tsc-app-shell-active .wrapper {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
}

.tsc-app-sidebar__inner {
    padding: 0 22px 22px !important;
}

.tsc-app-logo {
    margin: 0 !important;
}

.tsc-app-logo img {
    width: 166px !important;
}

.tsc-app-menu {
    gap: 0 !important;
}

.tsc-app-section-label {
    margin: 14px 0 4px !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid rgba(30, 35, 96, 0.10) !important;
    color: #7d81a3 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    font-weight: 800 !important;
}

.tsc-app-sidebar .tscfc-widget .tscfc-title,
.tsc-app-sidebar .tscfc-title,
.tsc-app-fallback-categories h3 {
    margin: 2px 0 4px !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid rgba(30, 35, 96, 0.10) !important;
    color: #7d81a3 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    font-weight: 800 !important;
}

.tsc-app-categories-wrap {
    margin-top: 0 !important;
}

.tsc-app-sidebar .tscfc-divider {
    display: none !important;
}

.tsc-app-search {
    overflow: hidden !important;
}

.tsc-app-search__select-wrap {
    position: relative;
    flex: 0 0 190px;
    max-width: 190px;
    display: flex;
    align-items: stretch;
    border-left: 1px solid rgba(30, 35, 96, 0.10);
    background: #ffffff;
}

.tsc-app-search__select-wrap select,
.tsc-app-search select {
    width: 100% !important;
    height: 100% !important;
    min-height: 52px !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    padding: 0 40px 0 18px !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    color: #1b1f53 !important;
    background: transparent !important;
    text-align: center !important;
    text-align-last: center !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 52px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
}

.tsc-app-search__select-wrap select option,
.tsc-app-search select option {
    color: #1b1f53;
    background: #ffffff;
    font-weight: 650;
}

.tsc-app-search__select-wrap > i {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--tsc-shell-ink);
    font-size: 12px;
    pointer-events: none;
}

.tsc-app-search button {
    border-radius: 0 999px 999px 0 !important;
}

body.tsc-app-shell-active #content.site-content.container,
body.tsc-app-shell-active .site-content.container,
body.tsc-app-shell-active .container.inner-top-xs,
body.tsc-app-shell-active .container.inner-bottom-xs,
body.tsc-app-shell-active .woocommerce-page #content.site-content.container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

body.tsc-app-shell-active #content.site-content > .row,
body.tsc-app-shell-active .site-content > .row,
body.tsc-app-shell-active .woocommerce .row,
body.tsc-app-shell-active .woocommerce-page .row {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.tsc-app-shell-active #primary,
body.tsc-app-shell-active .content-area,
body.tsc-app-shell-active .site-main,
body.tsc-app-shell-active .woocommerce,
body.tsc-app-shell-active .woocommerce-page,
body.tsc-app-shell-active .products,
body.tsc-app-shell-active ul.products,
body.tsc-app-shell-active .product,
body.tsc-app-shell-active .single-product-wrapper,
body.tsc-app-shell-active .single-product-summary,
body.tsc-app-shell-active .single-product-title {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

body.tsc-app-shell-active ul.products {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.tsc-app-shell-active .tsc-side-rails,
body.tsc-app-shell-active .tsc-side-rail,
body.tsc-app-shell-active .tsc-side-rail-ad {
    display: none !important;
}

@media (max-width: 640px) {
    .tsc-app-search__select-wrap {
        display: none !important;
    }
}

/* v0.1.3 refinements */
.tsc-app-logo {
    margin: 0 !important;
}

.tsc-app-logo img {
    width: 166px !important;
}

.tsc-app-menu {
    gap: 0 !important;
}

body.tsc-app-shell-preview-logged_out .tsc-app-menu,
body.tsc-app-shell-preview-logged_out .tsc-app-menu--auth {
    gap: 10px !important;
}

.tsc-app-categories-wrap {
    margin-top: 0 !important;
}

body.tsc-app-shell-preview-creator .tsc-app-section-label {
    margin: 0 0 4px !important;
}

.tsc-app-account__avatar {
    position: relative;
    overflow: visible;
}

.tsc-app-account__avatar::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #58d23c;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(19, 26, 74, 0.14);
}

.tsc-app-ad,
.tsc-app-ad--placeholder {
    display: none !important;
}



/* v0.1.4 refinements */
.tsc-app-account--basic .tsc-app-account__role {
    color: #a9a9a9 !important;
}

.tsc-app-account__avatar::after {
    left: auto !important;
    right: 0 !important;
    bottom: 1px !important;
}

.tsc-app-search__select-wrap {
    border-left: 1px solid rgba(30, 35, 96, 0.10) !important;
    border-right: 1px solid rgba(30, 35, 96, 0.06) !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.8);
}

.tsc-app-search__select-wrap:focus-within {
    border-left-color: rgba(233, 0, 116, 0.20) !important;
    border-right-color: rgba(233, 0, 116, 0.14) !important;
    box-shadow: inset 0 0 0 1px rgba(233, 0, 116, 0.08);
}

.tsc-app-search__select-wrap select,
.tsc-app-search select {
    text-align: left !important;
    text-align-last: left !important;
    padding-left: 22px !important;
}

.tsc-app-search__select-wrap select option,
.tsc-app-search select option {
    text-align: left !important;
}

.tsc-app-sidebar .tscfc-widget .tscfc-title,
.tsc-app-sidebar .tscfc-title,
.tsc-app-fallback-categories h3 {
    margin: 2px 0 10px !important;
}

/* v0.1.5 refinements */
body.tsc-app-shell-preview-basic .tsc-app-section-label {
    margin: 0 0 4px !important;
}

.tsc-app-logo img {
    width: 150px !important;
}

.tsc-app-sidebar__inner {
    padding: 0 22px 0 !important;
}

.tsc-app-sidebar__spacer {
    min-height: 0 !important;
}

.tsc-app-account__avatar {
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
}

.tsc-app-account__avatar::after {
    right: 1px !important;
    bottom: 2px !important;
}

.tsc-app-menu--account-bottom {
    margin-top: 10px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(30, 35, 96, 0.10) !important;
}

.tsc-app-menu--account-bottom .tsc-app-menu__item {
    margin: 0 !important;
}

@media (min-width: 600px) {
    body.tsc-app-shell-active.archive .content-area,
    body.tsc-app-shell-active.search .content-area,
    body.tsc-app-shell-active.woocommerce-page.archive .content-area,
    body.tsc-app-shell-active.post-type-archive-product .content-area,
    body.tsc-app-shell-active.tax-product_cat .content-area,
    body.tsc-app-shell-active.tax-product_tag .content-area {
        left: 0 !important;
    }
}


/* v0.1.6 refinements */
.tsc-app-pill--trending {
    background: rgb(255 177 0 / 59%) !important;
    border: 1px solid rgb(255 179 64 / 90%) !important;
}

.tsc-app-sidebar__inner {
    gap: 10px !important;
}


/* v0.1.7 refinements */
body.tsc-app-shell-preview-logged_out .tsc-app-menu--auth .tsc-app-menu__item--auth {
    color: #ff0074 !important;
    border-color: #ff007452 !important;
}

body.tsc-app-shell-preview-logged_out .tsc-app-menu--auth .tsc-app-menu__item--auth .tsc-app-menu__icon,
body.tsc-app-shell-preview-logged_out .tsc-app-menu--auth .tsc-app-menu__item--auth .tsc-app-menu__label {
    color: #ff0074 !important;
}

body.tsc-app-shell-active #content.site-content.container,
body.tsc-app-shell-active .site-content.container,
body.tsc-app-shell-active .container.inner-top-xs,
body.tsc-app-shell-active .container.inner-bottom-xs,
body.tsc-app-shell-active .woocommerce-page #content.site-content.container {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

body.tsc-app-shell-active.single-product #content.site-content.container,
body.tsc-app-shell-active.single-product .site-content.container,
body.tsc-app-shell-active.single-product .container.inner-top-xs,
body.tsc-app-shell-active.single-product .container.inner-bottom-xs,
body.tsc-app-shell-active.single-product.woocommerce-page #content.site-content.container {
    width: calc(100% - 60px) !important;
    max-width: 1000px !important;
    margin-top: 30px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: 30px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
    overflow-x: visible !important;
}

body.tsc-app-shell-active.single-product #content.site-content > .row,
body.tsc-app-shell-active.single-product .site-content > .row,
body.tsc-app-shell-active.single-product .woocommerce .row,
body.tsc-app-shell-active.single-product .woocommerce-page .row,
body.tsc-app-shell-active.single-product .site-main,
body.tsc-app-shell-active.single-product .single-product-wrapper,
body.tsc-app-shell-active.single-product .images-and-summary-wrapper,
body.tsc-app-shell-active.single-product div.product,
body.tsc-app-shell-active.single-product div.product .related,
body.tsc-app-shell-active.single-product .related.products,
body.tsc-app-shell-active.single-product .upsells.products,
body.tsc-app-shell-active.single-product .cross-sells,
body.tsc-app-shell-active.single-product .woocommerce-tabs,
body.tsc-app-shell-active.single-product #reviews,
body.tsc-app-shell-active.single-product #comments {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body.tsc-app-shell-active.single-product .related.products,
body.tsc-app-shell-active.single-product .upsells.products,
body.tsc-app-shell-active.single-product .cross-sells {
    clear: both !important;
}

@media (min-width: 1025px) {
    body.tsc-app-shell-active.single-product .product-images,
    body.tsc-app-shell-active.single-product div.product div.images,
    body.tsc-app-shell-active.single-product .single-product .images,
    body.tsc-app-shell-active.single-product .site-main .images,
    body.tsc-app-shell-active.single-product .images-and-summary-wrapper .images {
        max-height: 500px !important;
        overflow: hidden !important;
    }

    body.tsc-app-shell-active.single-product .product-images img,
    body.tsc-app-shell-active.single-product div.product div.images img,
    body.tsc-app-shell-active.single-product .site-main .images img,
    body.tsc-app-shell-active.single-product .images-and-summary-wrapper .images img {
        max-height: 500px !important;
        width: auto;
        max-width: 100%;
        object-fit: contain;
    }
}

body.tsc-app-shell-active.single-product .product_title,
body.tsc-app-shell-active.single-product h1.product_title,
body.tsc-app-shell-active.single-product .entry-summary h1,
body.tsc-app-shell-active.single-product .summary h1,
body.tsc-app-shell-active.single-product #tab-description h2,
body.tsc-app-shell-active.single-product .woocommerce-tabs h2,
body.tsc-app-shell-active.single-product #comments h2,
body.tsc-app-shell-active.single-product #reviews #comments h2,
body.tsc-app-shell-active.single-product .comments-title,
body.tsc-app-shell-active.single-product .comment-reply-title,
body.tsc-app-shell-active.single-product .woocommerce-Reviews-title {
    color: #080d5f !important;
}

body.tsc-app-shell-active.single-product .site-main .images-and-summary-wrapper .summary {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

body.tsc-app-shell-active.single-product #review_form textarea#comment,
body.tsc-app-shell-active.single-product #commentform textarea#comment,
body.tsc-app-shell-active.single-product .comment-form-comment textarea,
body.tsc-app-shell-active.single-product textarea[name="comment"] {
    min-height: 100px !important;
}

body.tsc-app-shell-active.page .inner-bottom-sm {
    padding: 0 20px 20px 20px !important;
}

@media (max-width: 1024px) {
    body.tsc-app-shell-active.single-product #content.site-content.container,
    body.tsc-app-shell-active.single-product .site-content.container,
    body.tsc-app-shell-active.single-product .container.inner-top-xs,
    body.tsc-app-shell-active.single-product .container.inner-bottom-xs,
    body.tsc-app-shell-active.single-product.woocommerce-page #content.site-content.container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}


/* v0.1.8 refinements */
body.tsc-app-shell-active .tsc-app-breadcrumb {
    box-sizing: border-box !important;
    width: calc(100% - 60px) !important;
    max-width: 1000px !important;
    margin: 22px auto 12px 30px !important;
    padding: 0 5px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: #6f7398 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
}

body.tsc-app-shell-active.tax-product_cat .tsc-app-breadcrumb,
body.tsc-app-shell-active.post-type-archive-product .tsc-app-breadcrumb {
    max-width: none !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
}

body.tsc-app-shell-active .tsc-app-breadcrumb__item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #080d5f !important;
    text-decoration: none !important;
}

body.tsc-app-shell-active .tsc-app-breadcrumb__item:hover {
    color: #e90074 !important;
}

body.tsc-app-shell-active .tsc-app-breadcrumb__item.is-current {
    color: #7d81a3 !important;
}

body.tsc-app-shell-active .tsc-app-breadcrumb__sep {
    color: #9da1bc !important;
    font-size: 10px !important;
}

@media (min-width: 1025px) {
    body.tsc-app-shell-active.single-product .product-images,
    body.tsc-app-shell-active.single-product div.product div.images,
    body.tsc-app-shell-active.single-product .single-product .images,
    body.tsc-app-shell-active.single-product .site-main .images,
    body.tsc-app-shell-active.single-product .images-and-summary-wrapper .images {
        max-height: none !important;
        overflow: visible !important;
    }

    body.tsc-app-shell-active.single-product .product-images img,
    body.tsc-app-shell-active.single-product div.product div.images img,
    body.tsc-app-shell-active.single-product .site-main .images img,
    body.tsc-app-shell-active.single-product .images-and-summary-wrapper .images img {
        max-height: none !important;
        width: auto;
        max-width: 100%;
        object-fit: initial;
    }

    body.tsc-app-shell-active.single-product .single-product-main-image,
    body.tsc-app-shell-active.single-product .single-product-main-image .woocommerce-product-gallery__image,
    body.tsc-app-shell-active.single-product .single-product-main-image .flex-viewport {
        max-height: 500px !important;
        overflow: hidden !important;
    }

    body.tsc-app-shell-active.single-product .single-product-main-image img {
        max-height: 500px !important;
        width: auto;
        max-width: 100%;
        object-fit: contain;
    }
}

body.tsc-app-shell-active.single-product .tsc-product-action-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 10px 0 12px !important;
}

body.tsc-app-shell-active.single-product .tsc-product-action-row .tsc-fav-single-wrap,
body.tsc-app-shell-active.single-product .tsc-product-action-row .tsc-collection-single-wrap,
body.tsc-app-shell-active.single-product .tsc-product-action-row .tsc-collection-button-wrap,
body.tsc-app-shell-active.single-product .tsc-product-action-row .tsc-collection-button-container {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

body.tsc-app-shell-active.single-product .tsc-fav-single-wrap,
body.tsc-app-shell-active.single-product .tsc-collection-single-wrap,
body.tsc-app-shell-active.single-product .tsc-collection-button-wrap,
body.tsc-app-shell-active.single-product .tsc-collection-button-container {
    vertical-align: top !important;
}

body.tsc-app-shell-active.single-product .tsc-fav-button--single,
body.tsc-app-shell-active.single-product .tsc-fav-button--shortcode,
body.tsc-app-shell-active.single-product .tsc-collection-button--single,
body.tsc-app-shell-active.single-product [data-tsc-collection-button] {
    min-height: 32px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
}

body.tsc-app-shell-active.single-product .woocommerce-tabs,
body.tsc-app-shell-active.single-product .woocommerce-tabs .panel,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel,
body.tsc-app-shell-active.single-product #tab-description,
body.tsc-app-shell-active.single-product .entry-content #tab-description,
body.tsc-app-shell-active.single-product .product-description,
body.tsc-app-shell-active.single-product .description {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    vertical-align: top !important;
    text-align: left !important;
}

body.tsc-app-shell-active.single-product #tab-description,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel--description,
body.tsc-app-shell-active.single-product .woocommerce-tabs .panel {
    display: block !important;
}

body.tsc-app-shell-active.single-product #tab-description > *,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel--description > * {
    text-align: left !important;
    margin-top: 0;
}

@media (max-width: 1024px) {
    body.tsc-app-shell-active .tsc-app-breadcrumb {
        width: 100% !important;
        max-width: 100% !important;
        margin: 14px 0 10px !important;
        padding: 0 16px !important;
    }
}


/* v0.1.9 refinements */
body.tsc-app-shell-active {
    color: #080d5f !important;
}

body.tsc-app-shell-active #content,
body.tsc-app-shell-active .site-content,
body.tsc-app-shell-active .woocommerce,
body.tsc-app-shell-active .site-main,
body.tsc-app-shell-active .entry-content,
body.tsc-app-shell-active .product,
body.tsc-app-shell-active .product p,
body.tsc-app-shell-active .product li,
body.tsc-app-shell-active .product td,
body.tsc-app-shell-active .product th,
body.tsc-app-shell-active .woocommerce-tabs,
body.tsc-app-shell-active .woocommerce-tabs p,
body.tsc-app-shell-active .woocommerce-tabs li,
body.tsc-app-shell-active .woocommerce-tabs td,
body.tsc-app-shell-active .woocommerce-tabs th,
body.tsc-app-shell-active .comment-text,
body.tsc-app-shell-active .comment-text p {
    color: #080d5f !important;
}

.tsc-app-account--creator .tsc-app-account__role--badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: fit-content !important;
    margin-top: 5px !important;
    padding: 4px 9px !important;
    border-radius: 9px !important;
    color: #e90074 !important;
    background: rgba(233, 0, 116, 0.12) !important;
    border: 1px solid rgba(233, 0, 116, 0.10) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.tsc-app-account--creator .tsc-app-account__role--badge i {
    color: #e90074 !important;
    font-size: 11px !important;
}

body.tsc-app-shell-active .tsc-app-icon-button .fa-info {
    font-size: 16px !important;
}

body.tsc-app-shell-active.tax-product_cat .page-title,
body.tsc-app-shell-active.tax-product_cat .woocommerce-products-header__title,
body.tsc-app-shell-active.tax-product_cat h1,
body.tsc-app-shell-active.tax-product_cat .woocommerce-result-count,
body.tsc-app-shell-active.tax-product_cat .term-description,
body.tsc-app-shell-active.tax-product_cat .taxonomy-description,
body.tsc-app-shell-active.post-type-archive-product .page-title,
body.tsc-app-shell-active.post-type-archive-product .woocommerce-products-header__title,
body.tsc-app-shell-active.post-type-archive-product h1,
body.tsc-app-shell-active.post-type-archive-product .woocommerce-result-count,
body.tsc-app-shell-active.search-results .page-title,
body.tsc-app-shell-active.search-results .woocommerce-result-count {
    color: #080d5f !important;
}

body.tsc-app-shell-active.single-product .woocommerce-tabs,
body.tsc-app-shell-active.single-product .woocommerce-tabs .panel,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel--description,
body.tsc-app-shell-active.single-product #tab-description,
body.tsc-app-shell-active.single-product .entry-content #tab-description,
body.tsc-app-shell-active.single-product .product-description,
body.tsc-app-shell-active.single-product .description {
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: 0 !important;
}

body.tsc-app-shell-active.single-product .woocommerce-tabs h2,
body.tsc-app-shell-active.single-product #tab-description h2,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel--description h2,
body.tsc-app-shell-active.single-product .woocommerce-tabs .panel h2 {
    margin-bottom: 10px !important;
}

body.tsc-app-shell-active.single-product #tab-description > :first-child,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel--description > :first-child,
body.tsc-app-shell-active.single-product .woocommerce-tabs .panel > :first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.tsc-app-shell-active.single-product #tab-description p:first-of-type:empty,
body.tsc-app-shell-active.single-product .woocommerce-Tabs-panel--description p:first-of-type:empty,
body.tsc-app-shell-active.single-product .woocommerce-tabs .panel p:first-of-type:empty {
    display: none !important;
}

body.tsc-app-shell-active.single-product .tsc-product-action-row {
    margin: 12px 0 14px !important;
    gap: 11px !important;
}

body.tsc-app-shell-active.single-product .tsc-fav-button--single,
body.tsc-app-shell-active.single-product .tsc-fav-button--shortcode,
body.tsc-app-shell-active.single-product .tsc-collection-button--single,
body.tsc-app-shell-active.single-product [data-tsc-collection-button] {
    min-height: 35px !important;
    padding: 9px 16px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
}


/* v0.1.10 refinements */
body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) #content.site-content.container,
body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) .site-content.container,
body.tsc-app-shell-active.single-post #content.site-content.container,
body.tsc-app-shell-active.single-post .site-content.container,
body.tsc-app-shell-active.blog #content.site-content.container,
body.tsc-app-shell-active.blog .site-content.container {
    width: calc(100% - 60px) !important;
    max-width: calc(100% - 60px) !important;
    margin-left: 30px !important;
    margin-right: auto !important;
    margin-top: 30px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) #content.site-content > .row,
body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) .site-content > .row,
body.tsc-app-shell-active.single-post #content.site-content > .row,
body.tsc-app-shell-active.single-post .site-content > .row,
body.tsc-app-shell-active.blog #content.site-content > .row,
body.tsc-app-shell-active.blog .site-content > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) .entry-content > .container,
body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) .entry-content > [class*="tsc-"] {
    margin-left: 0 !important;
    margin-right: auto !important;
}

@media (max-width: 1024px) {
    body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) #content.site-content.container,
    body.tsc-app-shell-active.page:not(.woocommerce-page):not(.single-product) .site-content.container,
    body.tsc-app-shell-active.single-post #content.site-content.container,
    body.tsc-app-shell-active.single-post .site-content.container,
    body.tsc-app-shell-active.blog #content.site-content.container,
    body.tsc-app-shell-active.blog .site-content.container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}


/* v0.1.11 refinements */
body.tsc-app-shell-active.single-product .tsc-app-breadcrumb a.tsc-app-breadcrumb__item:last-child,
body.tsc-app-shell-active.single-product .tsc-app-breadcrumb .tsc-app-breadcrumb__item:last-child {
    color: #e90074 !important;
}

body.tsc-app-shell-active.single-product .posted_in a,
body.tsc-app-shell-active.single-product .product_meta a,
body.tsc-app-shell-active.single-product .summary a[rel="tag"],
body.tsc-app-shell-active.single-product .summary a[href*="product-category"],
body.tsc-app-shell-active.single-product .summary a[href*="product_cat"] {
    color: #e90074 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

body.tsc-app-shell-active.single-product .posted_in a:hover,
body.tsc-app-shell-active.single-product .product_meta a:hover,
body.tsc-app-shell-active.single-product .summary a[rel="tag"]:hover,
body.tsc-app-shell-active.single-product .summary a[href*="product-category"]:hover,
body.tsc-app-shell-active.single-product .summary a[href*="product_cat"]:hover {
    text-decoration: underline !important;
}

/* v0.1.19: unread creator comments badge in sidebar. */
.tsc-app-menu__count--comments {
    background: #ff0000;
    color: #ffffff;
}