/* GENERATED by scripts/dark-theme.mjs: dark-mode overrides for hard-coded light colours. Do not edit by hand. */
:root[data-theme="dark"] .search {
    background: var(--surface)
}
:root[data-theme="dark"] .search input {
    color: var(--ink);
    background: var(--surface)
}
:root[data-theme="dark"] .pimg img {
    background: var(--surface)
}
:root[data-theme="dark"] .maker {
    background: var(--surface)
}
:root[data-theme="dark"] .maker-dark {
    background: var(--surface)
}
:root[data-theme="dark"] .logo img {
    background: var(--surface)
}
:root[data-theme="dark"] .boxlabel {
    background: color-mix(in srgb, #f7f6f0 14%, var(--surface));
    color: var(--ink)
}
:root[data-theme="dark"] .bl-pn small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .bl-meta small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .btile .brand-mono, :root[data-theme="dark"] .car-chip .brand-mono.sm {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .blogo {
    background: var(--surface)
}
:root[data-theme="dark"] .sf-about img {
    background: var(--surface)
}
:root[data-theme="dark"] .cat-ic {
    background: var(--surface)
}
:root[data-theme="dark"] .ct-ic.ct-photo {
    background: var(--surface)
}
:root[data-theme="dark"] .ad-nav {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .ad-dot {
    background: var(--surface)
}
:root[data-theme="dark"] .ad-dot[aria-current="true"] {
    background: var(--surface)
}
:root[data-theme="dark"] .fav-t.on {
    border-color: var(--line);
    background: color-mix(in srgb, #fdecec 14%, var(--surface))
}
:root[data-theme="dark"] .tc-l img {
    background: var(--surface)
}
:root[data-theme="dark"] .cc-ic {
    background: var(--surface)
}
:root[data-theme="dark"] .ad-nav {
    color: var(--ink)
}
:root[data-theme="dark"] .ads-in .ad-nav:hover, :root[data-theme="dark"] .ads-in .ad-nav:focus-visible {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .modal .inv-doc {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .inv-seller small, :root[data-theme="dark"] .inv-t small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .inv-tbl td small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .inv-tbl td small.pn {
    color: var(--ink)
}
:root[data-theme="dark"] .inv-codes .qr {
    border: 1px solid var(--line);
    background: var(--surface)
}
:root[data-theme="dark"] .pm-badge {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .ps-paid {
    background: color-mix(in srgb, #ddf1e2 14%, var(--surface));
    color: var(--green-bright)
}
:root[data-theme="dark"] .ps-cod {
    background: color-mix(in srgb, #fbeedc 14%, var(--surface));
    color: color-mix(in srgb, #a5610c 55%, #fff)
}
:root[data-theme="dark"] .ps-cancel {
    background: color-mix(in srgb, #fbe6e3 14%, var(--surface));
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
@media (max-width: 640px) {
    :root[data-theme="dark"] .inv-tbl tr {
        border-bottom: 1px solid var(--line)
    }
}
@media (max-width: 640px) {
    :root[data-theme="dark"] .inv-tbl td[data-l]::before {
        color: var(--ink-2)
    }
}
:root[data-theme="dark"] .mp-pin {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .mp-me {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .inv-acts {
    background: var(--surface);
    border-top: 1px solid var(--line)
}
:root[data-theme="dark"] .pdf-mode .inv-tbl td {
    border-bottom: 1px solid var(--line) !important
}
:root[data-theme="dark"] .pts-note {
    background: color-mix(in srgb, #fbeedc 14%, var(--surface));
    color: color-mix(in srgb, #7a4a08 55%, #fff)
}
:root[data-theme="dark"] .iv-brand > div {
    border-inline-start: 1px solid var(--line)
}
:root[data-theme="dark"] .iv-brand b {
    color: var(--ink)
}
:root[data-theme="dark"] .iv-brand small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .iv-title h2 {
    color: var(--ink)
}
:root[data-theme="dark"] .iv-title small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .iv-meta {
    border: 1px solid var(--line)
}
:root[data-theme="dark"] .iv-meta > div {
    border-inline-start: 1px solid var(--line)
}
:root[data-theme="dark"] .iv-meta small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .iv-meta b {
    color: var(--ink)
}
:root[data-theme="dark"] .iv-party {
    border: 1px solid var(--line)
}
:root[data-theme="dark"] .iv-party h3 {
    background: color-mix(in srgb, #eef3ec 14%, var(--surface));
    color: var(--ink);
    border-bottom: 1px solid var(--line)
}
:root[data-theme="dark"] .iv-party h3 small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .iv-party dl > div {
    border-bottom: 1px dashed var(--line)
}
:root[data-theme="dark"] .iv-party dt {
    color: var(--ink-2)
}
:root[data-theme="dark"] .iv-party dd {
    color: var(--ink)
}
:root[data-theme="dark"] .iv-st select {
    border: 1px solid var(--line);
    background: var(--surface)
}
:root[data-theme="dark"] .inv-tbl th {
    background: color-mix(in srgb, #eef3ec 14%, var(--surface)) !important;
    color: var(--ink) !important
}
:root[data-theme="dark"] .iv-n {
    color: var(--ink-2)
}
:root[data-theme="dark"] .inv-tot {
    border: 1px solid var(--line);
    background: color-mix(in srgb, #fafbf9 14%, var(--surface))
}
:root[data-theme="dark"] .iv-foot {
    border-top: 1px solid var(--line)
}
:root[data-theme="dark"] .iv-foot b {
    color: var(--ink)
}
:root[data-theme="dark"] .iv-foot span {
    color: var(--ink-2)
}
@media (max-width: 640px) {
    :root[data-theme="dark"] .iv-meta > div:nth-child(3) {
        border-top: 1px solid var(--line)
    }
}
:root[data-theme="dark"] .pdf-mode .iv-meta > div:nth-child(3) {
    border-inline-start: 1px solid var(--line) !important
}
:root[data-theme="dark"] .cp-img {
    background: var(--surface)
}
:root[data-theme="dark"] .pc-logo {
    background: var(--surface)
}
:root[data-theme="dark"] .iv-pl {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--green-bright)
}
:root[data-theme="dark"] .iv-extra dd {
    color: var(--green-bright)
}
:root[data-theme="dark"] .iv-extra dd small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .iv-paybox dl > div:last-child {
    border-bottom: 1px dashed var(--line)
}
:root[data-theme="dark"] .iv-due dt, :root[data-theme="dark"] .iv-due dd {
    color: var(--ink)
}
:root[data-theme="dark"] .brand-mono.xs {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .leaflet-container {
    background: var(--surface-2)
}
:root[data-theme="dark"] .leaflet-container a {
    color: color-mix(in srgb, #0078a8 55%, #fff)
}
:root[data-theme="dark"] .leaflet-bar a {
    background-color: var(--surface);
    border-bottom: 1px solid var(--line);
    color: var(--ink)
}
:root[data-theme="dark"] .leaflet-bar a:hover, :root[data-theme="dark"] .leaflet-bar a:focus {
    background-color: var(--surface)
}
:root[data-theme="dark"] .leaflet-bar a.leaflet-disabled {
    background-color: var(--surface)
}
:root[data-theme="dark"] .leaflet-control-layers {
    background: var(--surface)
}
:root[data-theme="dark"] .leaflet-control-layers-expanded {
    color: var(--ink);
    background: var(--surface)
}
:root[data-theme="dark"] .leaflet-control-layers-separator {
    border-top: 1px solid var(--line)
}
:root[data-theme="dark"] .leaflet-container .leaflet-control-attribution {
    background: var(--surface);
    background: var(--surface)
}
:root[data-theme="dark"] .leaflet-control-attribution, :root[data-theme="dark"] .leaflet-control-scale-line {
    color: var(--ink)
}
:root[data-theme="dark"] .leaflet-control-scale-line {
    background: var(--surface)
}
:root[data-theme="dark"] .leaflet-popup-content-wrapper, :root[data-theme="dark"] .leaflet-popup-tip {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .leaflet-container a.leaflet-popup-close-button {
    color: var(--ink-2)
}
:root[data-theme="dark"] .leaflet-container a.leaflet-popup-close-button:hover, :root[data-theme="dark"] .leaflet-container a.leaflet-popup-close-button:focus {
    color: var(--ink-2)
}
:root[data-theme="dark"] .leaflet-div-icon {
    background: var(--surface)
}
:root[data-theme="dark"] .leaflet-tooltip {
    background-color: var(--surface);
    border: 1px solid var(--line);
    color: var(--ink)
}
:root[data-theme="dark"] .leaflet-tooltip-top:before {
    border-top-color: var(--line)
}
:root[data-theme="dark"] .leaflet-tooltip-bottom:before {
    border-bottom-color: var(--line)
}
:root[data-theme="dark"] .leaflet-tooltip-left:before {
    border-left-color: var(--line)
}
:root[data-theme="dark"] .leaflet-tooltip-right:before {
    border-right-color: var(--line)
}
:root[data-theme="dark"] #catalog .ct-ic.ct-photo {
    background: var(--surface)
}
:root[data-theme="dark"] .catalog-side-ic {
    background: var(--surface)
}
:root[data-theme="dark"] .pd-stage {
    background: var(--surface)
}
:root[data-theme="dark"] .pd-thumb {
    background: var(--surface)
}
:root[data-theme="dark"] .cart-img {
    background: var(--surface)
}
:root[data-theme="dark"] .cart-remove {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .pd-add.js-cart-toggle.in-cart {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .cart-code-remove {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .cart-code-error {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .ss-img {
    background: var(--surface)
}
:root[data-theme="dark"] .ccat-ic {
    background: linear-gradient(180deg, color-mix(in srgb, #d9f0dc 14%, var(--surface)) 0%, color-mix(in srgb, #eef8ef 14%, var(--surface)) 55%, color-mix(in srgb, #f7fcf7 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .ccat[aria-current="page"] .ccat-ic {
    background: linear-gradient(180deg, color-mix(in srgb, #bfe6c4 14%, var(--surface)) 0%, color-mix(in srgb, #dcf1de 14%, var(--surface)) 60%, color-mix(in srgb, #eef8ef 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .co-alert {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .co-error {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .co-img {
    background: var(--surface)
}
:root[data-theme="dark"] .order-placed {
    background: color-mix(in srgb, #fff4d6 14%, var(--surface));
    color: color-mix(in srgb, #8a6100 55%, #fff)
}
:root[data-theme="dark"] .order-confirmed {
    background: color-mix(in srgb, #e3efff 14%, var(--surface));
    color: color-mix(in srgb, #1d4f91 55%, #fff)
}
:root[data-theme="dark"] .order-preparing {
    background: color-mix(in srgb, #ece6ff 14%, var(--surface));
    color: color-mix(in srgb, #54389c 55%, #fff)
}
:root[data-theme="dark"] .order-packed {
    background: color-mix(in srgb, #efe3ff 14%, var(--surface));
    color: color-mix(in srgb, #6a3fa0 55%, #fff)
}
:root[data-theme="dark"] .order-assigned {
    background: color-mix(in srgb, #e0f2fe 14%, var(--surface));
    color: color-mix(in srgb, #075985 55%, #fff)
}
:root[data-theme="dark"] .order-picked_up {
    background: color-mix(in srgb, #dff4f7 14%, var(--surface));
    color: color-mix(in srgb, #11636e 55%, #fff)
}
:root[data-theme="dark"] .order-on_the_way {
    background: color-mix(in srgb, #d9f5ec 14%, var(--surface));
    color: var(--green-bright)
}
:root[data-theme="dark"] .order-cancelled {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .quad {
    background: linear-gradient(180deg, color-mix(in srgb, #d9f0dc 14%, var(--surface)) 0%, color-mix(in srgb, #eef8ef 14%, var(--surface)) 60%, color-mix(in srgb, #f7fcf7 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .quad-cell img {
    background: var(--surface)
}
:root[data-theme="dark"] .prow-sale .hsec-h h2 {
    color: color-mix(in srgb, #b23a2e 55%, #fff) !important
}
:root[data-theme="dark"] .pd-make {
    background: var(--surface)
}
:root[data-theme="dark"] .co-earn i, :root[data-theme="dark"] .co-points-note i {
    color: color-mix(in srgb, #d49b00 55%, #fff)
}
:root[data-theme="dark"] .pts-ic.minus {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .addr-actions .danger {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .warranty-line.is-expired {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .about-btn.is-light {
    background: var(--surface)
}
:root[data-theme="dark"] .mycar-logo {
    background: var(--surface)
}
:root[data-theme="dark"] .mycar-btn.danger {
    color: color-mix(in srgb, #b23a2e 55%, #fff)
}
:root[data-theme="dark"] .mycar-btn.danger:hover {
    background: color-mix(in srgb, #fcebe8 14%, var(--surface))
}
:root[data-theme="dark"] .ft-about img {
    background: var(--surface)
}
:root[data-theme="dark"] .pd-specs .pd-make {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard:hover {
    background: linear-gradient(180deg, color-mix(in srgb, #d9f0dc 14%, var(--surface)) 0%, color-mix(in srgb, #eef8ef 14%, var(--surface)) 60%, color-mix(in srgb, #f7fcf7 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .ft-tax-row img {
    background: var(--surface)
}
:root[data-theme="dark"] .ft-pay li {
    background: var(--surface)
}
:root[data-theme="dark"] .pd-oos b {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .top .nh .search, :root[data-theme="dark"] .nh .search {
    background: var(--surface)
}
:root[data-theme="dark"] .nh .search input {
    color: var(--ink)
}
:root[data-theme="dark"] .nh .search {
    background: var(--surface)
}
:root[data-theme="dark"] .nh .search .search-ic {
    color: var(--ink-2)
}
:root[data-theme="dark"] .nh .search input::placeholder {
    color: var(--ink-2)
}
:root[data-theme="dark"] .nh .search-suggest {
    border-top: 1px solid var(--line)
}
:root[data-theme="dark"] .dl-body {
    background: color-mix(in srgb, #e8ece6 14%, var(--surface))
}
:root[data-theme="dark"] .dl-search {
    background: var(--surface);
    color: var(--ink-2)
}
:root[data-theme="dark"] .dl-search input {
    color: var(--ink)
}
:root[data-theme="dark"] .dl-suggest {
    background: var(--surface)
}
:root[data-theme="dark"] .dl-sg {
    color: var(--ink)
}
:root[data-theme="dark"] .dl-sg:hover {
    background: color-mix(in srgb, #f1f5ef 14%, var(--surface))
}
:root[data-theme="dark"] .dl-sg i {
    color: var(--ink-2)
}
:root[data-theme="dark"] .dl-sg small {
    color: var(--ink-2)
}
:root[data-theme="dark"] .dl-sg-empty {
    color: var(--ink-2)
}
:root[data-theme="dark"] .dl-locate {
    background: var(--surface)
}
:root[data-theme="dark"] .dl-locate:hover {
    background: color-mix(in srgb, #f1f8ee 14%, var(--surface))
}
:root[data-theme="dark"] .dl-zoom {
    background: var(--surface)
}
:root[data-theme="dark"] .dl-zoom button {
    color: var(--ink)
}
:root[data-theme="dark"] .dl-zoom button + button {
    border-top: 1px solid var(--line)
}
:root[data-theme="dark"] .dl-zoom button:hover {
    background: color-mix(in srgb, #f1f5ef 14%, var(--surface))
}
:root[data-theme="dark"] .dl-chip {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .dl-loading {
    background: color-mix(in srgb, #e8ece6 14%, var(--surface))
}
:root[data-theme="dark"] .dl-addr .dl-err {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .am-close {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .am-art {
    background: linear-gradient(135deg, color-mix(in srgb, #e7f2e1 14%, var(--surface)), color-mix(in srgb, #d4ead0 14%, var(--surface)))
}
:root[data-theme="dark"] .am-bubble {
    background: var(--surface)
}
:root[data-theme="dark"] .am-tabs button.on {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .am-submit.is-busy::after {
    border-top-color: var(--line)
}
:root[data-theme="dark"] .am-error {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #b3261e 55%, #fff)
}
:root[data-theme="dark"] .am-rules {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .ord-ic {
    background: color-mix(in srgb, #fff4e0 14%, var(--surface));
    color: color-mix(in srgb, #b26a00 55%, #fff)
}
:root[data-theme="dark"] .ord-ic.is-off {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .ord-img {
    background: var(--surface)
}
:root[data-theme="dark"] .pf-field small.pf-err, :root[data-theme="dark"] .pf-photo .pf-err {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .addr-body b em.is-off {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .wc-img {
    background: var(--surface)
}
:root[data-theme="dark"] .wc-warranty.is-expired {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .trio-tile.t1 .trio-pic {
    background: linear-gradient(135deg, color-mix(in srgb, #fff1df 14%, var(--surface)), color-mix(in srgb, #fde3c3 14%, var(--surface)))
}
:root[data-theme="dark"] .trio-tile.t2 .trio-pic {
    background: linear-gradient(135deg, color-mix(in srgb, #ece9ff 14%, var(--surface)), color-mix(in srgb, #dcd8fb 14%, var(--surface)))
}
:root[data-theme="dark"] .trio-tile.t3 .trio-pic {
    background: linear-gradient(135deg, color-mix(in srgb, #e3f3df 14%, var(--surface)), color-mix(in srgb, #cfe8c9 14%, var(--surface)))
}
:root[data-theme="dark"] .trio-tile.t4 .trio-pic {
    background: linear-gradient(135deg, color-mix(in srgb, #fde8e6 14%, var(--surface)), color-mix(in srgb, #f9d2cd 14%, var(--surface)))
}
:root[data-theme="dark"] .trio-col.trio-deals {
    background: linear-gradient(160deg, color-mix(in srgb, #cfe8c4 14%, var(--surface)), color-mix(in srgb, #b7dca8 14%, var(--surface)))
}
:root[data-theme="dark"] .trio-banner.is-warm {
    background: linear-gradient(135deg, color-mix(in srgb, #fff1df 14%, var(--surface)), color-mix(in srgb, #fcd9b0 14%, var(--surface)))
}
:root[data-theme="dark"] .trio-banner.is-cool {
    background: linear-gradient(135deg, color-mix(in srgb, #e3f0fb 14%, var(--surface)), color-mix(in srgb, #c9dff3 14%, var(--surface)))
}
:root[data-theme="dark"] .sv-pic {
    background: radial-gradient(circle at 50% 40%, var(--surface), color-mix(in srgb, #e9eee6 14%, var(--surface)))
}
:root[data-theme="dark"] .pd3-deliver em.is-low {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .pd3-seller-logo {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard.pcard-n:hover {
    background: linear-gradient(180deg, color-mix(in srgb, #d9f0dc 14%, var(--surface)) 0%, color-mix(in srgb, #eef8ef 14%, var(--surface)) 60%, color-mix(in srgb, #f7fcf7 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .pcard-n .pimg {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard-n .pc-fav .fav-t {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard-n .buy-ctl .add, :root[data-theme="dark"] .pcard-n .buy-ctl .cs-inc, :root[data-theme="dark"] .pcard-n .buy-ctl .pc-notify {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard-n .pc-rate i {
    color: var(--green-bright)
}
:root[data-theme="dark"] .pc-tag.is-fast {
    background: color-mix(in srgb, #fff4cf 14%, var(--surface));
    color: color-mix(in srgb, #7a5b00 55%, #fff)
}
:root[data-theme="dark"] .pc-tag.is-fast i {
    color: color-mix(in srgb, #e0a800 55%, #fff)
}
:root[data-theme="dark"] .pc-tag.is-low {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .co-eta {
    background: color-mix(in srgb, #fff8e1 14%, var(--surface));
    color: var(--ink)
}
:root[data-theme="dark"] .co-eta i {
    color: color-mix(in srgb, #e0a800 55%, #fff)
}
:root[data-theme="dark"] .co-done-eta {
    background: color-mix(in srgb, #fff8e1 14%, var(--surface));
    color: var(--ink)
}
:root[data-theme="dark"] .co-done-eta i {
    color: color-mix(in srgb, #e0a800 55%, #fff)
}
:root[data-theme="dark"] .ksa-tel > b {
    border-right: 1px solid var(--line);
    color: var(--ink-2)
}
:root[data-theme="dark"] .wp-doc {
    background: color-mix(in srgb, #f1f5ef 14%, var(--surface));
    color: var(--ink)
}
:root[data-theme="dark"] .wp-doc {
    background: color-mix(in srgb, #f1f5ef 14%, var(--surface));
    color: var(--ink)
}
:root[data-theme="dark"] .nf-pay img {
    background: var(--surface)
}
:root[data-theme="dark"] .mm-deals {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .mm-pick span {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard-n .pc-quick {
    background: var(--surface)
}
:root[data-theme="dark"] .qv-x {
    background: var(--surface)
}
:root[data-theme="dark"] .qv-stage {
    background: var(--surface)
}
:root[data-theme="dark"] .qv-thumbs button {
    background: var(--surface)
}
:root[data-theme="dark"] .qv-rate i {
    color: var(--green-bright)
}
:root[data-theme="dark"] .qv-stock.is-low {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .qv-stock.is-out {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .how3-head h2 {
    color: var(--ink)
}
:root[data-theme="dark"] .how3-card {
    border: 1px solid var(--line);
    background: var(--surface)
}
:root[data-theme="dark"] .how3-text {
    border-inline-end: 1px solid var(--line)
}
:root[data-theme="dark"] .how3-text b {
    color: var(--ink)
}
:root[data-theme="dark"] .gf-stores .store-b {
    border-color: var(--line)
}
:root[data-theme="dark"] .gf-pay img {
    background: var(--surface)
}
:root[data-theme="dark"] .how3-text {
    border-inline-start: 1px solid var(--line)
}
:root[data-theme="dark"] .pc-bnpl img {
    background: var(--surface)
}
:root[data-theme="dark"] .bs-nav {
    background: var(--surface)
}
:root[data-theme="dark"] .bs-dots button {
    background: var(--surface)
}
:root[data-theme="dark"] .bs-dots button.on {
    background: var(--surface)
}
:root[data-theme="dark"] .acc-menu.pm .pm-head {
    background: linear-gradient(180deg, color-mix(in srgb, #e6f4e3 14%, var(--surface)) 0%, color-mix(in srgb, #f4faf2 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .acc-menu.pm .pm-head .am-av {
    border: 2px solid var(--line)
}
:root[data-theme="dark"] .pm-view {
    background: var(--surface)
}
:root[data-theme="dark"] .acc-menu.pm .pm-item:hover .pm-ic {
    background: var(--surface)
}
:root[data-theme="dark"] .acc-menu.pm .pm-admin {
    border: 1px solid var(--line) !important;
    background: color-mix(in srgb, #eaf6e6 14%, var(--surface));
    color: var(--green-bright) !important
}
:root[data-theme="dark"] .acc-menu.pm .pm-admin:hover {
    background: color-mix(in srgb, #dcf0d6 14%, var(--surface))
}
:root[data-theme="dark"] .acc-menu.pm .pm-out {
    background: color-mix(in srgb, #fdecea 14%, var(--surface)) !important;
    color: color-mix(in srgb, #c62828 55%, #fff) !important
}
:root[data-theme="dark"] .acc-menu.pm .pm-out:hover {
    background: color-mix(in srgb, #fbd9d5 14%, var(--surface)) !important
}
:root[data-theme="dark"] .ac-note {
    background: color-mix(in srgb, #e6f2e3 14%, var(--surface))
}
:root[data-theme="dark"] .ac-form-ic {
    background: color-mix(in srgb, #e3f2e1 14%, var(--surface))
}
:root[data-theme="dark"] .ac-examples {
    border: 1px solid var(--line);
    background: color-mix(in srgb, #f1f8ef 14%, var(--surface))
}
:root[data-theme="dark"] .ac-chip {
    background: var(--surface)
}
:root[data-theme="dark"] .pc-make {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard-n .pc-pn.pc-pn-box {
    background: var(--surface)
}
:root[data-theme="dark"] .rvm-error {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .ord-img {
    background: color-mix(in srgb, #f3f6f2 14%, var(--surface))
}
:root[data-theme="dark"] .ord-more-items {
    background: color-mix(in srgb, #f3f6f2 14%, var(--surface))
}
:root[data-theme="dark"] .ord-foot {
    background: linear-gradient(180deg, transparent, color-mix(in srgb, #f7faf6 14%, var(--surface)))
}
:root[data-theme="dark"] .pop-tile:hover {
    background: color-mix(in srgb, #f1f8ef 14%, var(--surface))
}
:root[data-theme="dark"] .pop-rank {
    background: color-mix(in srgb, #e3f2e1 14%, var(--surface))
}
:root[data-theme="dark"] .pcard-c .pimg {
    background: var(--surface)
}
:root[data-theme="dark"] .pcard-c .pimg-nav {
    background: var(--surface)
}
:root[data-theme="dark"] .pc-pnc {
    background: var(--surface)
}
:root[data-theme="dark"] .pc-info .is-low, :root[data-theme="dark"] .pc-info .is-low i {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .pc-info .is-out, :root[data-theme="dark"] .pc-info .is-out i {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .pc-btn.is-ghost {
    background: var(--surface)
}
:root[data-theme="dark"] .pc-btn.is-ghost:hover {
    background: color-mix(in srgb, #f1f8ef 14%, var(--surface))
}
:root[data-theme="dark"] .pc-info span {
    color: var(--ink-2)
}
:root[data-theme="dark"] .pc-car i {
    color: var(--ink)
}
:root[data-theme="dark"] .pc-car span {
    color: var(--ink-2)
}
:root[data-theme="dark"] .pc-pnc > i {
    color: var(--ink-2)
}
:root[data-theme="dark"] .pc-pnc span {
    color: var(--ink)
}
:root[data-theme="dark"] .pcard-c .fav-t {
    background: var(--surface);
    color: var(--ink)
}
:root[data-theme="dark"] .pcard-c .fav-t.on {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .pcard-c .pimg-nav {
    background: var(--surface-2);
    color: var(--ink-2)
}
:root[data-theme="dark"] .pcard-c .pimg-dots i {
    background: var(--surface-2)
}
:root[data-theme="dark"] .pc-btn.is-ghost {
    background: var(--surface)
}
:root[data-theme="dark"] .pc-notify-btn.is-on, :root[data-theme="dark"] .pc-notify-btn.is-on:disabled {
    background: color-mix(in srgb, #eaf6e6 14%, var(--surface));
    border-color: var(--line)
}
:root[data-theme="dark"] .am-invite {
    border: 1px solid var(--line);
    background: linear-gradient(180deg, color-mix(in srgb, #f1f9ee 14%, var(--surface)), color-mix(in srgb, #e6f4e1 14%, var(--surface)));
    color: var(--green-bright)
}
:root[data-theme="dark"] .am-invite-txt small {
    color: var(--green-bright)
}
:root[data-theme="dark"] .inv-gifts > div {
    background: linear-gradient(180deg, color-mix(in srgb, #e3f2e1 14%, var(--surface)), color-mix(in srgb, #f6fbf5 14%, var(--surface)))
}
:root[data-theme="dark"] .inv-copy {
    border: 1.5px dashed var(--line);
    background: color-mix(in srgb, #f6fbf5 14%, var(--surface))
}
:root[data-theme="dark"] .inv-av {
    background: color-mix(in srgb, #e3f2e1 14%, var(--surface))
}
:root[data-theme="dark"] .inv-st {
    background: color-mix(in srgb, #eef1ec 14%, var(--surface));
    color: var(--ink-2)
}
:root[data-theme="dark"] .inv-st.is-rewarded {
    background: color-mix(in srgb, #e3f2e1 14%, var(--surface));
    color: var(--green-bright)
}
:root[data-theme="dark"] .inv-st.is-review {
    background: color-mix(in srgb, #fff4e0 14%, var(--surface));
    color: color-mix(in srgb, #9a5b00 55%, #fff)
}
:root[data-theme="dark"] .inv-st.is-rejected, :root[data-theme="dark"] .inv-st.is-reversed {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
@media (max-width: 900px) {
    :root[data-theme="dark"] .acc-side > form.acc-links button {
        border: 1px solid var(--line);
        background: color-mix(in srgb, #fdecea 14%, var(--surface));
        color: color-mix(in srgb, #c62828 55%, #fff)
    }
}
:root[data-theme="dark"] .b2b-btn.is-light {
    background: var(--surface);
    color: var(--green-bright)
}
:root[data-theme="dark"] .b2b-btn.is-ghost {
    background: var(--surface)
}
:root[data-theme="dark"] .b2b-benefits i {
    background: color-mix(in srgb, #e3f2e1 14%, var(--surface))
}
:root[data-theme="dark"] .b2b-alert {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .b2b-field small {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .b2b-drop {
    border: 1.5px dashed var(--line);
    background: color-mix(in srgb, #f6fbf5 14%, var(--surface))
}
:root[data-theme="dark"] .b2b-done > span {
    background: color-mix(in srgb, #e3f2e1 14%, var(--surface))
}
:root[data-theme="dark"] .b2b-file-x {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .b2b-spin {
    border-top-color: var(--line)
}
:root[data-theme="dark"] .co-wallet {
    border: 1px solid var(--line);
    background: linear-gradient(180deg, color-mix(in srgb, #eef8eb 14%, var(--surface)) 0%, color-mix(in srgb, #f8fcf7 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .co-wallet-use {
    background: var(--surface)
}
:root[data-theme="dark"] .am-error.is-info {
    background: color-mix(in srgb, #eaf6e6 14%, var(--surface));
    color: var(--green-bright)
}
:root[data-theme="dark"] .wcl-st {
    background: color-mix(in srgb, #fff4e0 14%, var(--surface));
    color: color-mix(in srgb, #a15c00 55%, #fff)
}
:root[data-theme="dark"] .wcl-st.is-in_review, :root[data-theme="dark"] .wcl-st.is-part_received {
    background: color-mix(in srgb, #e3effd 14%, var(--surface));
    color: color-mix(in srgb, #1a56a8 55%, #fff)
}
:root[data-theme="dark"] .wcl-st.is-send_part {
    background: color-mix(in srgb, #fde9d9 14%, var(--surface));
    color: color-mix(in srgb, #b34700 55%, #fff)
}
:root[data-theme="dark"] .wcl-st.is-repair, :root[data-theme="dark"] .wcl-st.is-replacement, :root[data-theme="dark"] .wcl-st.is-refund, :root[data-theme="dark"] .wcl-st.is-completed {
    background: color-mix(in srgb, #e3f2e1 14%, var(--surface));
    color: var(--green-bright)
}
:root[data-theme="dark"] .wcl-st.is-not_applicable {
    background: color-mix(in srgb, #fdecea 14%, var(--surface));
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .wc-claimed {
    background: color-mix(in srgb, #fff4e0 14%, var(--surface));
    color: color-mix(in srgb, #a15c00 55%, #fff)
}
:root[data-theme="dark"] .wcf-field .req {
    color: color-mix(in srgb, #c62828 55%, #fff)
}
:root[data-theme="dark"] .rvm-submit.is-busy .wcf-spin {
    border: 2px solid var(--line);
    border-top-color: var(--line)
}
:root[data-theme="dark"] .wcd-address {
    border: 1px solid var(--line);
    background: color-mix(in srgb, #eaf5e6 14%, var(--surface))
}
:root[data-theme="dark"] .wcd-steps li::before {
    background: var(--surface-2)
}
:root[data-theme="dark"] .il-gift {
    background: linear-gradient(180deg, color-mix(in srgb, #e3f2e1 14%, var(--surface)), color-mix(in srgb, #f6fbf5 14%, var(--surface)))
}
:root[data-theme="dark"] .il-code {
    border: 1.5px dashed var(--line);
    background: color-mix(in srgb, #f6fbf5 14%, var(--surface))
}
:root[data-theme="dark"] .pcard-c .pc-car span {
    color: var(--ink)
}
:root[data-theme="dark"] #catalog .ctile {
    background: linear-gradient(180deg, color-mix(in srgb, #d9f0dc 14%, var(--surface)) 0%, color-mix(in srgb, #eef8ef 14%, var(--surface)) 55%, color-mix(in srgb, #f7fcf7 14%, var(--surface)) 100%)
}
:root[data-theme="dark"] .tkc-st.is-open {
    color: color-mix(in srgb, #2f5bb7 55%, #fff);
    background: color-mix(in srgb, #e4eefd 14%, var(--surface))
}
:root[data-theme="dark"] .tkc-st.is-in_progress {
    background: color-mix(in srgb, #efe7ff 14%, var(--surface))
}
:root[data-theme="dark"] .tkc-st.is-waiting {
    color: color-mix(in srgb, #9a6200 55%, #fff);
    background: color-mix(in srgb, #fdf1dc 14%, var(--surface))
}
:root[data-theme="dark"] .tkc-st.is-resolved {
    color: var(--green-bright);
    background: color-mix(in srgb, #e3f3df 14%, var(--surface))
}
:root[data-theme="dark"] .tkc-st.is-closed {
    color: var(--ink-2);
    background: color-mix(in srgb, #eef1ea 14%, var(--surface))
}
:root[data-theme="dark"] .tkc-msg.is-team {
    background: color-mix(in srgb, #eef8ec 14%, var(--surface));
    border-color: var(--line)
}
:root[data-theme="dark"] .ab3-btn.is-light {
    background: var(--surface)
}
:root[data-theme="dark"] .ab3-stats {
    border-block: 1px solid var(--line)
}
:root[data-theme="dark"] .ab3-stats div + div {
    border-inline-start: 1px solid var(--line)
}
:root[data-theme="dark"] .ab3-cats a span {
    background: linear-gradient(180deg, color-mix(in srgb, #d9f0dc 14%, var(--surface)), color-mix(in srgb, #f7fcf7 14%, var(--surface)))
}
:root[data-theme="dark"] .ab3-feat-photo {
    background: var(--surface)
}
:root[data-theme="dark"] .ab3-acc details {
    border-bottom: 1px solid var(--line)
}
:root[data-theme="dark"] .ab3-hours-list li {
    border-bottom: 1px dashed var(--line)
}
:root[data-theme="dark"] .ab3-contact {
    border: 1px solid var(--line);
    background: var(--surface)
}
@media (max-width: 900px) {
    :root[data-theme="dark"] .ab3-stats div:nth-child(n+3) {
        border-top: 1px solid var(--line)
    }
}