/* GENERATED by design-sources/port/gen_skin.mjs from 67 storefront stylesheets — do not edit.
   935 rules, 1371 declarations re-expressed through the theme's roles; 28 button selectors. */
html .co {
    --co-accent: var(--st-green) !important;
    color: var(--st-text) !important
}
html .co__lock {
    color: var(--st-muted) !important
}
@media (max-width: 840px) {
    html .co__summary-toggle {
        color: var(--st-text) !important
    }
}
@media (max-width: 840px) {
    html .co__summary-toggle-label svg {
        color: var(--st-text) !important
    }
}
@media (max-width: 840px) {
    html .co__summary-toggle-label em {
        color: var(--st-muted) !important
    }
}
html .co h1 {
    color: var(--st-text) !important
}
html .co__step {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important
}
html .co__field label {
    color: var(--st-text) !important
}
html .co__field input {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__field textarea {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__field input::placeholder, html .co__field textarea::placeholder {
    color: var(--st-muted) !important
}
html .co__err {
    color: var(--st-red) !important
}
html .co__freeship {
    border-radius: var(--st-r) !important
}
html .co__freeship svg {
    color: var(--st-text) !important
}
html .co__freeship span {
    color: var(--st-muted) !important
}
html .co__secure {
    color: var(--st-muted) !important
}
html .co__secure svg {
    color: var(--st-text) !important
}
html .co__check {
    color: var(--st-text) !important
}
html .co__map-status {
    color: var(--st-muted) !important
}
html .co__map-status--ok {
    color: var(--st-text) !important
}
html .co__map-status--warn {
    color: var(--st-gold) !important
}
html .co__map-frame {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important
}
html .co__pay {
    border-radius: var(--st-r) !important;
    box-shadow: 0 14px 30px color-mix(in srgb, var(--co-base) 30%, transparent), inset 0 1px 0 color-mix(in srgb,var(--st-on) 40%,transparent) !important
}
html .co__pay:hover:not(:disabled) {
    box-shadow: 0 18px 38px color-mix(in srgb, var(--co-base) 38%, transparent), inset 0 1px 0 color-mix(in srgb,var(--st-on) 50%,transparent) !important
}
html .co__summary {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important;
    box-shadow: 0 20px 50px color-mix(in srgb, var(--co-base) 12%, transparent), inset 0 1px 0 color-mix(in srgb,var(--st-on) 80%,transparent) !important
}
html .co__summary-heading {
    color: var(--st-text) !important
}
html .co__item {
    border-bottom: 1px solid var(--st-line) !important
}
html .co__item-img {
    border-radius: var(--st-r) !important;
    border: 1px solid var(--st-line) !important
}
html .co__item-compare {
    color: var(--st-muted) !important
}
html .co__consent-row {
    color: var(--st-text) !important
}
html .co__consent-row a {
    color: var(--st-text) !important
}
html .co__promo-input input {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__promo-input button {
    border-radius: var(--st-r) !important
}
html .co__promo-applied {
    border-radius: var(--st-r) !important
}
html .co__promo-applied svg {
    color: var(--st-eb) !important
}
html .co__promo-applied button {
    color: var(--st-muted) !important
}
html .co__promo-err {
    color: var(--st-red) !important
}
html .co__totals {
    border-top: 1px solid var(--st-line) !important
}
html .co__totals .row {
    color: var(--st-muted) !important
}
html .co__totals .grand {
    color: var(--st-text) !important
}
html .co__saved {
    border-radius: var(--st-r) !important
}
html .co__vat-note {
    color: var(--st-muted) !important
}
html .co__delivery-note {
    color: var(--st-eb) !important
}
html .co__trust {
    color: var(--st-muted) !important
}
html .co__empty a {
    color: var(--st-text) !important
}
html .co__done {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important;
    box-shadow: 0 22px 56px color-mix(in srgb, var(--co-base) 14%, transparent), inset 0 1px 0 color-mix(in srgb,var(--st-on) 80%,transparent) !important
}
html .co__done-badge {
    color: var(--st-text) !important
}
html .co__skel {
    border-radius: var(--st-r) !important
}
html .co__footer {
    border-top: 1px solid var(--st-line) !important
}
html .co__footer-logo {
    color: var(--st-text) !important
}
html .co__footer-brand p {
    color: var(--st-muted) !important
}
html .co__footer-links a {
    color: var(--st-text) !important
}
html .co__footer-links a:hover {
    color: var(--st-text) !important
}
html .co__footer-contact a {
    color: var(--st-muted) !important
}
html .co__footer-contact a:hover {
    color: var(--st-text) !important
}
html .co__footer-bar {
    border-top: 1px solid var(--st-line) !important;
    color: var(--st-muted) !important
}
html .co__promo-step {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important
}
html .co__promo-toggle svg {
    color: var(--st-text) !important
}
html .co__promo-input {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__promo-apply {
    border-radius: var(--st-r) !important
}
html .co__promo-ok {
    color: var(--st-eb) !important
}
html .co__promo-remove {
    color: var(--st-muted) !important
}
html .co__promo-err {
    color: var(--st-red) !important
}
html .co__item-save {
    color: var(--st-red) !important
}
html .co__payfail {
    background: var(--st-secondary) !important;
    color: var(--st-eb) !important
}
html .co-pay {
    background: color-mix(in srgb, var(--st-text) 4%, var(--color-card)) !important
}
html .co-pay__lock {
    color: var(--st-muted) !important
}
html .co-pay__close {
    border-radius: var(--st-r) !important
}
html .co-pay__close:hover {
    background: color-mix(in srgb, var(--st-text) 4%, var(--color-card)) !important
}
html .co-pay__loading {
    color: var(--st-muted) !important
}
html .co__frame-exit {
    color: var(--st-muted) !important
}
html .co__frame-exit a {
    border-radius: var(--st-r) !important
}
html .co-step__title {
    color: var(--st-text) !important
}
html .co-step__sub {
    color: var(--st-muted) !important
}
html .co-step__panel {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important
}
html .co-step__loading, html .co-step__error {
    color: var(--st-muted) !important
}
html .co-step__error {
    color: var(--st-text) !important
}
html .co-step__retry {
    border-radius: var(--st-r) !important
}
@media (max-width: 560px) {
    html .co-step__panel {
        border-radius: var(--st-r) !important
    }
}
html .co__ship-opt {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important
}
html .co__ship-name small {
    color: var(--st-muted) !important
}
html .co__freebar {
    border-radius: var(--st-r) !important;
    border: 1px solid var(--st-line) !important
}
html .co__freebar-track {
    border-radius: var(--st-r) !important;
    background: var(--st-line) !important
}
html .co__freebar-track > span {
    border-radius: var(--st-r) !important
}
html .co__legal-footer {
    color: var(--st-muted) !important
}
html .co__method {
    border-radius: var(--st-r) !important
}
html .co__method-note {
    color: var(--st-muted) !important
}
html .co__waiting-box {
    background: color-mix(in srgb, var(--st-text) 4%, var(--color-card)) !important;
    border-radius: var(--st-r) !important
}
html .co__qr {
    border-radius: var(--st-r) !important
}
html .co__copy-label {
    color: var(--st-muted) !important
}
html .co__copy-btn {
    border-radius: var(--st-r) !important
}
html .co__paid {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__way {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important
}
html .co__way-ico {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__way-name small {
    color: var(--st-muted) !important
}
html .co__way-one {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__way-one span {
    color: var(--st-text) !important
}
html .co__way-note {
    color: var(--st-muted) !important
}
html .co__pickup {
    border-radius: var(--st-r) !important;
    border: 1px dashed var(--st-line) !important
}
html .co__pickup-ready {
    color: var(--st-text) !important
}
html .co-crypto__h {
    color: var(--st-text) !important
}
html .co-crypto__sub, html .co-crypto__warn {
    color: var(--st-muted) !important
}
html .co-crypto__test {
    border-radius: var(--st-r) !important
}
html .co-crypto__coin {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co-crypto__status {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co-crypto__qr {
    border-radius: var(--st-r) !important
}
html .co-crypto__rows dt {
    color: var(--st-muted) !important
}
html .co-crypto__rows dd {
    color: var(--st-text) !important
}
html .co-crypto__copy {
    border: 1px solid var(--st-line) !important;
    border-radius: var(--st-r) !important
}
html .co__field select {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__hint {
    color: var(--st-muted) !important
}
html .co__opt {
    color: var(--st-muted) !important
}
html .co__payfail.co__payfail--form {
    border: 1px solid var(--st-line) !important;
    background: var(--st-secondary) !important;
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .co__payfail-retry {
    border-radius: var(--st-r) !important;
    background: var(--st-text) !important;
    color: var(--st-on) !important
}
html .co__addr-hint {
    color: var(--st-muted) !important
}
html .co__addr-hint button {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .pf__badge {
    color: var(--st-gold) !important;
    background: var(--st-secondary) !important
}
html .pf__title {
    color: var(--st-text) !important
}
html .pf__reason {
    color: var(--st-muted) !important
}
html .pf__cart {
    border-radius: var(--st-r) !important;
    border: 1px solid var(--st-line) !important
}
html .pf__cart-title {
    color: var(--st-muted) !important
}
html .pf__item {
    border-bottom: 1px solid var(--st-line) !important
}
html .pf__item-variant {
    color: var(--st-muted) !important
}
html .pf__item-qty {
    color: var(--st-muted) !important
}
html .pf__total {
    border-top: 1px solid var(--st-line) !important
}
html .pf__primary {
    border-radius: var(--st-r) !important
}
html .pf__secondary {
    color: var(--st-muted) !important
}
html .pf__secondary:hover {
    color: var(--st-text) !important
}
html .pf__err {
    color: var(--st-red) !important
}
html .pf__help {
    color: var(--st-muted) !important
}
html .pf__help a {
    color: var(--st-muted) !important
}
html .pf__email {
    color: var(--st-text) !important
}
html .pf__next {
    border-radius: var(--st-r) !important;
    border: 1px solid var(--st-line) !important
}
html .pf__next-title {
    color: var(--st-text) !important
}
html .pf__steps li {
    color: var(--st-text) !important
}
html .pf__mailnote {
    border-top: 1px solid var(--st-line) !important;
    color: var(--st-muted) !important
}
html .mc-filters-wrap {
    --mcf-accent: var(--st-primary) !important;
    --mcf-text: var(--st-text) !important;
    --mcf-line: color-mix(in srgb, var(--st-text) 16%, transparent) !important;
    --mcf-panel: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .mc-filters-total {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .mc-filters-open {
    border: 1.5px solid var(--st-line) !important
}
html .mc-filters-open__count {
    background: var(--st-primary) !important
}
html .mc-filters {
    background: var(--st-surface) !important;
    color: var(--st-text) !important;
    box-shadow: 0 0 40px color-mix(in srgb,var(--st-text) 18%,transparent) !important
}
html .mc-filters-scrim {
    background: color-mix(in srgb,var(--st-text) 40%,transparent) !important
}
html .mc-filters__head {
    border-block-end: 1px solid var(--st-line) !important
}
html .mc-facet {
    border-block-end: 1px solid var(--st-line) !important
}
html .mc-facet__summary:focus-visible, html .mc-filters-open:focus-visible, html .mc-chip:focus-visible, html .mc-filters__close:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .mc-facet__count {
    background: var(--st-primary) !important
}
html .mc-facet__option input {
    accent-color: var(--st-eb) !important
}
html .mc-price__field {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .mc-price__field input {
    border: 1.5px solid var(--st-line) !important
}
html .mc-price__field input:focus-visible {
    outline: 2px solid var(--st-primary) !important;
    border-color: var(--st-primary) !important
}
html .mc-facet__apply, html .mc-filters__submit {
    background: var(--st-primary) !important
}
html .mc-filters__foot {
    border-block-start: 1px solid var(--st-line) !important
}
html .mc-chip {
    background: color-mix(in srgb, var(--st-primary) 10%, transparent) !important
}
html .mc-chip:hover {
    background: color-mix(in srgb, var(--st-primary) 18%, transparent) !important
}
@media (min-width: 750px) {
    html .mc-facet__summary {
        border: 1.5px solid var(--st-line) !important
    }
}
@media (min-width: 750px) {
    html .mc-facet[open] .mc-facet__summary, html .mc-facet__summary:hover {
        border-color: var(--st-primary) !important
    }
}
@media (min-width: 750px) {
    html .mc-facet__panel {
        border: 1px solid var(--st-line) !important;
        background: var(--st-surface) !important;
        box-shadow: 0 14px 40px color-mix(in srgb,var(--st-text) 12%,transparent) !important
    }
}
html .ps__panel {
    border: 1px solid var(--color-border, color-mix(in srgb, var(--color-foreground, var(--st-text)) 14%, transparent)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--color-background, var(--st-surface))) !important;
    color: var(--color-foreground, var(--st-text)) !important;
    box-shadow: 0 18px 50px color-mix(in srgb,var(--st-text) 16%,transparent) !important
}
html .ps__heading {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .ps__option {
    border-radius: var(--st-r) !important
}
html .ps__thumb {
    border-radius: var(--st-r) !important
}
html .ps__price {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .ps__soldout {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .ps__empty {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .demo-bar {
    background: var(--color-foreground, var(--st-text)) !important;
    color: var(--color-background, var(--st-on)) !important
}
html .sv-empty {
    border-radius: var(--st-r) !important
}
html .sv-empty__tag {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .sv-empty__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .market-switch__select {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .market-switch__select option {
    color: var(--st-text) !important;
    background: var(--st-surface) !important
}
html .market-suggest {
    border-radius: var(--st-r) !important;
    background: var(--st-text) !important;
    color: var(--st-on) !important;
    box-shadow: 0 10px 30px color-mix(in srgb,var(--st-text) 25%,transparent) !important
}
html .market-suggest__go {
    background: var(--st-surface) !important;
    color: var(--st-text) !important
}
html .market-suggest__stay {
    color: var(--st-on) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 50%,transparent) !important
}
html .market-suggest__go:focus-visible, html .market-suggest__stay:focus-visible {
    outline: 2px solid var(--st-line) !important
}
html .pop {
    background: color-mix(in srgb,var(--st-primary) 55%,transparent) !important
}
html .pop__box {
    background: var(--color-card, var(--st-surface)) !important;
    box-shadow: 0 24px 60px -20px color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .pop__close {
    background: color-mix(in srgb,var(--st-surface) 85%,transparent) !important;
    color: var(--st-text) !important
}
html .pop__close:hover {
    background: var(--st-surface) !important
}
html .pop__field input, html .pop__field select, html .pop__field textarea {
    border-radius: var(--st-r) !important;
    background: var(--color-background, var(--st-surface)) !important
}
html .pop__submit {
    border-radius: var(--st-r) !important
}
html .pop__error {
    color: var(--st-red) !important
}
html .pop__code {
    border-radius: var(--st-r) !important
}
html .pop__code-copy {
    border-radius: var(--st-r) !important
}
html .sp__heart:focus-visible {
    border-radius: var(--st-r-sm) !important
}
html .announcement-bar {
    background: linear-gradient(90deg, transparent 0%, color-mix(in srgb,var(--st-surface) 8%,transparent) 50%, transparent 100%),
      var(--st-bg) !important;
    box-shadow: inset 0 -1px 3px color-mix(in srgb,var(--st-text) 15%,transparent) !important
}
html .announcement-bar__slide {
    color: var(--st-text) !important
}
html .artx__back {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .artx__prose {
    color: var(--st-text) !important
}
html .artx__cta {
    background: linear-gradient(135deg, var(--st-primary), color-mix(in srgb, var(--color-accent) 70%, var(--st-text))) !important;
    color: var(--st-on) !important
}
html .artx__cta p {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .artx__cta-btn {
    background: var(--st-surface) !important
}
html .artx__cta-btn:hover {
    box-shadow: 0 10px 24px color-mix(in srgb,var(--st-text) 20%,transparent) !important
}
html .artx__cta-thumb {
    border-radius: var(--st-r) !important;
    background: color-mix(in srgb,var(--st-surface) 12%,transparent) !important
}
html .artx__cta-eyebrow {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .artx__cta-terms {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .ba__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .ba__tag {
    color: var(--st-on) !important;
    background: color-mix(in srgb,var(--st-text) 55%,transparent) !important
}
html .ba__handle {
    background: var(--st-surface) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb,var(--st-text) 12%,transparent) !important
}
html .ba__grip {
    background: var(--st-surface) !important;
    box-shadow: 0 4px 14px color-mix(in srgb,var(--st-text) 28%,transparent) !important
}
html .ba__note {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .blogc {
    color: var(--st-text) !important
}
html .blogc__eyebrow {
    color: var(--st-eb) !important
}
html .blogc__all {
    color: var(--st-eb) !important
}
html .blogc__arrow {
    background: color-mix(in srgb,var(--st-surface) 60%,transparent) !important;
    color: var(--st-eb) !important
}
html .blogc__arrow:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .blogc__card {
    background: color-mix(in srgb,var(--st-surface) 60%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 70%,transparent) !important
}
html .blogc__ph {
    color: var(--st-eb) !important
}
html .blogc__chip {
    color: var(--st-eb) !important
}
html .blogx__feature {
    background: color-mix(in srgb,var(--st-surface) 60%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 70%,transparent) !important
}
html .blogx__feature-tag {
    color: var(--st-on) !important
}
html .blogx__card {
    background: color-mix(in srgb,var(--st-surface) 55%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 65%,transparent) !important
}
html .brand-strip {
    background: linear-gradient(90deg, var(--st-primary) 0%, color-mix(in srgb,var(--st-surface) 55%,transparent) 100%) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--st-on) 25%,transparent), inset 0 -1px 3px color-mix(in srgb,var(--st-text) 12%,transparent) !important
}
html .brand-strip::before {
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 0%, transparent) 35%, color-mix(in srgb,var(--st-surface) 72%,transparent) 100%) !important
}
html .brand-strip__edge--top {
    background: linear-gradient(to bottom, var(--st-bg), transparent) !important
}
html .brand-strip__edge--bottom {
    background: linear-gradient(to top, var(--st-bg), transparent) !important
}
html .brand-strip__sheen {
    background: linear-gradient(
      100deg,
      transparent 35%,
      color-mix(in srgb,var(--st-surface) 30%,transparent) 50%,
      transparent 65%
    ) !important
}
html .brand-strip__dot {
    background-color: color-mix(in srgb,var(--st-surface) 75%,transparent) !important
}
html .bmethod {
    background-color: var(--st-bg) !important;
    --bm-fg: var(--st-text) !important;
    --bm-surface: var(--st-surface) !important
}
html .bmethod__heading {
    color: var(--st-text) !important
}
html .bmethod__sub {
    color: color-mix(in srgb, var(--st-text) 68%, transparent) !important
}
html .bmethod__step {
    background: var(--st-surface) !important;
    border: 1px solid var(--color-border, var(--st-line)) !important;
    box-shadow: var(--shadow-1, 0 2px 8px color-mix(in srgb,var(--st-text) 6%,transparent)) !important
}
@media (prefers-reduced-motion: no-preference) {
    html .bmethod__step:hover {
        box-shadow: var(--shadow-2, 0 10px 30px color-mix(in srgb,var(--st-text) 8%,transparent)) !important;
        border-color: color-mix(in srgb, var(--bm-a) 35%, var(--color-border, var(--st-line))) !important
    }
}
html .bmethod__icon {
    background: color-mix(in srgb, var(--bm-a) 10%, var(--st-surface)) !important
}
@supports not (-webkit-text-stroke: 1px red) {
    html .bmethod__num {
        color: color-mix(in srgb, var(--st-text) 44%, transparent) !important
    }
}
html .bmethod__rail[data-connected] .bmethod__step:not(:last-child)::after {
    background: linear-gradient(
    to var(--st-line),
    color-mix(in srgb, var(--bm-a) 45%, transparent),
    color-mix(in srgb, var(--bm-a) 12%, transparent)
  ) !important
}
html .bmethod__title {
    color: var(--st-text) !important
}
html .bmethod__text {
    color: color-mix(in srgb, var(--st-text) 72%, transparent) !important
}
html .bmethod__proof {
    color: color-mix(in srgb, var(--bm-a) 82%, var(--st-text)) !important
}
html .bmethod__stats {
    border-block-start: 1px solid var(--color-border, var(--st-line)) !important
}
html .bmethod__stat-label {
    color: color-mix(in srgb, var(--st-text) 70%, transparent) !important
}
html .bmethod__cta-link[data-style='button'] {
    color: var(--st-on) !important;
    box-shadow: var(--shadow-1, 0 2px 8px color-mix(in srgb,var(--st-text) 6%,transparent)) !important
}
html .bmethod__cta-note {
    color: color-mix(in srgb, var(--st-text) 60%, transparent) !important
}
html .brand-video {
    background-color: var(--st-bg) !important
}
html .brand-video__frame {
    background-color: var(--st-text) !important
}
html .brand-video__content {
    color: var(--st-text) !important
}
html .brand-video__frame--scrim-soft .brand-video__content {
    background-image: linear-gradient(
    to bottom,
    color-mix(in srgb,var(--st-text) 72%,transparent) 0%,
    color-mix(in srgb,var(--st-text) 50%,transparent) 42%,
    color-mix(in srgb,var(--st-text) 18%,transparent) 74%,
    transparent 100%
  ) !important
}
html .brand-video__frame--scrim-strong .brand-video__content {
    background-image: linear-gradient(
    to bottom,
    color-mix(in srgb,var(--st-text) 88%,transparent) 0%,
    color-mix(in srgb,var(--st-text) 68%,transparent) 46%,
    color-mix(in srgb,var(--st-text) 34%,transparent) 78%,
    transparent 100%
  ) !important
}
html .brand-video__content {
    color: var(--st-text) !important
}
html .brand-video__heading {
    text-shadow: 0 2px 18px color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .brand-video__sub {
    text-shadow: 0 1px 12px color-mix(in srgb,var(--st-text) 40%,transparent) !important
}
html .brand-video__cta {
    background-color: var(--st-surface) !important;
    color: color-mix(in srgb, var(--color-accent) 55%, var(--st-text)) !important;
    box-shadow: 0 6px 18px color-mix(in srgb,var(--st-text) 26%,transparent) !important
}
html .brand-video__cta:hover {
    box-shadow: 0 12px 30px color-mix(in srgb,var(--st-text) 34%,transparent) !important
}
html .brand-video__cta--ghost {
    background-color: color-mix(in srgb,var(--st-surface) 12%,transparent) !important;
    color: var(--st-on) !important;
    border-color: color-mix(in srgb,var(--st-line) 55%,transparent) !important
}
html .brand-video__cta--ghost:hover {
    background-color: color-mix(in srgb,var(--st-surface) 20%,transparent) !important
}
html .brand-video__cta:focus-visible {
    outline: 3px solid var(--st-line) !important
}
html .brand-video__share .vn-share {
    border-color: color-mix(in srgb,var(--st-line) 50%,transparent) !important;
    background: color-mix(in srgb,var(--st-surface) 14%,transparent) !important;
    color: var(--st-on) !important;
    box-shadow: 0 4px 14px color-mix(in srgb,var(--st-text) 22%,transparent) !important
}
html .brand-video__share .vn-share:hover {
    background: color-mix(in srgb,var(--st-surface) 26%,transparent) !important;
    border-color: var(--st-line) !important
}
html .brand-video__share .vn-share[data-state='copied'] {
    background: color-mix(in srgb,var(--st-surface) 26%,transparent) !important;
    color: var(--st-on) !important
}
html .wbx--card .wbx__box {
    background: var(--st-surface,var(--st-surface)) !important;
    border: var(--st-bw,1px) solid var(--st-line,color-mix(in srgb,var(--st-text) 10%,transparent)) !important
}
html .cat-row__title::before {
    background: linear-gradient(180deg, var(--st-primary), color-mix(in srgb, var(--color-accent) 70%, var(--st-text))) !important
}
html .cat-row__all {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .cat-row__arrow {
    background: color-mix(in srgb,var(--st-surface) 60%,transparent) !important;
    color: var(--st-eb) !important
}
html .cat-card__media {
    background: color-mix(in srgb,var(--st-text) 3%,transparent) !important
}
html .cat-card__badge {
    background: var(--st-primary) !important
}
html .cat-card__price--current {
    color: var(--st-eb) !important
}
html .cat-card__price--compare {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .cat-card__button {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 55%,transparent), color-mix(in srgb,var(--st-surface) 20%,transparent)), color-mix(in srgb, var(--color-accent) 6%, transparent) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--st-on) 60%,transparent), 0 6px 16px color-mix(in srgb,var(--st-text) 5%,transparent) !important;
    color: var(--st-eb) !important
}
html .cat-card__button:hover {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 55%,transparent), color-mix(in srgb,var(--st-surface) 20%,transparent)), color-mix(in srgb, var(--color-accent) 14%, transparent) !important
}
html .cat-card__soldout {
    background: color-mix(in srgb,var(--st-text) 82%,transparent) !important;
    color: var(--st-on) !important
}
html .cat-card__rating-star {
    color: var(--st-gold) !important
}
html .cat-card__rating-count {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .certs {
    background-color: var(--st-bg) !important
}
html .certs__heading {
    color: var(--st-text) !important
}
html .certs__sub {
    color: color-mix(in srgb, var(--st-text) 68%, transparent) !important
}
html .cert {
    border: 1px solid var(--st-line) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .cert__mark {
    color: color-mix(in srgb, var(--st-text) 75%, transparent) !important
}
html .cert__title {
    color: var(--st-text) !important
}
html .cert__note {
    color: color-mix(in srgb, var(--st-text) 60%, transparent) !important
}
html .comparison-table {
    background-color: var(--st-bg) !important;
    --ct-hairline: color-mix(in srgb, var(--st-text) 9%, transparent) !important;
    --ct-muted: color-mix(in srgb, var(--st-text) 72%, transparent) !important
}
html .comparison-table__heading {
    color: var(--st-text) !important
}
html .comparison-table__subheading {
    color: var(--st-muted) !important
}
html .ct__spotlight {
    background: var(--color-card, var(--st-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--st-primary) 22%, transparent) !important;
    box-shadow: 0 18px 48px -24px color-mix(in srgb, var(--st-primary) 55%, transparent) !important
}
html .ct__cell {
    border-block-end: 1px solid var(--st-line) !important
}
html .ct__cell--ours {
    border-block-end-color: color-mix(in srgb, var(--st-primary) 12%, transparent) !important
}
html .ct__head-name {
    color: var(--st-muted) !important
}
html .ct__cell--ours .ct__head-name {
    color: var(--st-text) !important
}
html .ct__badge {
    background: var(--st-primary) !important
}
html .ct__row-title {
    color: var(--st-text) !important
}
html .ct__row-sub {
    color: var(--st-muted) !important
}
html .ct__value-text {
    color: var(--st-muted) !important
}
html .ct__value--ours .ct__value-text {
    color: var(--st-text) !important
}
html .ct__icon--check {
    border: 1.5px solid color-mix(in srgb, var(--st-text) 22%, transparent) !important;
    color: color-mix(in srgb, var(--st-text) 45%, transparent) !important
}
html .ct__icon--check-strong {
    background-color: var(--st-primary) !important;
    border-color: var(--st-primary) !important
}
html .ct__dash {
    border-radius: var(--st-r-sm) !important;
    background: color-mix(in srgb, var(--st-text) 20%, transparent) !important
}
html .ct__price {
    color: var(--st-text) !important
}
html .ct__button {
    background: var(--st-primary) !important
}
html .ct__button:hover {
    background: color-mix(in srgb, var(--st-primary) 88%, var(--st-text)) !important;
    box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--st-primary) 80%, transparent) !important
}
html .ct__button:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .ct__button--alt {
    color: var(--st-eb) !important;
    border: 1px solid color-mix(in srgb, var(--st-primary) 35%, transparent) !important
}
html .ct__button--alt:hover {
    background: color-mix(in srgb, var(--st-primary) 8%, transparent) !important
}
html .ct__price--alt {
    color: var(--st-muted) !important
}
html .ct__cta-note {
    color: var(--st-muted) !important
}
html .comparison-table__footnote {
    color: var(--st-muted) !important
}
html .ct__versus-item img, html .ct__versus-item video {
    background: color-mix(in srgb, var(--st-text) 4%, transparent) !important;
    box-shadow: 0 12px 30px -18px color-mix(in srgb, var(--st-text) 60%, transparent) !important
}
html .ct__versus-item figcaption {
    color: var(--st-muted) !important
}
html .ct__versus-mark {
    color: color-mix(in srgb, var(--st-eb) 45%, var(--st-on)) !important;
    background-image: linear-gradient(
      158deg,
      var(--st-surface) 0%,
      color-mix(in srgb, var(--st-primary) 18%, var(--st-surface)) 38%,
      color-mix(in srgb, var(--st-primary) 62%, var(--st-surface)) 100%
    ) !important
}
@media screen and (max-width: 749px) {
    html .ct__row {
        border: 1px solid var(--st-line) !important;
        background: var(--color-card, var(--st-surface)) !important
    }
}
@media screen and (max-width: 749px) {
    html .ct__cell {
        border-block-end: 1px solid var(--st-line) !important
    }
}
@media screen and (max-width: 749px) {
    html .ct__cell[data-col]::before {
        color: var(--st-muted) !important
    }
}
@media screen and (max-width: 749px) {
    html .ct__cell--ours {
        background: color-mix(in srgb, var(--st-primary) 6%, transparent) !important;
        border-block-end-color: color-mix(in srgb, var(--st-primary) 15%, transparent) !important
    }
}
@media screen and (max-width: 749px) {
    html .ct__cell--ours::before {
        color: var(--st-eb) !important
    }
}
@media screen and (max-width: 749px) {
    html .ct__row--cta {
        border-color: color-mix(in srgb, var(--st-primary) 25%, transparent) !important
    }
}
@media screen and (max-width: 749px) {
    html .ct__row--cta .ct__cell--cta:not(.ct__cell--ours) {
        border-inline-start: 1px dashed color-mix(in srgb, var(--st-text) 18%, transparent) !important
    }
}
@media screen and (max-width: 749px) {
    html .ct__cta-for {
        color: var(--st-text) !important
    }
}
html .comparison-table--even .ct__head-name {
    color: var(--st-text) !important
}
html .comparison-table--even .ct__price--alt {
    color: var(--st-text) !important
}
html .comparison-table--even .ct__cta-for {
    color: var(--st-text) !important
}
html .ct__fn-list {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .ct__fn-list li:target {
    color: var(--color-foreground, var(--st-text)) !important
}
html .ct__disclaimer {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .contact-form {
    background-color: var(--st-bg) !important
}
html .contact-form__sub {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .contact-form__label {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .contact-form__field input, html .contact-form__field textarea {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .contact-form__field input:focus-visible, html .contact-form__field textarea:focus-visible {
    border-color: var(--st-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--st-primary) 18%, transparent) !important
}
html .contact-form__submit {
    background: var(--st-primary) !important
}
html .contact-form__submit:hover:not(:disabled) {
    box-shadow: 0 10px 24px color-mix(in srgb, var(--st-primary) 35%, transparent) !important
}
html .contact-form__error, html .contact-form__done {
    border-radius: var(--st-r) !important
}
html .contact-form__detail-label {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .contact-form__detail a:hover {
    color: var(--st-eb) !important
}
html .content-split {
    background-color: var(--st-bg) !important
}
html .content-split__heading {
    color: var(--st-text) !important
}
html .content-split__body {
    color: var(--st-text) !important
}
html .content-split__link {
    color: var(--st-text) !important
}
html .content-split__media {
    background-color: color-mix(in srgb,var(--st-text) 4%,transparent) !important;
    box-shadow: 0 12px 30px color-mix(in srgb,var(--st-text) 12%,transparent) !important
}
html .countdown__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .countdown__cell {
    background: color-mix(in srgb,var(--st-surface) 12%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 16%,transparent) !important
}
html .countdown__unit {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .countdown__cta {
    background: var(--st-surface) !important
}
html .cq {
    background: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .cq__sub {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .cq__item {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .cq__badge {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .cq__meta {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .cq-ask__toggle {
    border-radius: var(--st-r) !important;
    color: var(--st-text) !important
}
html .cq-ask__open, html .cq-ask__actions button {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .cq-ask__form {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .cq-ask__field input, html .cq-ask__field textarea {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-background, var(--st-surface)) !important
}
html .cq-ask__hint {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .cq-ask__note.is-err {
    color: var(--color-danger, var(--st-red)) !important
}
html .customer-reviews {
    background-color: var(--st-bg) !important;
    background-image: linear-gradient(
      160deg,
      color-mix(in srgb,var(--st-primary) 7%,transparent) 0%,
      transparent 45%,
      color-mix(in srgb,var(--st-surface) 50%,transparent) 100%
    ) !important
}
html .customer-reviews::before {
    background: color-mix(in srgb,var(--st-primary) 16%,transparent) !important
}
html .customer-reviews::after {
    background: color-mix(in srgb,var(--st-primary) 12%,transparent) !important
}
html .customer-reviews__title {
    color: var(--st-text) !important
}
html .customer-reviews__card {
    background: linear-gradient(
      135deg,
      color-mix(in srgb,var(--st-surface) 72%,transparent) 0%,
      color-mix(in srgb,var(--st-surface) 44%,transparent) 100%
    ) !important;
    box-shadow: 0 1px 2px color-mix(in srgb,var(--st-primary) 6%,transparent),
      0 8px 18px -8px color-mix(in srgb,var(--st-primary) 18%,transparent),
      0 34px 60px -30px color-mix(in srgb,var(--st-primary) 32%,transparent),
      inset 0 1px 0 color-mix(in srgb,var(--st-on) 75%,transparent) !important
}
html .customer-reviews__border {
    background: linear-gradient(135deg, color-mix(in srgb,var(--st-surface) 55%,transparent) 0%, color-mix(in srgb,var(--st-surface) 4%,transparent) 100%) !important
}
html .customer-reviews__usage-image {
    border: 1px solid color-mix(in srgb,var(--st-line) 55%,transparent) !important;
    box-shadow: 0 2px 6px color-mix(in srgb,var(--st-text) 6%,transparent),
      0 18px 34px -18px color-mix(in srgb,var(--st-primary) 38%,transparent) !important
}
html .customer-reviews__card::after {
    background: radial-gradient(circle, color-mix(in srgb,var(--st-surface) 22%,transparent) 0%, transparent 70%) !important
}
html .customer-reviews__avatar--fallback {
    background-color: color-mix(in srgb,var(--st-primary) 16%,transparent) !important;
    color: var(--st-eb) !important
}
html .customer-reviews__name {
    color: var(--st-text) !important
}
html .customer-reviews__verified {
    background-color: var(--st-primary) !important;
    color: var(--st-on) !important
}
html .customer-reviews__meta {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .customer-reviews__star {
    stroke: color-mix(in srgb,var(--st-eb) 35%,transparent) !important
}
html .customer-reviews__star.is-filled {
    fill: var(--st-eb) !important;
    stroke: var(--st-eb) !important
}
html .customer-reviews__product {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .customer-reviews__text {
    color: var(--st-text) !important
}
html .customer-reviews__nav {
    border: 1px solid color-mix(in srgb,var(--st-line) 40%,transparent) !important;
    background: color-mix(in srgb,var(--st-primary) 8%,transparent) !important;
    color: var(--st-eb) !important;
    box-shadow: 0 1px 2px color-mix(in srgb,var(--st-text) 5%,transparent),
      0 6px 14px -6px color-mix(in srgb,var(--st-primary) 28%,transparent) !important
}
html .customer-reviews__nav:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .customer-reviews__nav:hover {
    background-color: color-mix(in srgb,var(--st-primary) 18%,transparent) !important
}
html .customer-reviews__dot {
    background-color: color-mix(in srgb,var(--st-primary) 25%,transparent) !important
}
html .customer-reviews__dot.is-active {
    background-color: var(--st-primary) !important
}
html .customer-reviews__product a:hover, html .customer-reviews__product a:focus-visible {
    color: var(--st-eb) !important
}
html .customer-reviews__edited {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .duo-show {
    background-color: var(--st-bg) !important
}
html .duo-show__heading {
    color: var(--st-text) !important
}
html .duo-show__sub {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .duo-show__tile {
    background-color: color-mix(in srgb,var(--st-text) 8%,transparent) !important;
    box-shadow: 0 18px 44px color-mix(in srgb,var(--st-text) 16%,transparent) !important
}
html .duo-show__scrim {
    background: linear-gradient(
    to top,
    rgba(0, 0, 0, calc(var(--duo-overlay, 0.45) + 0.22)) 0%,
    rgba(0, 0, 0, var(--duo-overlay, 0.45)) 24%,
    rgba(0, 0, 0, calc(var(--duo-overlay, 0.45) * 0.35)) 58%,
    transparent 100%
  ) !important
}
html .duo-show__tile--top .duo-show__scrim {
    background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, calc(var(--duo-overlay, 0.45) + 0.22)) 0%,
    rgba(0, 0, 0, var(--duo-overlay, 0.45)) 24%,
    rgba(0, 0, 0, calc(var(--duo-overlay, 0.45) * 0.35)) 58%,
    transparent 100%
  ) !important
}
html .duo-show__cap {
    color: var(--st-text) !important
}
html .duo-show__panel {
    border: 1px solid color-mix(in srgb,var(--st-line) 16%,transparent) !important;
    background: color-mix(in srgb,var(--st-text) 34%,transparent) !important
}
html .duo-show__tag {
    border: 1px solid color-mix(in srgb,var(--st-line) 28%,transparent) !important;
    background: color-mix(in srgb,var(--st-text) 42%,transparent) !important;
    color: var(--st-eb) !important
}
html .duo-show__title {
    text-shadow: 0 1px 12px color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .duo-show__text {
    text-shadow: 0 1px 10px color-mix(in srgb,var(--st-text) 45%,transparent) !important;
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .faq {
    background-color: var(--st-bg) !important
}
html .faq__heading {
    color: var(--st-text) !important
}
html .faq__item {
    background-color: color-mix(in srgb,var(--st-surface) 50%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 30%,transparent) !important
}
html .faq__item.is-open {
    border-color: color-mix(in srgb,var(--st-primary) 40%,transparent) !important
}
html .faq__question {
    color: var(--st-text) !important
}
html .faq__icon {
    border: 1.5px solid var(--st-primary) !important
}
html .faq__icon-h, html .faq__icon-v {
    background-color: var(--st-primary) !important
}
html .faq__item.is-open .faq__icon {
    background-color: var(--st-primary) !important
}
html .faq__item.is-open .faq__icon-h, html .faq__item.is-open .faq__icon-v {
    background-color: var(--st-surface) !important
}
html .faq__answer {
    color: var(--st-text) !important
}
html .feature-grid {
    background-color: var(--st-text) !important
}
html .feature-grid__panel {
    background: linear-gradient(
      135deg,
      color-mix(in srgb, var(--st-text) 92%, transparent) 0%,
      color-mix(in srgb, var(--st-text) 88%, transparent) 55%,
      color-mix(in srgb, var(--st-text) 85%, transparent) 100%
    ) !important;
    box-shadow: 0 30px 70px color-mix(in srgb,var(--st-primary) 28%,transparent), inset 0 1px 0 color-mix(in srgb,var(--st-on) 18%,transparent) !important
}
html .feature-grid__panel-glow {
    background: radial-gradient(circle, color-mix(in srgb,var(--st-surface) 28%,transparent) 0%, transparent 70%) !important
}
html .feature-grid__panel-sheen {
    background: linear-gradient(
      110deg,
      transparent 35%,
      color-mix(in srgb,var(--st-surface) 16%,transparent) 50%,
      transparent 65%
    ) !important
}
html .feature-grid__panel-border {
    background: linear-gradient(135deg, color-mix(in srgb,var(--st-surface) 55%,transparent) 0%, color-mix(in srgb,var(--st-surface) 6%,transparent) 100%) !important
}
html .feature-grid__heading {
    color: var(--st-text) !important
}
html .feature-grid__card {
    background-color: var(--st-text) !important;
    box-shadow: 0 10px 30px color-mix(in srgb,var(--st-text) 22%,transparent) !important
}
html .feature-grid__media {
    background-color: color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .feature-grid__title {
    color: var(--st-text) !important
}
html .feature-grid__icon {
    color: var(--st-text) !important
}
html .feature-grid__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .feature-grid__tag {
    color: var(--st-text) !important
}
html .feature-grid__tag-swatch {
    background-color: color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .feature-grid__progress-bar {
    background: color-mix(in srgb,var(--st-surface) 22%,transparent) !important
}
html .feature-grid__progress-bar.is-active {
    background: var(--st-primary) !important
}
html .feature-grid__link {
    color: var(--st-text) !important
}
html .feature-grid__card {
    border: 1px solid color-mix(in srgb,var(--st-text) 6%,transparent) !important;
    background: var(--st-text) !important;
    color: var(--st-text) !important;
    box-shadow: 0 8px 26px color-mix(in srgb,var(--st-text) 10%,transparent) !important
}
html .feature-grid__card:hover {
    box-shadow: 0 20px 44px color-mix(in srgb,var(--st-text) 18%,transparent) !important
}
html .feature-grid__card:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .feature-grid__media::after {
    background: linear-gradient(to top, color-mix(in srgb,var(--st-text) 16%,transparent), transparent) !important
}
html .feature-grid__cap .feature-grid__title {
    color: var(--st-text) !important
}
html .feature-grid__cap .feature-grid__tag {
    color: var(--st-eb) !important
}
html .feature-grid__more {
    color: var(--st-eb) !important
}
html .feature-grid__popup {
    background: color-mix(in srgb,var(--st-surface) 93%,transparent) !important
}
html .feature-grid__popup-close {
    background: color-mix(in srgb,var(--st-text) 7%,transparent) !important;
    color: var(--st-text) !important
}
html .feature-grid__popup-close:hover {
    background: color-mix(in srgb,var(--st-text) 14%,transparent) !important
}
html .feature-grid__popup-text {
    color: var(--st-muted) !important
}
html .featured-products {
    --featured-products-accent: var(--st-primary) !important;
    background-color: var(--st-bg) !important
}
html .featured-products__title {
    color: var(--st-text) !important
}
html .featured-products__media {
    background-color: color-mix(in srgb,var(--st-text) 3%,transparent) !important
}
html .featured-products__flag {
    color: var(--st-eb) !important
}
html .featured-products__name {
    color: var(--st-text) !important
}
html .featured-products__price--current {
    color: var(--st-eb) !important
}
html .featured-products__price--compare {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .featured-products__discount {
    color: var(--st-eb) !important
}
html .featured-products__button {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 50%,transparent) 0%, color-mix(in srgb,var(--st-surface) 20%,transparent) 100%),
      color-mix(in srgb, var(--color-accent) 6%, transparent) !important;
    box-shadow: 0 1px 0 color-mix(in srgb,var(--st-on) 60%,transparent) inset, 0 6px 16px color-mix(in srgb,var(--st-text) 6%,transparent) !important;
    color: var(--st-eb) !important
}
html .featured-products__button:hover {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 50%,transparent) 0%, color-mix(in srgb,var(--st-surface) 20%,transparent) 100%),
      color-mix(in srgb, var(--color-accent) 14%, transparent) !important
}
html .featured-products__all-link {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .final-cta {
    background: linear-gradient(
      to bottom,
      color-mix(in srgb, var(--color-foreground) 4%, var(--color-background)) 0%,
      var(--st-line) 12%,
      var(--st-primary) 30%,
      var(--fc-dark, color-mix(in srgb, var(--color-accent) 55%, var(--st-text))) 55%,
      var(--fc-dark, color-mix(in srgb, var(--color-accent) 55%, var(--st-text))) 82%,
      color-mix(in srgb, var(--color-foreground) 4%, var(--color-background)) 100%
    ) !important
}
html .final-cta::before {
    background: color-mix(in srgb,var(--st-surface) 16%,transparent) !important
}
html .final-cta::after {
    background: color-mix(in srgb,var(--st-surface) 8%,transparent) !important
}
html .final-cta__card {
    background: color-mix(in srgb,var(--st-surface) 6%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 15%,transparent) !important;
    box-shadow: 0 20px 50px color-mix(in srgb,var(--st-text) 25%,transparent) !important
}
html .final-cta__headline {
    color: var(--st-text) !important
}
html .final-cta__subtext {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .final-cta__button {
    background-color: var(--st-surface) !important;
    color: var(--fc-dark, color-mix(in srgb, var(--color-accent) 55%, var(--st-text))) !important;
    box-shadow: 0 8px 22px color-mix(in srgb,var(--st-text) 18%,transparent) !important
}
html .final-cta__button:hover {
    box-shadow: 0 10px 26px color-mix(in srgb,var(--st-text) 24%,transparent) !important
}
html .final-cta__trust-item {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .fit-check {
    background: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .fit-check__sub {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .fit-check__col {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .fit-check__col--unfit {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .fit-check__mark {
    background: var(--color-muted, var(--st-secondary)) !important;
    color: var(--color-foreground, var(--st-text)) !important
}
html .fit-check__col--unfit .fit-check__mark {
    background: var(--color-card, var(--st-surface)) !important;
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .fit-check__note {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .site-footer__logo-text {
    color: var(--st-text) !important
}
html .site-footer__tagline {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer__legal {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer__contact-item {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer__contact-item small {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer__payments {
    color: var(--st-text) !important
}
html .site-footer__copyright {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer__business {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer__col-title {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer__utility-button, html .site-footer__social-link {
    border-color: var(--st-line) !important
}
html .site-footer--columns .site-footer__inner::before, html .site-footer--statement .site-footer__inner::before, html .site-footer--panel .site-footer__inner::before {
    background: var(--st-line) !important
}
html .site-footer--centered .site-footer__legal {
    border-block-start: 1px solid var(--st-line) !important
}
html .site-footer--centered .site-footer__legal .site-footer__link {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer--newsletter .site-footer__inner::before {
    background: var(--st-line) !important
}
html .site-footer--newsletter .site-footer__news {
    border: 1px solid var(--st-line) !important
}
html .site-footer__news .news__input {
    border: 1px solid var(--st-line) !important
}
html .site-footer--compact .site-footer__inner::before {
    background: var(--st-line) !important
}
html .site-footer--compact .site-footer__legal .site-footer__link {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer--panel .site-footer__utility-button {
    border-color: var(--st-line) !important
}
html .site-footer--panel .site-footer__social-link {
    border-color: var(--st-line) !important
}
html .site-footer .site-footer__col-title {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .site-footer--panel .site-footer__col-title {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .founder-story__card {
    background-color: color-mix(in srgb, var(--fs-bg, color-mix(in srgb, var(--color-foreground) 4%, var(--color-background))) 92%, var(--st-text) 4%) !important
}
html .founder-story__title {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .founder-story__signature-frame {
    border: 1px solid var(--st-primary) !important;
    box-shadow: 0 8px 24px color-mix(in srgb,var(--st-primary) 15%,transparent),
      inset 0 1px 3px color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .founder-story__divider {
    background-color: color-mix(in srgb,var(--st-text) 12%,transparent) !important
}
html .founder-story__text-box {
    background-color: color-mix(in srgb, var(--fs-bg, color-mix(in srgb, var(--color-foreground) 4%, var(--color-background))) 87%, var(--st-text) 6%) !important;
    box-shadow: inset 3px 3px 6px color-mix(in srgb,var(--st-text) 6%,transparent), inset -3px -3px 6px color-mix(in srgb,var(--st-on) 70%,transparent) !important
}
html .founder-story__text {
    font-family: var(--font-heading--family) !important
}
html .gallery__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .gallery__caption {
    color: var(--st-on) !important;
    background: linear-gradient(to top, color-mix(in srgb,var(--st-text) 65%,transparent), transparent) !important
}
html .guarantee {
    background-color: var(--st-bg) !important;
    --g-hairline: color-mix(in srgb, var(--st-text) 10%, transparent) !important;
    --g-muted: color-mix(in srgb, var(--st-text) 65%, transparent) !important
}
html .guarantee__eyebrow {
    border: 1px solid color-mix(in srgb, var(--st-primary) 30%, transparent) !important;
    color: var(--st-eb) !important
}
html .guarantee__heading {
    color: var(--st-text) !important
}
html .guarantee__sub {
    color: var(--st-muted) !important
}
html .guarantee__card {
    border: 1px solid var(--st-line) !important;
    background: var(--color-card, var(--st-surface)) !important;
    box-shadow: 0 18px 44px -30px color-mix(in srgb,var(--st-primary) 50%,transparent) !important
}
html .guarantee__pillars {
    background: var(--st-line) !important
}
html .guarantee__pillar {
    background: var(--color-card, var(--st-surface)) !important
}
html .guarantee__icon {
    background: color-mix(in srgb, var(--st-primary) 9%, transparent) !important;
    color: var(--st-eb) !important
}
html .guarantee__pillar-title {
    color: var(--st-text) !important
}
html .guarantee__pillar-body {
    color: var(--st-muted) !important
}
html .guarantee__steps {
    border-block-start: 1px solid var(--st-line) !important;
    background: color-mix(in srgb, var(--st-primary) 4%, transparent) !important
}
html .guarantee__steps-title {
    color: var(--st-text) !important
}
html .guarantee__step-num {
    background: var(--st-primary) !important
}
html .guarantee__step-text {
    color: var(--st-muted) !important
}
html .guarantee__footnote {
    color: var(--st-muted) !important
}
html .site-header {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 35%,transparent) 0%, color-mix(in srgb,var(--st-surface) 12%,transparent) 100%),
      color-mix(in srgb,var(--st-surface) 35%,transparent) !important;
    border-bottom: 1px solid color-mix(in srgb,var(--st-line) 40%,transparent) !important;
    box-shadow: 0 1px 0 color-mix(in srgb,var(--st-on) 60%,transparent) inset, 0 8px 24px color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .header__cart-bar {
    border-radius: var(--st-r-sm) !important
}
html .header__menu-bar {
    border-radius: var(--st-r-sm) !important
}
html .header__overlay {
    background-color: color-mix(in srgb,var(--st-text) 40%,transparent) !important
}
html .header__drawer {
    background-color: color-mix(in srgb,var(--st-surface) 55%,transparent) !important;
    border-inline-end: 1px solid color-mix(in srgb,var(--st-line) 30%,transparent) !important;
    box-shadow: calc(-8px * var(--drawer-flip)) 0 40px color-mix(in srgb,var(--st-text) 15%,transparent) !important
}
html .header__drawer-link {
    color: var(--st-text) !important
}
html .cart-drawer {
    background-color: color-mix(in srgb,var(--st-surface) 93%,transparent) !important;
    border-inline-start: 1px solid color-mix(in srgb,var(--st-line) 30%,transparent) !important;
    box-shadow: calc(8px * var(--drawer-flip)) 0 40px color-mix(in srgb,var(--st-text) 15%,transparent) !important
}
html .cart-drawer__header {
    border-bottom: 1px solid color-mix(in srgb,var(--st-text) 7%,transparent) !important
}
html .cart-drawer__title {
    color: var(--st-text) !important
}
html .cart-drawer__close {
    background-color: color-mix(in srgb,var(--st-text) 5%,transparent) !important;
    color: var(--st-text) !important
}
html .cart-drawer__close:hover {
    background-color: color-mix(in srgb,var(--st-text) 10%,transparent) !important
}
html .cart-drawer__empty {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .cart-drawer__item {
    background-color: color-mix(in srgb,var(--st-surface) 55%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-text) 5%,transparent) !important;
    box-shadow: 0 2px 10px color-mix(in srgb,var(--st-text) 3%,transparent) !important
}
html .cart-drawer__item-image {
    background-color: color-mix(in srgb,var(--st-text) 4%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-text) 5%,transparent) !important
}
html .cart-drawer__item-title {
    color: var(--st-text) !important
}
html .cart-drawer__item-was {
    color: var(--st-muted) !important
}
html .cart-drawer__qty input {
    color: var(--st-text) !important
}
html .cart-drawer__remove {
    color: var(--st-muted) !important
}
html .cart-drawer__remove:hover {
    color: var(--st-red) !important
}
html .cart-drawer__footer {
    border-top: 1px solid color-mix(in srgb,var(--st-text) 8%,transparent) !important;
    background-color: color-mix(in srgb,var(--st-surface) 35%,transparent) !important
}
html .cart-drawer__was-row {
    color: var(--st-muted) !important
}
html .cart-drawer__subtotal-row {
    color: var(--st-text) !important
}
html .cart-drawer__vat-inline {
    color: var(--st-muted) !important
}
html .cart-drawer__vat {
    color: var(--st-muted) !important
}
html .cart-drawer__checkout {
    background: linear-gradient(180deg, var(--st-primary) 0%, var(--color-accent) 55%, color-mix(in srgb, var(--color-accent) 70%, var(--st-text)) 100%) !important;
    color: var(--st-on) !important
}
html .cart-drawer__checkout-total {
    border-inline-start: 1px solid color-mix(in srgb,var(--st-line) 30%,transparent) !important
}
html .upsell-card {
    background: var(--st-surface) !important;
    box-shadow: 0 6px 18px -14px color-mix(in srgb,var(--st-text) 40%,transparent) !important
}
html .upsell-card__media {
    border-radius: var(--st-r) !important;
    background: var(--st-bg) !important
}
html .upsell-card__title {
    color: var(--st-text) !important
}
html .upsell-card__prices s {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .upsell-card__prices .upsell-card__was {
    color: var(--st-green) !important
}
html .upsell-card__add:hover {
    background: var(--st-primary) !important
}
@media screen and (min-width: 900px) {
    html .upsell {
        background: color-mix(in srgb,var(--st-surface) 93%,transparent) !important;
        box-shadow: calc(8px * var(--drawer-flip)) 0 40px color-mix(in srgb,var(--st-text) 14%,transparent) !important
    }
}
@media screen and (min-width: 750px) {
    html .cart-drawer__footer {
        box-shadow: 0 -10px 24px -14px color-mix(in srgb,var(--st-text) 18%,transparent) !important
    }
}
@media screen and (max-width: 749px) {
    html .cart-drawer {
        background-color: color-mix(in srgb,var(--st-surface) 90%,transparent) !important;
        border-end-end-radius: var(--st-r) !important;
        border-end-start-radius: var(--st-r) !important
    }
}
@media screen and (max-width: 749px) {
    html .cart-drawer__item {
        border-radius: var(--st-r) !important
    }
}
html .cart-drawer__reassure {
    color: color-mix(in srgb,var(--st-text) 55%,transparent) !important
}
html .cart-drawer__empty {
    color: color-mix(in srgb,var(--st-text) 70%,transparent) !important
}
@media (hover: none), (pointer: coarse) {
    html .header__drawer-admin {
        opacity: 1 !important;
        color: var(--st-muted) !important
    }
}
:root:root:root:root .site-header.header--floating {
    box-shadow: var(--shadow-2, 0 14px 40px color-mix(in srgb,var(--st-text) 14%,transparent)) !important
}
html .hero__eyebrow {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .hero__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .hero__cta--ghost {
    background: color-mix(in srgb,var(--st-surface) 14%,transparent) !important
}
html .how-steps {
    background-color: var(--st-bg) !important
}
html .how-steps__heading {
    color: var(--st-text) !important
}
html .how-steps__sub {
    color: color-mix(in srgb, var(--st-text) 70%, transparent) !important
}
html .how-step__frame {
    background: var(--st-bg) !important
}
html .how-step__num {
    background: var(--st-primary) !important;
    box-shadow: 0 4px 14px -6px color-mix(in srgb,var(--st-text) 50%,transparent) !important
}
html .how-step__title {
    color: var(--st-text) !important
}
html .how-step__text {
    color: color-mix(in srgb, var(--st-text) 75%, transparent) !important
}
html .in-box {
    background: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .in-box__sub {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .in-box__photo img {
    border-radius: var(--st-r) !important
}
html .in-box__photo figcaption {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .in-box__n {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .in-box__text span {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .in-box__cell {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .in-box__cell-img {
    border-radius: var(--st-r) !important
}
html .in-box__cell-img--empty {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .in-box__cell-note {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .key-benefits {
    --key-benefits-accent: var(--st-primary) !important;
    background-color: var(--st-bg) !important
}
html .key-benefits__icon {
    color: var(--st-eb) !important
}
html .key-benefits__heading {
    color: var(--st-text) !important
}
html .key-benefits__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .key-benefits__card--link:focus-visible {
    outline: 2px solid var(--st-primary) !important;
    border-radius: var(--st-r) !important
}
html .key-benefits__card {
    border-radius: var(--st-r) !important;
    background: color-mix(in srgb, var(--st-text) 3%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--st-text) 8%, transparent) !important
}
html .key-benefits__icon {
    background: color-mix(in srgb, var(--st-primary) 10%, transparent) !important
}
html .key-benefits__card--link:hover {
    box-shadow: 0 6px 18px color-mix(in srgb,var(--st-primary) 8%,transparent) !important
}
@media screen and (max-width: 749px) {
    html .key-benefits__card {
        border-radius: var(--st-r) !important
    }
}
html .main-collection {
    background-color: var(--st-bg) !important
}
html .main-collection__title {
    color: var(--st-text) !important
}
html .main-collection__description {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-collection__cat {
    border: 1px solid color-mix(in srgb, var(--st-primary) 28%, transparent) !important;
    color: var(--st-eb) !important
}
html .main-collection__cat:hover, html .main-collection__cat:focus-visible {
    background-color: color-mix(in srgb, var(--st-primary) 10%, transparent) !important
}
html .main-collection__sort-label {
    color: var(--st-text) !important
}
html .main-collection__sort-select {
    border: 1.5px solid color-mix(in srgb,var(--st-text) 15%,transparent) !important;
    background-color: var(--st-surface) !important;
    color: var(--st-text) !important
}
html .main-collection__sort-select:hover, html .main-collection__sort-select:focus-visible {
    border-color: var(--st-primary) !important
}
html .main-collection__sort-select:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .main-collection__sort-caret {
    color: var(--st-eb) !important
}
html .main-collection__search {
    border: 1.5px solid color-mix(in srgb,var(--st-text) 15%,transparent) !important;
    background-color: var(--st-surface) !important
}
html .main-collection__search:focus-within {
    border-color: var(--st-primary) !important
}
html .main-collection__search-icon {
    color: var(--st-eb) !important
}
html .main-collection__search-input {
    color: var(--st-text) !important
}
html .main-collection__search-submit {
    background-color: var(--st-primary) !important
}
html .main-collection__search-clear {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-collection__search-count {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-collection__media {
    background-color: color-mix(in srgb,var(--st-text) 4%,transparent) !important
}
html .main-collection__badge {
    background-color: var(--st-primary) !important;
    box-shadow: 0 2px 6px color-mix(in srgb,var(--st-text) 15%,transparent) !important
}
html .main-collection__name {
    color: var(--st-text) !important
}
html .main-collection__price--current {
    color: var(--st-eb) !important
}
html .main-collection__price--compare {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-collection__discount {
    color: var(--st-eb) !important
}
html .main-collection__button {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 50%,transparent) 0%, color-mix(in srgb,var(--st-surface) 20%,transparent) 100%),
      color-mix(in srgb, var(--color-accent) 6%, transparent) !important;
    box-shadow: 0 1px 0 color-mix(in srgb,var(--st-on) 60%,transparent) inset, 0 6px 16px color-mix(in srgb,var(--st-text) 6%,transparent) !important;
    color: var(--st-eb) !important
}
html .main-collection__button:hover {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 50%,transparent) 0%, color-mix(in srgb,var(--st-surface) 20%,transparent) 100%),
      color-mix(in srgb, var(--color-accent) 14%, transparent) !important
}
html .main-collection__button:focus-visible, html .main-collection__media-link:focus-visible, html .main-collection__name a:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .main-collection__page-link {
    background-color: var(--st-surface) !important;
    color: var(--st-text) !important
}
html .main-collection__page-link--current {
    background-color: var(--st-primary) !important
}
html .main-collection__page-link--current:hover {
    background-color: var(--st-primary) !important
}
html .main-collection__page-link:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .main-collection__page-ellipsis {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-collection__empty-text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-collection__empty-button {
    background-color: var(--st-primary) !important
}
html .main-collection__empty-button:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .collection--grid .main-collection__card {
    border: 1px solid var(--color-border, color-mix(in srgb,var(--st-text) 8%,transparent)) !important
}
html .collection--grid .main-collection__card:hover {
    box-shadow: var(--shadow-2, 0 8px 24px color-mix(in srgb,var(--st-text) 8%,transparent)) !important
}
html .collection--grid .main-collection__sale, html .collection--dense .main-collection__sale {
    background: var(--st-primary) !important;
    color: var(--color-background, var(--st-on)) !important
}
html .collection--large .main-collection__price--current {
    color: var(--st-text) !important
}
html .collection--large .main-collection__button {
    color: var(--st-text) !important
}
html .collection--editorial .main-collection__price--current {
    color: var(--st-text) !important
}
html .collection--editorial .main-collection__button {
    color: var(--st-text) !important
}
html .collection--minimal .main-collection__price--current {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .collection--dense .main-collection__card {
    border: 1px solid var(--color-border, color-mix(in srgb,var(--st-text) 8%,transparent)) !important
}
html .main-collection__soldout {
    background: color-mix(in srgb,var(--st-text) 82%,transparent) !important;
    color: var(--st-on) !important
}
html .main-collection__rating-star {
    color: var(--st-gold) !important
}
html .main-collection__rating-count {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .marquee__heading {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .news__scrim {
    background: color-mix(in srgb,var(--st-text) 50%,transparent) !important
}
html .news.has-image {
    color: var(--st-on) !important
}
html .news__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .news__input {
    color: var(--st-text) !important;
    background: var(--st-surface) !important
}
html .news__consent {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .news__error {
    color: var(--st-on) !important
}
html .news:not(.has-image) .news__error {
    color: var(--st-red) !important
}
html .notfound {
    background-color: var(--color-background, var(--st-secondary)) !important
}
html .notfound__code {
    /* background-image, never the shorthand: `background:` resets background-clip and paints the numerals as a block */
    background-image: linear-gradient(160deg, color-mix(in srgb, var(--color-accent) 85%, var(--st-surface)) 0%, var(--color-accent) 55%, color-mix(in srgb, var(--color-accent) 70%, var(--st-text)) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important
}
html .notfound__title {
    color: var(--color-foreground, var(--st-text)) !important
}
html .notfound__text {
    color: color-mix(in srgb, var(--color-foreground, var(--st-text)) 72%, transparent) !important
}
html .notfound__btn--primary {
    background: linear-gradient(180deg, var(--st-primary), var(--color-accent)) !important;
    color: var(--st-on) !important
}
html .notfound__btn--ghost {
    background: color-mix(in srgb,var(--st-surface) 60%,transparent) !important
}
html .notfound__btn--ghost:hover {
    background: color-mix(in srgb,var(--st-surface) 90%,transparent) !important
}
html .page-doc {
    --pg-ink: var(--st-text) !important;
    --pg-hairline: color-mix(in srgb, var(--st-text) 12%, transparent) !important;
    --pg-muted: color-mix(in srgb, var(--st-text) 62%, transparent) !important;
    background-color: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .page-doc__hero {
    background: radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--st-primary) 12%, transparent) 0%, transparent 55%),
    radial-gradient(circle at 6% 92%, color-mix(in srgb, var(--st-primary) 9%, transparent) 0%, transparent 50%),
    color-mix(in srgb, var(--st-primary) 5%, var(--color-background, var(--st-bg))) !important;
    border-block-end: 1px solid var(--st-line) !important
}
html .page-doc__crumbs {
    color: var(--st-muted) !important
}
html .page-doc__crumb-current {
    color: var(--st-text) !important
}
html .page-doc__eyebrow {
    color: var(--st-eb) !important
}
html .page-doc__updated {
    color: var(--st-muted) !important
}
html .page-doc__prose {
    color: color-mix(in srgb, var(--st-text) 88%, transparent) !important
}
html .page-doc__prose > p:first-of-type {
    color: var(--st-text) !important
}
html .page-doc__prose h2, html .page-doc__prose h3 {
    color: var(--st-text) !important
}
html .page-doc__prose h2 {
    border-block-end: 2px solid color-mix(in srgb, var(--st-primary) 22%, transparent) !important
}
html .page-doc__prose a {
    color: color-mix(in srgb, var(--st-eb) 94%, var(--st-text)) !important
}
html .page-doc__prose ul > li::before {
    background: var(--st-primary) !important
}
html .page-doc__prose ol > li::before {
    color: var(--st-eb) !important;
    background: color-mix(in srgb, var(--st-primary) 12%, transparent) !important
}
html .page-doc__prose strong {
    color: var(--st-text) !important
}
html .page-doc__prose hr {
    border-block-start: 1px solid var(--st-line) !important
}
html .page-doc__prose small {
    color: var(--st-muted) !important
}
html .page-doc__prose th, html .page-doc__prose td {
    border: 1px solid var(--st-line) !important
}
html .page-doc__prose th {
    background: color-mix(in srgb, var(--st-primary) 7%, transparent) !important
}
html .page-doc__toc-inner {
    border: 1px solid var(--st-line) !important;
    background: color-mix(in srgb, var(--st-primary) 4%, var(--color-card, var(--st-surface))) !important
}
html .page-doc__toc-title {
    color: var(--st-eb) !important
}
html .page-doc__toc-list a {
    color: color-mix(in srgb, var(--st-text) 78%, transparent) !important
}
html .page-doc__toc-list a::before {
    color: var(--st-eb) !important
}
html .page-doc__toc-list a:hover {
    color: var(--st-eb) !important
}
html .page-doc__foot-card {
    background: color-mix(in srgb, var(--st-primary) 7%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--st-primary) 16%, transparent) !important
}
html .page-doc__foot-title {
    color: var(--st-text) !important
}
html .page-doc__foot-text {
    color: var(--st-muted) !important
}
html .page-doc__foot-cta {
    background: var(--st-primary) !important
}
html .page-doc__prose a.contact-row {
    border: 1px solid var(--st-line) !important;
    background: var(--color-card, var(--st-surface)) !important;
    color: var(--st-text) !important
}
html .page-doc__prose a.contact-row:hover {
    border-color: color-mix(in srgb, var(--st-primary) 45%, transparent) !important
}
html .page-doc__prose a.contact-row span {
    color: var(--st-muted) !important
}
html .product-reviews {
    background-color: var(--st-bg) !important
}
html .product-reviews__title {
    color: var(--st-text) !important
}
html .product-reviews__summary-text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .product-reviews__summary-count {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .product-reviews__track:focus-visible {
    outline: 2px solid var(--st-primary) !important;
    border-radius: var(--st-r-sm) !important
}
html .product-reviews__card {
    background-color: var(--color-card, var(--st-surface)) !important;
    border: 1px solid color-mix(in srgb,var(--st-primary) 13%,transparent) !important;
    box-shadow: 0 14px 34px -22px color-mix(in srgb,var(--st-primary) 55%,transparent) !important
}
html .product-reviews__photo {
    background-color: color-mix(in srgb,var(--st-primary) 5%,transparent) !important
}
html .product-reviews__star {
    stroke: color-mix(in srgb,var(--st-eb) 30%,transparent) !important
}
html .product-reviews__star.is-filled {
    fill: var(--st-eb) !important;
    stroke: var(--st-eb) !important
}
html .product-reviews__review-title {
    color: var(--st-text) !important
}
html .product-reviews__text {
    color: color-mix(in srgb, var(--st-text) 88%, transparent) !important
}
html .product-reviews__attrib {
    border-block-start: 1px solid color-mix(in srgb,var(--st-primary) 12%,transparent) !important
}
html .product-reviews__name {
    color: var(--st-text) !important
}
html .product-reviews__verified {
    color: var(--st-eb) !important
}
html .product-reviews__nav {
    border: 1px solid color-mix(in srgb,var(--st-primary) 20%,transparent) !important;
    background-color: color-mix(in srgb,var(--st-surface) 70%,transparent) !important;
    color: var(--st-eb) !important
}
html .product-reviews__nav:hover {
    background-color: color-mix(in srgb,var(--st-primary) 12%,transparent) !important
}
html .product-reviews__progress-bar {
    background-color: color-mix(in srgb,var(--st-primary) 22%,transparent) !important
}
html .product-reviews__progress-bar.is-active {
    background-color: var(--st-primary) !important
}
html .prv-written__item {
    border: 1px solid color-mix(in srgb,var(--st-text) 8%,transparent) !important;
    border-radius: var(--st-r) !important;
    background: color-mix(in srgb,var(--st-surface) 55%,transparent) !important
}
html .prv-written__avatar {
    background: color-mix(in srgb,var(--st-primary) 12%,transparent) !important;
    color: var(--st-eb) !important
}
html .prv-written__stars {
    color: var(--st-gold) !important
}
html .prv-written__date {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .prv-written__body {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .prv-written__more {
    color: var(--st-eb) !important
}
html .prv-written__more:focus-visible {
    outline: 2px solid var(--st-primary) !important;
    border-radius: var(--st-r-sm) !important
}
html .prv-form__open {
    border: 1.5px solid var(--st-primary) !important;
    color: var(--st-eb) !important
}
html .prv-form__open:hover {
    background: var(--st-primary) !important
}
html .prv-form__panel {
    border: 1px solid color-mix(in srgb,var(--st-text) 10%,transparent) !important;
    border-radius: var(--st-r) !important;
    background: color-mix(in srgb,var(--st-surface) 60%,transparent) !important
}
html .prv-form__label {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .prv-form__field input, html .prv-form__field textarea {
    border: 1px solid color-mix(in srgb,var(--st-text) 15%,transparent) !important;
    border-radius: var(--st-r) !important;
    background: var(--st-surface) !important
}
html .prv-form__star {
    color: color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .prv-form__star.is-on {
    color: var(--st-gold) !important
}
html .prv-form__submit {
    background: var(--st-primary) !important
}
html .prv-form__note.is-ok {
    color: var(--st-green) !important
}
html .prv-form__note.is-err {
    color: var(--st-red) !important
}
html .prv-form__star {
    color: color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .prv-form__star.is-on {
    color: var(--st-gold) !important
}
html .prv-form__note.is-warn {
    border-radius: var(--st-r) !important
}
html .prv-hist {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important
}
html .prv-hist__stars {
    color: var(--st-eb) !important
}
html .prv-hist__count {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .prv-hist__row {
    border-radius: var(--st-r) !important
}
html .prv-hist__row:not(:disabled):hover {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .prv-hist__row:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .prv-hist__row.is-active {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .prv-hist__track {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .prv-hist__fill {
    background: var(--st-primary) !important
}
html .prv-sort, html .prv-clear {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .prv-sort.is-active {
    background: var(--st-primary) !important;
    color: var(--st-on) !important
}
html .prv-sort:focus-visible, html .prv-clear:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .prv-none {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .prv-written__verified {
    color: var(--st-eb) !important
}
html .prv-written__photo {
    border-radius: var(--st-r) !important
}
html .prv-written__photo:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .prv-form__thumb img {
    border-radius: var(--st-r) !important
}
html .prv-form__thumb button {
    background: color-mix(in srgb,var(--st-text) 70%,transparent) !important;
    color: var(--st-on) !important
}
html .prv-form__upload {
    border: 1px dashed var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important
}
html .prv-form__upload:focus-within {
    outline: 2px solid var(--st-primary) !important
}
html .prv-form__hint {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .prv-empty {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .product-reviews__about {
    color: var(--st-eb) !important
}
html .prv-written__edited {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .main-product {
    background-color: var(--st-bg) !important;
    background-image: radial-gradient(70% 55% at 72% -8%, color-mix(in srgb,var(--st-primary) 7%,transparent) 0%, transparent 70%),
      radial-gradient(55% 45% at 6% 102%, color-mix(in srgb,var(--st-primary) 4.5%,transparent) 0%, transparent 70%) !important
}
html .main-product__stage {
    background-color: color-mix(in srgb, var(--st-bg) 88%, var(--st-text) 12%) !important;
    box-shadow: 0 1px 2px color-mix(in srgb,var(--st-text) 4%,transparent),
      0 24px 60px -32px color-mix(in srgb,var(--st-text) 35%,transparent) !important
}
html .main-product__stage::after {
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--st-text) 8%,transparent) !important
}
html .main-product__media-badge {
    background-color: color-mix(in srgb,var(--st-surface) 94%,transparent) !important;
    color: var(--st-eb) !important;
    box-shadow: 0 6px 18px -8px color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .main-product__media-rating {
    background-color: color-mix(in srgb,var(--st-surface) 94%,transparent) !important;
    color: var(--color-foreground, var(--st-text)) !important;
    box-shadow: 0 6px 18px -8px color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .main-product__media-rating .main-product__rating-count {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-product__media-bar .vn-share {
    background-color: color-mix(in srgb,var(--st-surface) 94%,transparent) !important;
    box-shadow: 0 6px 18px -8px color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .main-product__stage-inner {
    background-color: color-mix(in srgb,var(--st-text) 2%,transparent) !important
}
html .main-product__progress-scrim {
    background: linear-gradient(to top, color-mix(in srgb,var(--st-text) 32%,transparent), transparent) !important
}
html .main-product__progress-bar {
    background-color: color-mix(in srgb,var(--st-surface) 40%,transparent) !important;
    box-shadow: 0 1px 3px color-mix(in srgb,var(--st-text) 15%,transparent) !important
}
html .main-product__progress-bar.is-active {
    background-color: var(--st-surface) !important;
    box-shadow: 0 0 8px color-mix(in srgb,var(--st-primary) 60%,transparent) !important
}
html .main-product__thumbs-nav {
    border: 1.5px solid color-mix(in srgb,var(--st-line) 60%,transparent) !important;
    border-radius: var(--st-r) !important;
    background: linear-gradient(
      135deg,
      color-mix(in srgb,var(--st-surface) 78%,transparent) 0%,
      color-mix(in srgb,var(--st-primary) 10%,transparent) 100%
    ) !important;
    box-shadow: 0 4px 14px color-mix(in srgb,var(--st-text) 10%,transparent) !important;
    color: var(--st-eb) !important
}
html .main-product__thumbs-nav:hover {
    background: linear-gradient(
      135deg,
      color-mix(in srgb,var(--st-surface) 92%,transparent) 0%,
      color-mix(in srgb,var(--st-primary) 14%,transparent) 100%
    ) !important;
    box-shadow: 0 6px 18px color-mix(in srgb,var(--st-text) 14%,transparent) !important
}
html .main-product__thumbs-fade--start {
    background: linear-gradient(to var(--fade-to, right), color-mix(in srgb,var(--st-surface) 95%,transparent), transparent) !important
}
html .main-product__thumbs-fade--end {
    background: linear-gradient(to var(--fade-from, left), color-mix(in srgb,var(--st-surface) 95%,transparent), transparent) !important
}
html .main-product__thumb-glass {
    border-radius: var(--st-r) !important;
    background: linear-gradient(
      135deg,
      color-mix(in srgb,var(--st-surface) 60%,transparent) 0%,
      color-mix(in srgb,var(--st-primary) 8%,transparent) 100%
    ) !important;
    border: 1.5px solid color-mix(in srgb,var(--st-line) 50%,transparent) !important;
    box-shadow: 0 4px 12px color-mix(in srgb,var(--st-text) 8%,transparent) !important
}
html .main-product__thumb.is-active .main-product__thumb-glass {
    border-color: var(--st-primary) !important;
    box-shadow: 0 6px 16px color-mix(in srgb,var(--st-primary) 28%,transparent) !important
}
html .main-product__thumb.is-active .main-product__thumb-glass::after {
    background: linear-gradient(115deg, transparent 35%, color-mix(in srgb,var(--st-surface) 55%,transparent) 50%, transparent 65%) !important
}
html .main-product__thumb-play {
    background: color-mix(in srgb,var(--st-text) 35%,transparent) !important;
    color: var(--st-on) !important
}
html .main-product__buybox-glass {
    background-color: var(--color-card, var(--st-surface)) !important;
    border: 1px solid color-mix(in srgb,var(--st-text) 7%,transparent) !important;
    box-shadow: 0 1px 2px color-mix(in srgb,var(--st-text) 4%,transparent),
      0 24px 60px -34px color-mix(in srgb,var(--st-text) 40%,transparent) !important
}
html .main-product__title {
    color: var(--st-text) !important
}
html .main-product__subtitle {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .main-product__desc-more {
    color: var(--st-eb) !important
}
html .main-product__rating {
    background-color: color-mix(in srgb,var(--st-primary) 7%,transparent) !important
}
html .main-product__rating:hover {
    background-color: color-mix(in srgb,var(--st-primary) 12%,transparent) !important
}
html .main-product__stars-bg {
    color: color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .main-product__stars-fg {
    color: var(--st-gold) !important
}
html .main-product__rating-count {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-product__price {
    color: var(--st-eb) !important
}
html .main-product__compare {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .main-product__discount {
    color: var(--st-eb) !important;
    background-color: var(--st-secondary) !important
}
html .main-product__stock-ribbon-spool {
    border-radius: var(--st-r) !important;
    background: linear-gradient(90deg, #6b0f08 0%, #a8190c 45%, var(--st-secondary) 70%, #a8190c 100%) !important;
    box-shadow: inset 1px 0 2px color-mix(in srgb,var(--st-on) 30%,transparent), inset -2px 0 3px color-mix(in srgb,var(--st-text) 35%,transparent) !important
}
html .main-product__ticker {
    background-color: color-mix(in srgb,var(--st-primary) 5.5%,transparent) !important
}
html .main-product__ticker-item {
    color: var(--st-text) !important
}
html .main-product__ticker-icon {
    background-color: var(--color-card, var(--st-surface)) !important;
    color: var(--st-eb) !important;
    box-shadow: 0 1px 2px color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .main-product__bullet-icon {
    background-color: var(--color-card, var(--st-surface)) !important;
    color: var(--st-eb) !important;
    box-shadow: 0 1px 2px color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .mp-variants__label {
    color: color-mix(in srgb, var(--color-foreground, var(--st-text)) 65%, transparent) !important
}
html .mp-variant {
    border: 1.5px solid color-mix(in srgb, var(--color-foreground, var(--st-text)) 14%, transparent) !important;
    background: var(--color-card, var(--st-surface)) !important;
    color: var(--color-foreground, var(--st-text)) !important
}
html .mp-variant:hover:not(.is-unavailable) {
    border-color: color-mix(in srgb, var(--st-primary) 45%, transparent) !important
}
html .mp-variant:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .mp-variant.is-selected {
    border-color: var(--st-primary) !important;
    background: color-mix(in srgb, var(--st-primary) 8%, transparent) !important;
    color: var(--st-eb) !important;
    box-shadow: inset 0 0 0 1px var(--st-primary) !important
}
html .mp-variant:has(.mp-variant__input:focus-visible) {
    outline: 2px solid var(--st-primary) !important
}
html .mp-swatch {
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--st-text) 16%,transparent) !important
}
html .main-product__bundle {
    border: 1.5px solid var(--color-border, var(--st-line)) !important;
    background-color: var(--color-card, var(--st-surface)) !important
}
html .main-product__bundle:hover {
    border-color: color-mix(in srgb,var(--st-primary) 45%,transparent) !important
}
html .main-product__bundle.is-selected {
    border-color: var(--st-primary) !important;
    background-color: color-mix(in srgb,var(--st-primary) 5%,transparent) !important;
    box-shadow: inset 0 0 0 1px var(--st-primary) !important
}
html .main-product__bundle.is-selected .main-product__bundle-radio {
    border-color: var(--st-primary) !important
}
html .main-product__bundle-radio::after {
    background-color: var(--st-primary) !important
}
html .main-product__bundle-label {
    color: var(--st-text) !important
}
html .main-product__bundle-extra {
    background-color: color-mix(in srgb,var(--st-primary) 12%,transparent) !important;
    color: var(--st-eb) !important
}
html .main-product__bundle.is-selected .main-product__bundle-extra {
    background-color: var(--st-primary) !important;
    color: var(--st-on) !important
}
html .main-product__bundle-price {
    color: var(--st-eb) !important
}
html .main-product__bundle-popular {
    background-color: var(--st-primary) !important;
    color: var(--st-on) !important
}
html .mp-sticky {
    background: linear-gradient(0deg, color-mix(in srgb,var(--st-surface) 35%,transparent) 0%, color-mix(in srgb,var(--st-surface) 12%,transparent) 100%),
      color-mix(in srgb,var(--st-surface) 35%,transparent) !important;
    border-block-start: 1px solid color-mix(in srgb,var(--st-line) 40%,transparent) !important;
    box-shadow: 0 -1px 0 color-mix(in srgb,var(--st-on) 60%,transparent) inset, 0 -8px 24px color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .mp-sticky__thumb {
    border-radius: var(--st-r) !important
}
html .mp-sticky__price strong {
    color: var(--st-eb) !important
}
html .mp-sticky__price s {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .mp-sticky__cta {
    background: var(--st-primary) !important;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--st-primary) 34%, transparent) !important
}
html .mp-offer {
    --mp-offer-accent: var(--st-primary) !important
}
html .mp-offer__scrim {
    background: color-mix(in srgb,var(--st-primary) 55%,transparent) !important
}
html .mp-offer__box {
    background: var(--st-surface) !important;
    box-shadow: 0 30px 80px color-mix(in srgb,var(--st-text) 30%,transparent) !important
}
html .mp-offer__x {
    background: color-mix(in srgb,var(--st-text) 5%,transparent) !important
}
html .mp-offer__sub {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .mp-offer__variant {
    border: 1.5px solid color-mix(in srgb,var(--st-text) 12%,transparent) !important;
    background: var(--st-surface) !important
}
html .mp-offer__variant:hover {
    border-color: var(--st-primary) !important
}
html .mp-offer__variant.is-picked {
    border-color: var(--st-primary) !important;
    background: var(--st-primary) !important
}
html .mp-offer__opt {
    background: var(--st-surface) !important
}
html .mp-offer__opt.is-picked {
    border-color: var(--st-primary) !important;
    background: color-mix(in srgb, var(--st-primary) 6%, var(--st-surface)) !important
}
html .mp-offer__opt.is-picked .mp-offer__radio {
    border-color: var(--st-primary) !important
}
html .mp-offer__radio::after {
    background: var(--st-primary) !important
}
html .mp-offer__each {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .mp-offer__extra {
    background: color-mix(in srgb, var(--st-primary) 14%, transparent) !important;
    color: var(--st-eb) !important
}
html .mp-offer__opt.is-picked .mp-offer__extra {
    background: var(--st-primary) !important
}
html .mp-offer__cost strong {
    color: var(--st-eb) !important
}
html .mp-offer__cost s {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .mp-offer__tag {
    background: color-mix(in srgb, var(--st-primary) 72%, var(--st-text)) !important;
    color: var(--st-on) !important
}
html .mp-offer__cta {
    background: var(--st-primary) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--st-primary) 34%, transparent) !important
}
html .mp-offer__note {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-product__add-to-cart {
    background-color: var(--st-primary) !important;
    color: var(--st-on) !important;
    box-shadow: 0 16px 34px -14px color-mix(in srgb,var(--st-primary) 65%,transparent) !important
}
html .main-product__add-to-cart:hover {
    box-shadow: 0 18px 40px -14px color-mix(in srgb,var(--st-primary) 75%,transparent) !important
}
html .main-product__add-to-cart.is-sold-out, html .main-product__add-to-cart:disabled {
    background-color: var(--st-line) !important;
    color: var(--st-muted) !important
}
html .main-product__sold-out {
    color: var(--st-red) !important
}
html .main-product__trust-item {
    color: var(--color-foreground-muted, var(--st-muted)) !important;
    background-color: var(--st-bg) !important;
    border-radius: var(--st-r) !important
}
html .main-product__trust-mark {
    border-radius: var(--st-r) !important;
    background-color: var(--st-primary) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--st-text) 12%,transparent) !important;
    color: var(--st-on) !important
}
html .main-product__trust-note {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
@media screen and (max-width: 749px) {
    html .main-product__trust-mark {
        border-radius: var(--st-r) !important
    }
}
html .main-product__accordion {
    border-top: 1px solid color-mix(in srgb,var(--st-text) 8%,transparent) !important
}
html .main-product__accordion-item {
    border-bottom: 1px solid color-mix(in srgb,var(--st-text) 8%,transparent) !important
}
html .main-product__accordion-trigger {
    color: var(--st-text) !important
}
html .main-product__accordion-panel-inner > * {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .main-product__scroll-toggle {
    background: linear-gradient(180deg, color-mix(in srgb,var(--st-surface) 35%,transparent) 0%, color-mix(in srgb,var(--st-surface) 12%,transparent) 100%),
      color-mix(in srgb,var(--st-surface) 55%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 40%,transparent) !important;
    box-shadow: 0 8px 24px color-mix(in srgb,var(--st-text) 14%,transparent) !important
}
html .main-product__lightbox {
    background-color: color-mix(in srgb,var(--st-text) 88%,transparent) !important
}
html .main-product__lightbox-image {
    border-radius: var(--st-r) !important
}
html .main-product__lightbox-close {
    background: color-mix(in srgb,var(--st-surface) 15%,transparent) !important;
    color: var(--st-on) !important
}
@media screen and (max-width: 749px) {
    html .main-product__thumbs-nav {
        border-radius: var(--st-r) !important
    }
}
html .main-product__pager-btn {
    border: 1.5px solid var(--color-border, var(--st-line)) !important;
    background-color: var(--color-card, var(--st-surface)) !important;
    color: var(--st-eb) !important
}
html .main-product__pager-btn:hover:not(:disabled) {
    border-color: var(--st-primary) !important;
    background-color: color-mix(in srgb,var(--st-primary) 6%,transparent) !important
}
html .main-product__pager-btn:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .main-product__pager-count {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
@media screen and (min-width: 990px) {
    html .main-product__thumbs-fade--start {
        background: linear-gradient(to bottom, color-mix(in srgb,var(--st-surface) 95%,transparent), transparent) !important
    }
}
@media screen and (min-width: 990px) {
    html .main-product__thumbs-fade--end {
        background: linear-gradient(to top, color-mix(in srgb,var(--st-surface) 95%,transparent), transparent) !important
    }
}
html .main-product__lightbox-nav {
    background: color-mix(in srgb,var(--st-surface) 14%,transparent) !important;
    color: var(--st-on) !important
}
html .main-product__lightbox-nav:hover {
    background: color-mix(in srgb,var(--st-surface) 28%,transparent) !important
}
html .main-product__lightbox-count {
    color: color-mix(in srgb,var(--st-on) 72%,transparent) !important
}
html .main-product__kit {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .main-product__kit.is-selected {
    border-color: var(--st-primary) !important;
    box-shadow: 0 0 0 1px var(--st-primary) !important
}
html .main-product__kit:focus-visible {
    outline: 2px solid var(--st-primary) !important
}
html .main-product__kit-radio {
    border: 2px solid var(--color-border, var(--st-line)) !important
}
html .main-product__kit.is-selected .main-product__kit-radio {
    border-color: var(--st-primary) !important
}
html .main-product__kit-contents {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .main-product__kit-cost s {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .main-product__kit-tag {
    background: var(--st-primary) !important;
    color: var(--st-on) !important
}
html .main-product__kit-save {
    background: var(--color-muted, var(--st-secondary)) !important;
    color: var(--color-foreground, var(--st-text)) !important
}
html .main-product__kit-cta {
    background: var(--st-primary) !important;
    color: var(--st-on) !important
}
html .main-product__stock-note {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .main-product__eta {
    background-color: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .main-product__eta svg {
    color: var(--st-eb) !important
}
html .main-product__low-stock {
    color: var(--st-text) !important
}
html .main-product--classic .main-product__buybox-glass {
    border-color: color-mix(in srgb, var(--color-foreground, var(--st-text)) 8%, transparent) !important
}
@media screen and (min-width: 990px) {
    html .main-product--stacked .main-product__media, html .main-product--grid .main-product__media {
        background-color: color-mix(in srgb, var(--st-bg) 90%, var(--st-text) 10%) !important
    }
}
@media screen and (min-width: 990px) {
    html .main-product--editorial .main-product__media {
        border-radius: var(--st-r-sm) !important
    }
}
html .qty-guide {
    background-color: var(--st-bg) !important
}
html .qty-guide__heading {
    color: var(--st-text) !important
}
html .qty-guide__sub {
    color: color-mix(in srgb, var(--st-text) 70%, transparent) !important
}
html .qty-guide__table {
    border: 1px solid color-mix(in srgb, var(--st-text) 10%, transparent) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .qg-row {
    border-block-end: 1px solid color-mix(in srgb, var(--st-text) 8%, transparent) !important
}
html .qg-row--head {
    background: color-mix(in srgb, var(--st-text) 4%, transparent) !important;
    color: color-mix(in srgb, var(--st-text) 62%, transparent) !important
}
html .qg-cell--measure {
    color: var(--st-text) !important
}
html .qg-cell--amount strong {
    color: var(--st-text) !important
}
html .qg-cell__note {
    background: color-mix(in srgb, var(--st-primary) 12%, transparent) !important;
    color: var(--st-eb) !important
}
html .qg-row.is-recommended {
    background: color-mix(in srgb, var(--st-primary) 6%, transparent) !important;
    border-inline-start: 3px solid var(--st-primary) !important
}
html .qg-row.is-recommended .qg-cell--amount strong {
    color: var(--st-eb) !important
}
html .qty-guide__note {
    color: color-mix(in srgb, var(--st-text) 62%, transparent) !important
}
html .size-guide {
    background: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .size-guide__sub {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .size-guide__diagram img {
    border-radius: var(--st-r) !important
}
html .size-guide__diagram figcaption {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .size-guide__panel {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .size-guide__table th, html .size-guide__table td {
    border-block-end: 1px solid var(--color-border, var(--st-line)) !important
}
html .size-guide__table thead th {
    color: var(--color-foreground-muted, var(--st-muted)) !important;
    background: var(--color-muted, var(--st-secondary)) !important
}
html .size-guide__calc {
    border-block-start: 1px solid var(--color-border, var(--st-line)) !important;
    background: var(--color-muted, var(--st-secondary)) !important
}
html .size-guide__calc-input input {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .size-guide__calc-input > span {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .size-guide__verdict.is-near {
    color: var(--color-foreground, var(--st-text)) !important
}
html .size-guide__verdict.is-no {
    color: var(--color-foreground-muted, var(--st-muted)) !important
}
html .spot__text {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .spot__reason-copy span {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .spot__was {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .timeline {
    background-color: var(--st-bg) !important
}
html .timeline__heading {
    color: var(--st-text) !important
}
html .timeline__sub {
    color: color-mix(in srgb, var(--st-text) 70%, transparent) !important
}
html .timeline__track::before {
    background: color-mix(in srgb, var(--st-primary) 22%, transparent) !important
}
html .tl-point__dot {
    background: var(--color-background, var(--st-surface)) !important;
    border: 2px solid color-mix(in srgb, var(--st-primary) 45%, transparent) !important
}
html .tl-point.is-start .tl-point__dot {
    background: var(--st-primary) !important;
    border-color: var(--st-primary) !important
}
html .tl-point.is-goal .tl-point__dot {
    background: var(--st-primary) !important;
    border-color: var(--st-primary) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--st-primary) 16%, transparent) !important
}
html .tl-point__when {
    color: var(--st-eb) !important
}
html .tl-point__title {
    color: var(--st-text) !important
}
html .tl-point__text {
    color: color-mix(in srgb, var(--st-text) 72%, transparent) !important
}
html .topic-grid {
    background-color: var(--st-bg) !important
}
html .topic-grid__heading {
    color: var(--st-text) !important
}
html .topic-grid__sub {
    color: var(--st-text) !important
}
html .topic-card__icon {
    color: var(--st-eb) !important
}
html .topic-card__title {
    color: var(--st-text) !important
}
html .topic-card__rule {
    background: var(--st-primary) !important
}
html .topic-card__text {
    color: var(--st-text) !important
}
@media screen and (max-width: 560px) {
    html .topic-grid__list--rows {
        border-block-start: 1px solid color-mix(in srgb, var(--st-text) 14%, transparent) !important
    }
}
@media screen and (max-width: 560px) {
    html .topic-card--row {
        border-block-end: 1px solid color-mix(in srgb, var(--st-text) 14%, transparent) !important
    }
}
@media screen and (max-width: 560px) {
    html .topic-card__head:focus-visible {
        outline: 2px solid var(--st-primary) !important;
        border-radius: var(--st-r-sm) !important
    }
}
@media screen and (max-width: 560px) {
    html .topic-card__label {
        color: var(--st-text) !important
    }
}
@media screen and (max-width: 560px) {
    html .topic-card__chev {
        color: var(--st-eb) !important
    }
}
html .trust-bar {
    --trust-bar-bg: var(--st-bg) !important;
    background-color: var(--st-bg) !important
}
html .trust-bar__lock {
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--st-on) 50%,transparent) !important
}
html .trust-bar__lock svg {
    color: var(--st-eb) !important
}
html .trust-bar__ssl-text {
    color: var(--st-text) !important
}
html .vision-hero {
    --vh-text: var(--st-text) !important;
    background: radial-gradient(48rem 30rem at 88% -12%, color-mix(in srgb, var(--st-primary) 14%, transparent), transparent 62%),
      radial-gradient(40rem 26rem at 4% 108%, color-mix(in srgb, var(--st-primary) 9%, transparent), transparent 60%),
      var(--st-bg) !important;
    color: var(--st-text) !important
}
html .vision-hero__eyebrow {
    background: color-mix(in srgb, var(--st-primary) 11%, transparent) !important;
    color: var(--st-eb) !important
}
html .vision-hero__lead {
    color: color-mix(in srgb, var(--st-text) 92%, transparent) !important
}
html .vision-hero__story {
    color: color-mix(in srgb, var(--st-text) 80%, transparent) !important
}
html .vision-hero__story strong {
    color: var(--st-text) !important
}
html .vision-hero__figure img {
    box-shadow: 0 24px 60px color-mix(in srgb, var(--st-primary) 22%, transparent) !important
}
html .vision-hero__figure figcaption {
    color: color-mix(in srgb, var(--st-text) 62%, transparent) !important
}
html .vision-hero__stat {
    background: color-mix(in srgb,var(--st-surface) 62%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 75%,transparent) !important;
    box-shadow: 0 4px 20px color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .vision-hero__stat strong {
    color: var(--st-eb) !important
}
html .vision-hero__stat span {
    color: color-mix(in srgb, var(--st-text) 68%, transparent) !important
}
html .vision-values {
    --vv-bg: var(--st-bg) !important;
    --vv-text: var(--st-text) !important;
    background: var(--st-bg) !important;
    color: var(--st-text) !important
}
html .vision-values__eyebrow {
    background: color-mix(in srgb, var(--st-primary) 10%, transparent) !important;
    color: var(--st-eb) !important
}
html .vision-values__sub {
    color: color-mix(in srgb, var(--st-text) 70%, transparent) !important
}
html .vision-values__card {
    background: color-mix(in srgb, var(--st-primary) 4%, var(--st-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--st-primary) 12%, transparent) !important;
    box-shadow: 0 4px 20px color-mix(in srgb,var(--st-text) 6%,transparent) !important
}
html .vision-values__card:hover {
    box-shadow: 0 14px 34px color-mix(in srgb, var(--st-primary) 16%, transparent) !important
}
html .vision-values__icon {
    background: color-mix(in srgb, var(--st-primary) 12%, transparent) !important;
    color: var(--st-eb) !important
}
html .vision-values__text {
    color: color-mix(in srgb, var(--st-text) 72%, transparent) !important
}
html .vision-values__signoff {
    color: var(--st-eb) !important
}
html .vn-share {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    background: var(--color-card, var(--st-surface)) !important
}
html .vn-share[data-state='copied'] {
    color: var(--color-success, var(--st-green)) !important
}
html .vn-share[data-state='failed'] {
    color: var(--color-danger, var(--st-red)) !important
}
html .vn-share--labelled {
    border-color: color-mix(in srgb,var(--st-line) 55%,transparent) !important;
    background: color-mix(in srgb,var(--st-surface) 12%,transparent) !important;
    color: var(--st-on) !important
}
html .vn-share--labelled:hover {
    background: color-mix(in srgb,var(--st-surface) 22%,transparent) !important;
    border-color: var(--st-line) !important
}
html .vn-share--labelled[data-state='copied'] {
    background: color-mix(in srgb,var(--st-surface) 22%,transparent) !important;
    color: var(--st-on) !important
}
html .vn-sheet__scrim {
    background: color-mix(in srgb,var(--st-text) 45%,transparent) !important
}
html .vn-sheet__panel {
    border-start-start-radius: var(--st-r) !important;
    border-start-end-radius: var(--st-r) !important;
    background: var(--color-card, var(--st-surface)) !important;
    color: var(--color-foreground, var(--st-text)) !important;
    box-shadow: 0 -8px 40px color-mix(in srgb,var(--st-text) 28%,transparent) !important
}
@media (min-width: 40rem) {
    html .vn-sheet__panel {
        border-radius: var(--st-r) !important
    }
}
html .vn-sheet__opt {
    border: 1px solid var(--color-border, var(--st-line)) !important;
    border-radius: var(--st-r) !important
}
html .vn-sheet__opt:hover {
    background: var(--color-muted, var(--st-secondary)) !important
}
html .vn-sheet__icon--wa {
    color: var(--st-green) !important
}
html .vn-sheet__icon--mail {
    color: var(--color-foreground, var(--st-text)) !important
}
html .vn-sheet__url {
    border-radius: var(--st-r) !important;
    background: var(--color-muted, var(--st-secondary)) !important
}
html .vn-sheet__hint {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .vn-sheet__close {
    border-radius: var(--st-r) !important;
    background: var(--color-muted, var(--st-secondary)) !important
}
html .sw-dot {
    color: var(--color-on-accent, var(--st-on)) !important
}
html .sw__tier {
    color: var(--color-on-accent, var(--st-on)) !important
}
html .sw__card {
    border-radius: var(--st-r) !important
}
html .sw__card img {
    border-radius: var(--st-r) !important
}
html .sw__code {
    border-radius: var(--st-r-sm) !important
}
html .sw__card--offer .sw__btn {
    color: var(--color-on-accent, var(--st-on)) !important
}
html .sw__thumbs img, html .sw__ph {
    border-radius: var(--st-r) !important
}
html .upsell-badge--full {
    border-radius: var(--st-r) !important
}
html .upsell-badge__list {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .upsell-badge__was {
    opacity: 1 !important;
    color: var(--st-muted) !important
}
html .upsell-badge__why {
    color: color-mix(in srgb, var(--ub) 88%, var(--st-text)) !important
}
@media (prefers-contrast: more) {
    html .upsell-badge {
        background: var(--st-surface) !important
    }
}
html .skip-link {
    border-radius: 0 0 var(--st-r) var(--st-r) !important
}
html .skip-link:focus {
    outline: 3px solid var(--st-line) !important
}
html .vn-fab::after {
    border: 2px solid color-mix(in srgb,var(--st-primary) 70%,transparent) !important
}
html .vn-a11y-btn {
    --vn-fab-ring: color-mix(in srgb,var(--st-primary) 75%,transparent) !important;
    --vn-fab-glow: color-mix(in srgb,var(--st-primary) 42%,transparent) !important
}
html .vn-a11y-panel {
    background: color-mix(in srgb,var(--st-surface) 72%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--st-line) 60%,transparent) !important;
    border-radius: var(--st-r) !important;
    box-shadow: 0 18px 50px color-mix(in srgb,var(--st-text) 20%,transparent),inset 0 1px 0 color-mix(in srgb,var(--st-on) 70%,transparent) !important;
    font-family: var(--font-primary--family) !important
}
html .vn-a11y-panel h2 {
    color: var(--st-text) !important
}
html .vn-a11y-close {
    color: var(--st-muted) !important
}
html .vn-a11y-opt {
    border: 1px solid color-mix(in srgb,var(--st-line) 60%,transparent) !important;
    border-radius: var(--st-r) !important;
    background: color-mix(in srgb,var(--st-surface) 55%,transparent) !important;
    color: var(--st-text) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb,var(--st-on) 60%,transparent) !important
}
html .vn-a11y-reset {
    color: var(--st-red) !important
}
html.vn-readable * {
    font-family: var(--font-primary--family) !important
}

/* ===== traits: the theme's own shapes on the shop's own parts ===== */
html body{background:var(--st-bg)!important;color:var(--st-text)}
:root:has(meta[name="sv-theme"][data-btn="pill"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="pill"]) .prv-form__thumb button{border-radius:999px!important}
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="brutal"]) .prv-form__thumb button{border:3px solid var(--st-text)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--st-text)!important}
:root:has(meta[name="sv-theme"][data-btn="outline"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="outline"]) .prv-form__thumb button{background:transparent!important;color:var(--st-text)!important;border:2px solid var(--st-text)!important}
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="gradient"]) .prv-form__thumb button{background:linear-gradient(120deg,var(--st-g1),var(--st-g2))!important;color:var(--st-on)!important;border:0!important}
:root:has(meta[name="sv-theme"][data-btn="neon"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="neon"]) .prv-form__thumb button{box-shadow:0 0 14px color-mix(in srgb,var(--st-primary) 60%,transparent)!important}
:root:has(meta[name="sv-theme"][data-btn="clay"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="clay"]) .prv-form__thumb button{border-radius:max(var(--st-r),18px)!important;box-shadow:var(--st-sh-b)!important}
:root:has(meta[name="sv-theme"][data-btn="neu"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="neu"]) .prv-form__thumb button{border-radius:max(var(--st-r),14px)!important;box-shadow:var(--st-sh-b)!important}
:root:has(meta[name="sv-theme"][data-btn="glass"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="glass"]) .prv-form__thumb button{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),var(--st-sh-b)!important}
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="stamp"]) .prv-form__thumb button{border-radius:4px!important;transform:rotate(-1deg)}
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .artx__cta-btn,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .brand-video__cta,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .brand-video__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .cart-drawer__checkout,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .cat-card__button,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .cat-row__arrow,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .contact-form__submit,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .countdown__cta,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .cq-ask__actions button,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .ct__button,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .featured-products__button,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .final-cta__button,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .hero__cta--ghost,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .main-collection__button,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .main-collection__empty-button,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .main-collection__search-submit,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .main-product__add-to-cart,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .main-product__add-to-cart.is-sold-out,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .main-product__kit-cta,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .main-product__pager-btn,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .mc-filters__submit,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .mp-offer__cta,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .mp-sticky__cta,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .notfound__btn--ghost,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .notfound__btn--primary,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .page-doc__foot-cta,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .prv-form__submit,
:root:has(meta[name="sv-theme"][data-btn="bevel"]) .prv-form__thumb button{border-radius:0!important;border:2px solid!important;border-color:#fff #555 #555 #fff!important;box-shadow:1px 1px 0 #000!important}
:root:has(meta[name="sv-theme"][data-card="outline"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="outline"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="outline"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="outline"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="outline"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="outline"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="outline"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="outline"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="outline"]) .final-cta__card{border:var(--st-bw) solid var(--st-line)!important;box-shadow:none!important}
:root:has(meta[name="sv-theme"][data-card="elevated"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="elevated"]) .final-cta__card{background:var(--st-surface)!important;box-shadow:var(--st-sh)!important}
:root:has(meta[name="sv-theme"][data-card="glass"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="glass"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="glass"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="glass"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="glass"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="glass"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="glass"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="glass"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="glass"]) .final-cta__card{background:color-mix(in srgb,var(--st-surface) 55%,transparent)!important;border:1px solid color-mix(in srgb,#fff 50%,transparent)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:root:has(meta[name="sv-theme"][data-card="neu"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="neu"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="neu"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="neu"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="neu"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="neu"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="neu"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="neu"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="neu"]) .final-cta__card{background:var(--st-bg)!important;box-shadow:var(--st-sh)!important;border-color:transparent!important}
:root:has(meta[name="sv-theme"][data-card="clay"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="clay"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="clay"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="clay"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="clay"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="clay"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="clay"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="clay"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="clay"]) .final-cta__card{background:var(--st-surface)!important;box-shadow:var(--st-sh)!important;border-radius:max(var(--st-r),26px)!important}
:root:has(meta[name="sv-theme"][data-card="brutal"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="brutal"]) .final-cta__card{background:var(--st-surface)!important;border:3px solid var(--st-text)!important;box-shadow:6px 6px 0 var(--st-text)!important;border-radius:0!important}
:root:has(meta[name="sv-theme"][data-card="paper"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="paper"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="paper"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="paper"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="paper"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="paper"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="paper"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="paper"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="paper"]) .final-cta__card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .cat-card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .blogc__card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .blogx__card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .customer-reviews__card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .product-reviews__card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .upsell-card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .vision-values__card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .founder-story__card,:root:has(meta[name="sv-theme"][data-card="polaroid"]) .final-cta__card{background:var(--st-surface)!important;box-shadow:0 1px 0 var(--st-line),0 8px 18px -8px rgba(0,0,0,.3)!important}
/* the bar colours belong to the bar shape only: a service page (checkout, account, login, order lookup, 404) draws the classic shape, whose own light band must keep the page's text colour */
:root:has(meta[name="sv-theme"][data-header="bar"]) .site-header.header--bar{background:var(--st-primary)!important;color:var(--st-on)!important}
:root:has(meta[name="sv-theme"][data-header="bar"]) .site-header.header--bar :is(a,button,svg,span){color:var(--st-on)!important}
:root:has(meta[name="sv-theme"][data-header="floating"]) .site-header{border-radius:999px!important;margin:10px 12px 0!important;width:calc(100% - 24px)!important;inset-inline:12px!important;border:var(--st-bw) solid var(--st-line)!important;box-shadow:var(--st-sh)!important}
:root:has(meta[name="sv-theme"][data-header="minimal"]) .site-header{border-bottom-color:transparent!important;box-shadow:none!important}
:root:has(meta[name="sv-theme"][data-texture="grain"]) body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2147483000;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html :focus-visible{outline-color:var(--st-primary)!important}

html .vn-consent{background:color-mix(in srgb,var(--st-surface) 94%,transparent)!important;color:var(--st-text)!important;border-color:var(--st-line)!important;border-radius:var(--st-r)!important;font-family:inherit!important}
html .vn-consent__text a,html .vn-consent__decline{color:var(--st-muted)!important}
html .vn-consent__text a:hover,html .vn-consent__decline:hover{color:var(--st-text)!important}
html .vn-consent__decline:focus-visible{outline-color:var(--st-text)!important}
html .vn-consent__btn--primary{background:var(--st-primary)!important;color:var(--st-on)!important}