/**
 * Toplex functional icon system.
 *
 * Geometry: Phosphor Icons 2.1.1, Regular, MIT.
 * Component layout remains owned by Bricks and each feature stylesheet.
 * Appliance category and Benefit SVG artwork are deliberately out of scope.
 */

.tpx-icon,
[data-tpx-icon] {
  --tpx-icon-size: 1em;
  display: inline-block;
  width: var(--tpx-icon-size);
  height: var(--tpx-icon-size);
  flex: 0 0 var(--tpx-icon-size);
  color: inherit;
  background: currentColor;
  -webkit-mask: var(--tpx-icon-mask) center / contain no-repeat;
  mask: var(--tpx-icon-mask) center / contain no-repeat;
  vertical-align: -.125em;
}

[data-tpx-icon="house"] { --tpx-icon-mask: url("../icons/phosphor-regular/house.svg"); }
[data-tpx-icon="magnifying-glass"] { --tpx-icon-mask: url("../icons/phosphor-regular/magnifying-glass.svg"); }
[data-tpx-icon="magnifying-glass-plus"] { --tpx-icon-mask: url("../icons/phosphor-regular/magnifying-glass-plus.svg"); }
[data-tpx-icon="basket"] { --tpx-icon-mask: url("../icons/phosphor-regular/basket.svg"); }
[data-tpx-icon="question"] { --tpx-icon-mask: url("../icons/phosphor-regular/question.svg"); }
[data-tpx-icon="info"] { --tpx-icon-mask: url("../icons/phosphor-regular/info.svg"); }
[data-tpx-icon="user-circle"] { --tpx-icon-mask: url("../icons/phosphor-regular/user-circle.svg"); }
[data-tpx-icon="list"] { --tpx-icon-mask: url("../icons/phosphor-regular/list.svg"); }
[data-tpx-icon="x"] { --tpx-icon-mask: url("../icons/phosphor-regular/x.svg"); }
[data-tpx-icon="trash"] { --tpx-icon-mask: url("../icons/phosphor-regular/trash.svg"); }
[data-tpx-icon="arrow-left"] { --tpx-icon-mask: url("../icons/phosphor-regular/arrow-left.svg"); }
[data-tpx-icon="caret-right"] { --tpx-icon-mask: url("../icons/phosphor-regular/caret-right.svg"); }
[data-tpx-icon="caret-down"] { --tpx-icon-mask: url("../icons/phosphor-regular/caret-down.svg"); }
[data-tpx-icon="user-check"] { --tpx-icon-mask: url("../icons/phosphor-regular/user-check.svg"); }
[data-tpx-icon="star"] { --tpx-icon-mask: url("../icons/phosphor-regular/star.svg"); }
[data-tpx-icon="funnel"] { --tpx-icon-mask: url("../icons/phosphor-regular/funnel.svg"); }
[data-tpx-icon="check-square"] { --tpx-icon-mask: url("../icons/phosphor-regular/check-square.svg"); }
[data-tpx-icon="truck"] { --tpx-icon-mask: url("../icons/phosphor-regular/truck.svg"); }
[data-tpx-icon="calendar-check"] { --tpx-icon-mask: url("../icons/phosphor-regular/calendar-check.svg"); }
[data-tpx-icon="calendar"] { --tpx-icon-mask: url("../icons/phosphor-regular/calendar.svg"); }
[data-tpx-icon="clock"] { --tpx-icon-mask: url("../icons/phosphor-regular/clock.svg"); }
[data-tpx-icon="wrench"] { --tpx-icon-mask: url("../icons/phosphor-regular/wrench.svg"); }
[data-tpx-icon="clipboard-text"] { --tpx-icon-mask: url("../icons/phosphor-regular/clipboard-text.svg"); }
[data-tpx-icon="chats-circle"] { --tpx-icon-mask: url("../icons/phosphor-regular/chats-circle.svg"); }
[data-tpx-icon="package"] { --tpx-icon-mask: url("../icons/phosphor-regular/package.svg"); }
[data-tpx-icon="lock-key"] { --tpx-icon-mask: url("../icons/phosphor-regular/lock-key.svg"); }
[data-tpx-icon="shield-check"] { --tpx-icon-mask: url("../icons/phosphor-regular/shield-check.svg"); }
[data-tpx-icon="envelope"] { --tpx-icon-mask: url("../icons/phosphor-regular/envelope.svg"); }
[data-tpx-icon="plus"] { --tpx-icon-mask: url("../icons/phosphor-regular/plus.svg"); }
[data-tpx-icon="minus"] { --tpx-icon-mask: url("../icons/phosphor-regular/minus.svg"); }
[data-tpx-icon="check"] { --tpx-icon-mask: url("../icons/phosphor-regular/check.svg"); }
[data-tpx-icon="check-circle"] { --tpx-icon-mask: url("../icons/phosphor-regular/check-circle.svg"); }
[data-tpx-icon="x-circle"] { --tpx-icon-mask: url("../icons/phosphor-regular/x-circle.svg"); }
[data-tpx-icon="warning-circle"] { --tpx-icon-mask: url("../icons/phosphor-regular/warning-circle.svg"); }
[data-tpx-icon="spinner-gap"] { --tpx-icon-mask: url("../icons/phosphor-regular/spinner-gap.svg"); }
[data-tpx-icon="eye"] { --tpx-icon-mask: url("../icons/phosphor-regular/eye.svg"); }
[data-tpx-icon="eye-slash"] { --tpx-icon-mask: url("../icons/phosphor-regular/eye-slash.svg"); }
[data-tpx-icon="credit-card"] { --tpx-icon-mask: url("../icons/phosphor-regular/credit-card.svg"); }
[data-tpx-icon="headset"] { --tpx-icon-mask: url("../icons/phosphor-regular/headset.svg"); }
[data-tpx-icon="phone"] { --tpx-icon-mask: url("../icons/phosphor-regular/phone.svg"); }
[data-tpx-icon="device-mobile"] { --tpx-icon-mask: url("../icons/phosphor-regular/device-mobile.svg"); }
[data-tpx-icon="map-pin"] { --tpx-icon-mask: url("../icons/phosphor-regular/map-pin.svg"); }
[data-tpx-icon="recycle"] { --tpx-icon-mask: url("../icons/phosphor-regular/recycle.svg"); }
[data-tpx-icon="tag"] { --tpx-icon-mask: url("../icons/phosphor-regular/tag.svg"); }
[data-tpx-icon="heart"] { --tpx-icon-mask: url("../icons/phosphor-regular/heart.svg"); }
[data-tpx-icon="gauge"] { --tpx-icon-mask: url("../icons/phosphor-regular/gauge.svg"); }
[data-tpx-icon="bounding-box"] { --tpx-icon-mask: url("../icons/phosphor-regular/bounding-box.svg"); }
[data-tpx-icon="ruler"] { --tpx-icon-mask: url("../icons/phosphor-regular/ruler.svg"); }
[data-tpx-icon="lightning"] { --tpx-icon-mask: url("../icons/phosphor-regular/lightning.svg"); }
[data-tpx-icon="speaker-high"] { --tpx-icon-mask: url("../icons/phosphor-regular/speaker-high.svg"); }
[data-tpx-icon="currency-gbp"] { --tpx-icon-mask: url("../icons/phosphor-regular/currency-gbp.svg"); }
[data-tpx-icon="clock-countdown"] { --tpx-icon-mask: url("../icons/phosphor-regular/clock-countdown.svg"); }
[data-tpx-icon="squares-four"] { --tpx-icon-mask: url("../icons/phosphor-regular/squares-four.svg"); }

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

[data-tpx-icon="spinner-gap"] { animation: tpx-icon-spin .85s linear infinite; }

@media (prefers-reduced-motion: reduce) {
  [data-tpx-icon="spinner-gap"] { animation-duration: 1.8s; }
}

.tpx-service-slider__icon > .tpx-icon,
.tpx-product-addons__option-icon > .tpx-icon {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  flex-basis: 100%;
}

/* Existing mask-variable consumers now resolve to the approved family. */
:root {
  --tpx-home-icon-mask: url("../icons/phosphor-regular/house.svg");
  --tpx-star-icon-mask: url("../icons/phosphor-regular/star.svg");
  --tpx-truck-icon-mask: url("../icons/phosphor-regular/truck.svg");
  --tpx-settings-icon-mask: url("../icons/phosphor-regular/wrench.svg");
  --tpx-clipboard-icon-mask: url("../icons/phosphor-regular/clipboard-text.svg");
  --tpx-comments-icon-mask: url("../icons/phosphor-regular/chats-circle.svg");
  --tpx-info-icon-mask: url("../icons/phosphor-regular/info.svg");
  --tpx-user-icon-mask: url("../icons/phosphor-regular/user-circle.svg");
  --tpx-basket-icon-mask: url("../icons/phosphor-regular/basket.svg");
}

/* Keep the Home link's existing hit area while reducing only its glyph by 20%. */
body #brx-header a[aria-label="Home"] .ion-md-home.brxe-icon::before {
  transform: scale(.8) !important;
  transform-origin: center;
}

/* Match the remaining header actions to Home: preserve their existing hit
 * areas and basket badge geometry while reducing only the visible glyphs. */
body #brx-header .brxe-woocommerce-mini-cart .ti-shopping-cart,
body #brx-header .ti-info-alt,
body #brx-header .ti-user {
  color: var(--tpx-color-primary, #1077bd) !important;
}

body #brx-header .brxe-woocommerce-mini-cart .ti-shopping-cart::before,
body #brx-header .ti-info-alt::before,
body #brx-header .ti-user::before {
  transform: scale(.8) !important;
  transform-origin: center;
}

/* The compact header sits on the primary-blue bar. Keep the approved 20%
 * glyph reduction, but restore the authored white foreground at responsive
 * breakpoints so Help, Basket and Account remain visible. */
@media (max-width: 996px) {
  body #brx-header .tpx-mobile-action .ti-info-alt,
  body #brx-header .tpx-mobile-action .ti-shopping-cart,
  body #brx-header .tpx-mobile-action .ti-user {
    color: #fff !important;
  }

  body #brx-header .tpx-mobile-action .ti-info-alt::before,
  body #brx-header .tpx-mobile-action .ti-shopping-cart::before,
  body #brx-header .tpx-mobile-action .ti-user::before {
    transform: scale(.8) !important;
    transform-origin: center;
  }
}

/* Temporary adapters for Bricks-owned legacy icon classes. */
:where(
  #brx-header .ti-info-alt,
  #brx-header .ti-user,
  .tpx-basket-template .ti-shopping-cart,
  .tpx-footer-v2 .ti-shopping-cart,
  .tpx-footer-v2 .ti-help-alt,
  .tpx-footer-v2 .ti-user,
  .tpx-footer-v2 .ti-headphone-alt,
  .tpx-footer-v2 .ti-mobile,
  .tpx-footer-v2 .ti-email,
  .tpx-footer-v2 .ti-location-pin,
  .tpx-footer-v2 .ti-time
) {
  display: inline-grid !important;
  place-items: center !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

:where(
  #brx-header .ti-info-alt,
  #brx-header .ti-user,
  .tpx-basket-template .ti-shopping-cart,
  .tpx-footer-v2 .ti-shopping-cart,
  .tpx-footer-v2 .ti-help-alt,
  .tpx-footer-v2 .ti-user,
  .tpx-footer-v2 .ti-headphone-alt,
  .tpx-footer-v2 .ti-mobile,
  .tpx-footer-v2 .ti-email,
  .tpx-footer-v2 .ti-location-pin,
  .tpx-footer-v2 .ti-time
)::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: currentColor !important;
  -webkit-mask: var(--tpx-legacy-icon-mask) center / contain no-repeat !important;
  mask: var(--tpx-legacy-icon-mask) center / contain no-repeat !important;
}

#brx-header .ti-info-alt { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/question.svg"); }
#brx-header .ti-user { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/user-circle.svg"); }
.tpx-basket-template .ti-shopping-cart { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/basket.svg"); }
.tpx-footer-v2 .ti-shopping-cart { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/basket.svg"); }
.tpx-footer-v2 .ti-help-alt { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/question.svg"); }
.tpx-footer-v2 .ti-user { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/user-circle.svg"); }
.tpx-footer-v2 .ti-headphone-alt { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/headset.svg"); }
.tpx-footer-v2 .ti-mobile { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/phone.svg"); }
.tpx-footer-v2 .ti-email { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/envelope.svg"); }
.tpx-footer-v2 .ti-location-pin { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/map-pin.svg"); }
.tpx-footer-v2 .ti-time { --tpx-legacy-icon-mask: url("../icons/phosphor-regular/clock.svg"); }

/* These Bricks icon elements previously derived their box from a font glyph.
 * The replacement glyph is a mask, so it needs a real box after font-size is
 * zeroed to suppress the icon font. Keep the authored large/small proportions. */
:where(
  .tpx-footer-v2 .ti-shopping-cart,
  .tpx-footer-v2 .ti-help-alt,
  .tpx-footer-v2 .ti-user,
  .tpx-footer-v2 .ti-headphone-alt
) {
  width: 2.88rem !important;
  height: 2.88rem !important;
  flex: 0 0 2.88rem !important;
}

:where(
  .tpx-footer-v2 .ti-mobile,
  .tpx-footer-v2 .ti-email,
  .tpx-footer-v2 .ti-location-pin,
  .tpx-footer-v2 .ti-time
) {
  width: 2rem !important;
  height: 2rem !important;
  flex: 0 0 2rem !important;
}

/* Treat the Shop, Help, and Account link lists as grouped tap targets. */
.tpx-footer-v2__column:not(.tpx-footer-v2__contact-column) {
  gap: 0 !important;
}

.tpx-footer-v2__column:not(.tpx-footer-v2__contact-column) > :first-child {
  margin-bottom: .5rem;
}

.tpx-footer-v2__column:not(.tpx-footer-v2__contact-column) > .tpx-footer-v2__link {
  width: 100% !important;
  min-height: 2.75rem;
  padding: .625rem .75rem !important;
  align-items: center;
  border-top: 1px solid var(--tpx-color-border, #dce8ee);
  transition: background-color .18s ease, color .18s ease;
}

.tpx-footer-v2__column:not(.tpx-footer-v2__contact-column) > .tpx-footer-v2__link:last-child {
  border-bottom: 1px solid var(--tpx-color-border, #dce8ee);
}

.tpx-footer-v2__column:not(.tpx-footer-v2__contact-column) > .tpx-footer-v2__link:hover {
  color: var(--tpx-color-primary, #1077bd);
  background-color: rgba(16, 119, 189, .065);
  text-decoration: none;
}

.tpx-footer-v2__column:not(.tpx-footer-v2__contact-column) > .tpx-footer-v2__link:focus-visible {
  color: var(--tpx-color-primary, #1077bd);
  background-color: rgba(16, 119, 189, .08);
  outline: 2px solid var(--tpx-color-primary, #1077bd);
  outline-offset: -2px;
}

.tpx-footer-v2__column:not(.tpx-footer-v2__contact-column) > .tpx-footer-v2__link:active {
  background-color: rgba(16, 119, 189, .12);
}

.tpx-basket-template .ti-shopping-cart {
  width: 2.125rem !important;
  height: 2.125rem !important;
  flex: 0 0 2.125rem !important;
}

#brx-header .brxe-woocommerce-mini-cart .cart-icon > .ti-shopping-cart {
  position: relative !important;
  z-index: 1;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Woo Flow consumes the basket variable from its own stylesheet. A relative
 * URL inside that variable can therefore resolve against Woo Flow instead of
 * this owning plugin. Bind the mask here so the asset URL is unambiguous. */
#brx-header .brxe-woocommerce-mini-cart .ti-shopping-cart::before,
#brx-header .tpx-mobile-action .ti-shopping-cart::before,
.tpx-basket-icon::before,
.tpx-mini-cart-title-icon::before {
  -webkit-mask: url("../icons/phosphor-regular/basket.svg") center / contain no-repeat !important;
  mask: url("../icons/phosphor-regular/basket.svg") center / contain no-repeat !important;
}

/* Inline-SVG compatibility adapters. They change glyph geometry only. */
:where(
  .tpx-product-search__icon,
  .tpx-product-search__clear svg,
  .tpx-product-filters__mobile-action svg,
  .tpx-product-filters__done svg,
  .tpxdd-trigger__icon svg,
  .tpx-checkout-security-strip__icon,
  .tpx-request-call__choice-icon svg,
  .tpx-request-call__choice-tick,
  .tpx-request-call__success-icon svg,
  .tpx-product-added__close svg,
  .tpx-basket-edit-drawer__close svg,
  .tpx-basket-notice__close svg,
  .tpx-mini-cart-modal__close svg,
  .tpx-checkout-summary-toggle__icon svg
) {
  background: currentColor !important;
  border: 0 !important;
  fill: transparent !important;
  stroke: transparent !important;
  -webkit-mask: var(--tpx-inline-icon-mask) center / contain no-repeat !important;
  mask: var(--tpx-inline-icon-mask) center / contain no-repeat !important;
}

:where(
  .tpx-product-search__icon,
  .tpx-product-search__clear svg,
  .tpx-product-filters__mobile-action svg,
  .tpx-product-filters__done svg,
  .tpxdd-trigger__icon svg,
  .tpx-checkout-security-strip__icon,
  .tpx-request-call__choice-icon svg,
  .tpx-request-call__choice-tick,
  .tpx-request-call__success-icon svg,
  .tpx-product-added__close svg,
  .tpx-basket-edit-drawer__close svg,
  .tpx-basket-notice__close svg,
  .tpx-mini-cart-modal__close svg,
  .tpx-checkout-summary-toggle__icon svg
) > * {
  visibility: hidden !important;
}

.tpx-product-search__icon { --tpx-inline-icon-mask: url("../icons/phosphor-regular/magnifying-glass.svg"); }
.tpx-product-search__clear svg,
.tpx-product-added__close svg,
.tpx-basket-edit-drawer__close svg,
.tpx-basket-notice__close svg,
.tpx-mini-cart-modal__close svg { --tpx-inline-icon-mask: url("../icons/phosphor-regular/x.svg"); }
.tpx-product-filters__mobile-action svg { --tpx-inline-icon-mask: url("../icons/phosphor-regular/funnel.svg"); }
.tpx-product-filters__done svg,
.tpx-request-call__choice-tick,
.tpx-request-call__success-icon svg { --tpx-inline-icon-mask: url("../icons/phosphor-regular/check.svg"); }
.tpxdd-trigger__icon svg { --tpx-inline-icon-mask: url("../icons/phosphor-regular/calendar.svg"); }
.tpx-checkout-security-strip__item:nth-child(1) .tpx-checkout-security-strip__icon { --tpx-inline-icon-mask: url("../icons/phosphor-regular/lock-key.svg"); }
.tpx-checkout-security-strip__item:nth-child(2) .tpx-checkout-security-strip__icon { --tpx-inline-icon-mask: url("../icons/phosphor-regular/shield-check.svg"); }
.tpx-checkout-security-strip__item:nth-child(3) .tpx-checkout-security-strip__icon { --tpx-inline-icon-mask: url("../icons/phosphor-regular/envelope.svg"); }
.tpx-request-call__choice[data-tpx-request-choice="message"] .tpx-request-call__choice-icon svg { --tpx-inline-icon-mask: url("../icons/phosphor-regular/envelope.svg"); }
.tpx-request-call__choice[data-tpx-request-choice="call"] .tpx-request-call__choice-icon svg { --tpx-inline-icon-mask: url("../icons/phosphor-regular/phone.svg"); }
.tpx-checkout-summary-toggle__icon svg { --tpx-inline-icon-mask: url("../icons/phosphor-regular/clipboard-text.svg"); }

body.woocommerce-checkout .tpx-checkout-summary-card__info-icon--calendar { --tpx-summary-icon: url("../icons/phosphor-regular/calendar.svg"); }
body.woocommerce-checkout .tpx-checkout-summary-card__info-icon--clock { --tpx-summary-icon: url("../icons/phosphor-regular/clock.svg"); }
body.woocommerce-checkout .tpx-checkout-summary-card__info-icon--services { --tpx-summary-icon: url("../icons/phosphor-regular/wrench.svg"); }

.tpx-basket-item__remove > span {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  overflow: hidden;
  color: inherit !important;
  font-size: 0 !important;
  background: currentColor;
  -webkit-mask: url("../icons/phosphor-regular/trash.svg") center / contain no-repeat;
  mask: url("../icons/phosphor-regular/trash.svg") center / contain no-repeat;
}

body :where(.tpx-feedback--success .tpx-feedback__mark, .tpx-basket-notice:not(.is-info):not(.is-error) .tpx-feedback__mark)::before,
body :where(.tpx-feedback--info .tpx-feedback__mark, .tpx-basket-notice.is-info .tpx-feedback__mark)::before,
body :where(.tpx-feedback--error .tpx-feedback__mark, .tpx-basket-notice.is-error .tpx-feedback__mark)::before,
body :where(.tpx-feedback--loading .tpx-feedback__mark)::before {
  content: "" !important;
  position: static !important;
  display: block !important;
  inset: auto !important;
  width: 1rem !important;
  height: 1rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-mask: var(--tpx-feedback-icon-mask) center / contain no-repeat !important;
  mask: var(--tpx-feedback-icon-mask) center / contain no-repeat !important;
}

body :where(.tpx-feedback--success .tpx-feedback__mark, .tpx-basket-notice:not(.is-info):not(.is-error) .tpx-feedback__mark) { --tpx-feedback-icon-mask: url("../icons/phosphor-regular/check.svg"); }
body :where(.tpx-feedback--info .tpx-feedback__mark, .tpx-basket-notice.is-info .tpx-feedback__mark) { --tpx-feedback-icon-mask: url("../icons/phosphor-regular/info.svg"); }
body :where(.tpx-feedback--error .tpx-feedback__mark, .tpx-basket-notice.is-error .tpx-feedback__mark) { --tpx-feedback-icon-mask: url("../icons/phosphor-regular/x-circle.svg"); }
body .tpx-feedback--loading .tpx-feedback__mark { --tpx-feedback-icon-mask: url("../icons/phosphor-regular/spinner-gap.svg"); }
body :where(.tpx-feedback--success, .tpx-feedback--info, .tpx-feedback--error, .tpx-feedback--loading) .tpx-feedback__mark::after,
body :where(.tpx-basket-notice.is-info, .tpx-basket-notice.is-error) .tpx-feedback__mark::after { content: none !important; }
body .tpx-feedback--loading .tpx-feedback__mark::before { animation: tpx-icon-spin .85s linear infinite !important; }

body :where(.woocommerce-account, .woocommerce-checkout) button.show-password-input::after {
  content: "" !important;
  display: block !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 0 !important;
  background: currentColor !important;
  -webkit-mask: url("../icons/phosphor-regular/eye.svg") center / contain no-repeat !important;
  mask: url("../icons/phosphor-regular/eye.svg") center / contain no-repeat !important;
}

body :where(.woocommerce-account, .woocommerce-checkout) button.show-password-input.display-password::after {
  -webkit-mask-image: url("../icons/phosphor-regular/eye-slash.svg") !important;
  mask-image: url("../icons/phosphor-regular/eye-slash.svg") !important;
}

body .tpx-product-lightbox__zoom::before,
body .tpx-product-lightbox__close::before {
  content: "" !important;
  position: static !important;
  display: block !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  transform: none !important;
  -webkit-mask: var(--tpx-lightbox-icon-mask) center / contain no-repeat !important;
  mask: var(--tpx-lightbox-icon-mask) center / contain no-repeat !important;
}

body .tpx-product-lightbox__zoom { --tpx-lightbox-icon-mask: url("../icons/phosphor-regular/magnifying-glass-plus.svg"); }
body .tpx-product-lightbox__close { --tpx-lightbox-icon-mask: url("../icons/phosphor-regular/x.svg"); }
body :where(.tpx-product-lightbox__zoom, .tpx-product-lightbox__close)::after { content: none !important; }

body .tpx-product-filters .tpx-product-filters__choice:not(.tpx-product-filters__choice--colour) .tpx-product-filters__check::after {
  width: .68rem !important;
  height: .68rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--tpx-color-success, #36ad3f) !important;
  -webkit-mask: url("../icons/phosphor-regular/check.svg") center / contain no-repeat !important;
  mask: url("../icons/phosphor-regular/check.svg") center / contain no-repeat !important;
  transform: scale(.72) !important;
}

body .tpx-product-filters .tpx-product-filters__choice:not(.tpx-product-filters__choice--colour) .tpx-product-filters__checkbox:checked + .tpx-product-filters__check::after {
  transform: scale(1) !important;
}