:root {
    --pastel-page: #f4f7fb;
    --pastel-surface: #ffffff;
    --pastel-sky: #e7f2ff;
    --pastel-mint: #e2f7ef;
    --pastel-pink: #ffe5ee;
    --pastel-yellow: #fff3d6;
    --pastel-lilac: #eee8ff;
    --pastel-text: #344054;
    --pastel-muted: #667085;
    --pastel-border: #dfe6ef;
    --pastel-pink-strong: #ed7298;
    --pastel-mint-strong: #4ea98c;
}

html,
body.pastel-site-body {
    background: var(--pastel-page) !important;
    background-image: none !important;
    background-attachment: scroll !important;
    scroll-behavior: auto !important;
    color: var(--pastel-text) !important;
}

body.pastel-site-body *,
body.pastel-site-body *::before,
body.pastel-site-body *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.pastel-site-body .lev-animation,
body.pastel-site-body .font-animation,
body.pastel-site-body .animate-height-change,
body.pastel-site-body .shop-item,
body.pastel-site-body .article-item,
body.pastel-site-body .category,
body.pastel-site-body .card,
body.pastel-site-body .block,
body.pastel-site-body .sku-item,
body.pastel-site-body .pixel-bottom-nav-item,
body.pastel-site-body .user-home-bottom-nav-item,
body.pastel-site-body .pixel-personal-shortcut-card {
    animation: none !important;
    transform: none !important;
    transition: background-color .08s linear, border-color .08s linear, color .08s linear !important;
}

body.pastel-site-body .pixel-loading-nebula,
body.pastel-site-body .pixel-loading-bokeh,
body.pastel-site-body .pixel-loading-star,
body.pastel-site-body .pixel-loading-border,
body.pastel-site-body .pixel-loading-card::before {
    display: none !important;
    animation: none !important;
}

body.pastel-site-body .pixel-loading-text,
body.pastel-site-body .pixel-skeleton-line,
body.pastel-site-body .pixel-skeleton-title,
body.pastel-site-body .pixel-skeleton-dot,
body.pastel-site-body .pixel-skeleton-chip-row span,
body.pastel-site-body .pixel-skeleton-thumb {
    animation: none !important;
}

body.pastel-site-body header,
body.pastel-site-body #page-header {
    background: var(--pastel-surface) !important;
    border-bottom: 1px solid var(--pastel-border) !important;
    box-shadow: 0 3px 12px rgba(52, 64, 84, .06) !important;
}

body.pastel-site-body .translucent,
body.pastel-site-body .glass,
body.pastel-site-body .card,
body.pastel-site-body .block,
body.pastel-site-body .shadow-block,
body.pastel-site-body .article-items,
body.pastel-site-body .category,
body.pastel-site-body .pixel-category-body,
body.pastel-site-body .item-title-content,
body.pastel-site-body .item-controls,
body.pastel-site-body .introduce-content,
body.pastel-site-body .shop-checkout-action-panel,
body.pastel-site-body .render-pay,
body.pastel-site-body .pay-container .layout-box {
    background: var(--pastel-surface) !important;
    background-image: none !important;
    border: 1px solid var(--pastel-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 16px rgba(52, 64, 84, .07) !important;
}

body.pastel-site-body [class*="bg-gradient"] {
    background: var(--pastel-sky) !important;
    background-image: none !important;
    color: var(--pastel-text) !important;
}

body.pastel-site-body .pixel-notice-block,
body.pastel-site-body .pixel-product-notice {
    background: var(--pastel-yellow) !important;
    border-color: #ecd79f !important;
    box-shadow: none !important;
}

body.pastel-site-body .pixel-shop-grid .shop-item,
body.pastel-site-body .article-item,
body.pastel-site-body .category-item {
    background: var(--pastel-surface) !important;
    background-image: none !important;
    border: 1px solid var(--pastel-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(52, 64, 84, .06) !important;
}

body.pastel-site-body .pixel-shop-grid .shop-item:nth-child(4n + 1),
body.pastel-site-body .article-item:nth-child(4n + 1) {
    background: #fff7fa !important;
}

body.pastel-site-body .pixel-shop-grid .shop-item:nth-child(4n + 2),
body.pastel-site-body .article-item:nth-child(4n + 2) {
    background: #f2fbf7 !important;
}

body.pastel-site-body .pixel-shop-grid .shop-item:nth-child(4n + 3),
body.pastel-site-body .article-item:nth-child(4n + 3) {
    background: #f3f8ff !important;
}

body.pastel-site-body .pixel-shop-grid .shop-item:nth-child(4n + 4),
body.pastel-site-body .article-item:nth-child(4n + 4) {
    background: #faf7ff !important;
}

body.pastel-site-body #sena-container > .category > .card-header {
    border-bottom: 1px solid var(--pastel-border) !important;
    color: var(--pastel-text) !important;
}

body.pastel-site-body #sena-container > .category:nth-of-type(1) > .card-header {
    background: var(--pastel-yellow) !important;
}

body.pastel-site-body #sena-container > .category:nth-of-type(2) > .card-header {
    background: var(--pastel-sky) !important;
}

body.pastel-site-body #sena-container > .category:nth-of-type(3) > .card-header {
    background: var(--pastel-lilac) !important;
}

body.pastel-site-body #sena-container > .category > .card-body,
body.pastel-site-body #sena-container .article-items {
    background: var(--pastel-surface) !important;
    background-image: none !important;
}

body.pastel-site-body .pixel-home-skeleton {
    background: var(--pastel-page) !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.pastel-site-body .pixel-home-skeleton-top,
body.pastel-site-body .pixel-skeleton-panel,
body.pastel-site-body .pixel-skeleton-card {
    background: var(--pastel-surface) !important;
    background-image: none !important;
    border-color: var(--pastel-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(52, 64, 84, .06) !important;
}

body.pastel-site-body .pixel-skeleton-notice {
    background: var(--pastel-yellow) !important;
}

body.pastel-site-body .pixel-skeleton-cates {
    background: var(--pastel-sky) !important;
}

body.pastel-site-body .pixel-skeleton-products {
    background: var(--pastel-lilac) !important;
}

body.pastel-site-body .pixel-skeleton-line,
body.pastel-site-body .pixel-skeleton-title,
body.pastel-site-body .pixel-skeleton-dot,
body.pastel-site-body .pixel-skeleton-chip-row span,
body.pastel-site-body .pixel-skeleton-thumb {
    background: #e8edf4 !important;
    background-image: none !important;
    animation: none !important;
}

html.pixel-item-page body.pastel-site-body .pixel-mobile-item-head,
html.pixel-item-page body.pastel-site-body .pixel-mobile-item-shell,
html.pixel-item-page body.pastel-site-body .pixel-mobile-gallery-area,
html.pixel-item-page body.pastel-site-body .product-info-area,
html.pixel-item-page body.pastel-site-body .pixel-mobile-buy-panel,
html.pixel-item-page body.pastel-site-body .shop-checkout-btn {
    background: var(--pastel-surface) !important;
    background-image: none !important;
    border-color: var(--pastel-border) !important;
    box-shadow: 0 5px 16px rgba(52, 64, 84, .07) !important;
}

html.pixel-item-page body.pastel-site-body .item-image-show,
html.pixel-item-page body.pastel-site-body .item-image-main,
html.pixel-item-page body.pastel-site-body .item-image-list {
    background: var(--pastel-sky) !important;
    border-color: #d5e5f5 !important;
    box-shadow: none !important;
}

html.pixel-item-page body.pastel-site-body .sku-item {
    background: #f8fafc !important;
    border-color: #d9e1eb !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color .12s ease, background-color .12s ease !important;
}

html.pixel-item-page body.pastel-site-body .sku-item.sku-current {
    background: var(--pastel-mint) !important;
    border-color: #79c7ad !important;
    color: #245e4c !important;
    box-shadow: 0 0 0 2px rgba(78, 169, 140, .12) !important;
}

html.pixel-item-page body.pastel-site-body .btn-add-cart {
    background: #f2c66d !important;
    color: #5b4517 !important;
    box-shadow: none !important;
}

html.pixel-item-page body.pastel-site-body .btn-buy-now,
body.pastel-site-body .btn-pay-now {
    background: var(--pastel-pink-strong) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
}

html.pixel-item-page body.pastel-site-body .introduce-content {
    content-visibility: auto;
    contain-intrinsic-size: 720px;
}

body.pastel-site-body .shop-item,
body.pastel-site-body .article-item,
body.pastel-site-body .introduce-content {
    transform: none !important;
}

body.pastel-site-body #sidebar {
    background: #edf4ff !important;
    color: var(--pastel-text) !important;
    box-shadow: 4px 0 16px rgba(52, 64, 84, .06) !important;
}

body.pastel-site-body #main-container,
body.pastel-site-body .content,
body.pastel-site-body .content-full {
    background-color: transparent !important;
}

body.pastel-site-body .pixel-personal-shortcut-card.pixel-tone-profile {
    background: var(--pastel-sky) !important;
}

body.pastel-site-body .pixel-personal-shortcut-card.pixel-tone-order,
body.pastel-site-body .pixel-personal-shortcut-card.pixel-tone-rights {
    background: var(--pastel-pink) !important;
}

body.pastel-site-body .pixel-personal-shortcut-card.pixel-tone-recharge,
body.pastel-site-body .pixel-personal-shortcut-card.pixel-tone-bill {
    background: var(--pastel-mint) !important;
}

body.pastel-site-body .pixel-personal-shortcut-card.pixel-tone-shop {
    background: var(--pastel-lilac) !important;
}

body.pastel-site-body .btn-primary,
body.pastel-site-body .bg-primary {
    background-color: #789bd3 !important;
    background-image: none !important;
    border-color: #789bd3 !important;
}

body.pastel-site-body .btn-success,
body.pastel-site-body .bg-success {
    background-color: var(--pastel-mint-strong) !important;
    background-image: none !important;
    border-color: var(--pastel-mint-strong) !important;
}

@media (max-width: 991.98px) {
    html,
    body.pastel-site-body {
        scroll-behavior: auto !important;
    }

    body.pastel-site-body .lev-animation,
    body.pastel-site-body .font-animation,
    body.pastel-site-body .animate-height-change,
    body.pastel-site-body .shop-item,
    body.pastel-site-body .article-item,
    body.pastel-site-body .sku-item {
        animation: none !important;
        transition-duration: .12s !important;
    }

    html.pixel-item-page body.pastel-site-body .pixel-mobile-item-head {
        background: var(--pastel-surface) !important;
        box-shadow: 0 3px 12px rgba(52, 64, 84, .08) !important;
    }

    body.pastel-site-body .pixel-shop-grid .shop-item,
    body.pastel-site-body .article-item {
        content-visibility: auto;
        contain-intrinsic-size: 260px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pastel-site-body *,
    body.pastel-site-body *::before,
    body.pastel-site-body *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}