/* Independently drawn buttons and source-derived states. Reference: the
 * archived Demo33 public 3.7.6 stylesheet and actual rendered controls.
 * No Ohio stylesheet, icon font or animation runtime is loaded. */
:root {
  --demo33-button-ease: cubic-bezier(.645, .045, .355, 1);
  --demo33-button-duration: .35s;
  --demo33-button-hover: var(--demo33-brand-color, #a578b5);
  --demo33-button-ink: color-mix(in srgb, #111013 98%, white);
  --demo33-button-neutral: color-mix(in srgb, #111013 50%, white);
  --demo33-button-fill: color-mix(in srgb, var(--demo33-button-neutral) 8%, transparent);
  --demo33-button-focus: color-mix(in srgb, var(--demo33-button-neutral) 15%, transparent);
}

.d33-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex-shrink: 0;
  line-height: 1;
}
.d33-button-arrow {
  display: block;
  width: 16px;
  height: 16px;
  max-width: none;
  fill: currentColor;
  stroke: none;
  overflow: visible;
}
.d33-button-arrow.d33-arrow-label {
  width: 1em;
  height: 1em;
}

.home-main .pill-link {
  color: var(--demo33-button-ink);
  background: transparent;
  border-radius: 32px;
  justify-content: center;
  transition: color var(--demo33-button-duration) var(--demo33-button-ease),
    background-color var(--demo33-button-duration) var(--demo33-button-ease),
    border-color var(--demo33-button-duration) var(--demo33-button-ease),
    box-shadow var(--demo33-button-duration) var(--demo33-button-ease);
}
.home-main .pill-link .pill-arrow {
  font-size: 1.6em;
  transform: none;
}
.home-main .feature-copy .pill-link .pill-arrow { font-size: 1.4em; }
.home-main .pill-link .d33-button-icon { font-size: inherit; }
.home-main .feature-copy .pill-link:not(:hover):not(:focus):not(:active) { color: #fff; }
.home-main .layers-copy .pill-link:not(:hover):not(:focus):not(:active) { color: #111013; }
.home-main .pill-link:is(:hover, :focus, :active),
.home-main .feature-copy .pill-link:is(:hover, :focus, :active) {
  color: var(--demo33-button-hover);
  background: transparent;
  border-color: currentColor;
  transform: none;
}
.home-main .pill-link:is(:focus, :active) {
  box-shadow: 0 0 0 5px var(--demo33-button-focus);
}
.home-main .pill-link:is(:hover, :focus, :active) .pill-arrow { transform: none; }

/* Woo's Clear control is a small flat button in the source. Keep its native
 * reset link and provide the same fill, brand color, focus ring and icon loop. */
body.woocommerce .catalog-fidelity-product div.catalog-product .summary-cart .reset_variations {
  color: var(--demo33-button-ink);
  background: #fff0;
  background-image: none;
  border: 0;
  border-radius: 32px;
  gap: 0;
  line-height: normal;
  white-space: nowrap;
  box-shadow: none;
  transition: color var(--demo33-button-duration) var(--demo33-button-ease),
    background-color var(--demo33-button-duration) var(--demo33-button-ease),
    border-color var(--demo33-button-duration) var(--demo33-button-ease),
    box-shadow var(--demo33-button-duration) var(--demo33-button-ease);
}
body.woocommerce .catalog-fidelity-product div.catalog-product .summary-cart .reset_variations::before {
	content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  min-width: 24px;
  height: 1em;
  margin: 0 0 0 -8px;
  font-size: .95em;
  line-height: 1;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M14 1.4 12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4 12.6 14 14 12.6 8.4 7Z'/%3E%3C/svg%3E") center / .75em .75em no-repeat;
}
body.woocommerce .catalog-fidelity-product div.catalog-product .summary-cart .reset_variations:is(:hover, :focus, :active) {
  color: var(--demo33-button-hover);
  background: var(--demo33-button-fill);
  text-decoration: none;
}
body.woocommerce .catalog-fidelity-product div.catalog-product .summary-cart .reset_variations:is(:focus, :active) {
  outline: none;
  box-shadow: 0 0 0 5px var(--demo33-button-focus);
}

/* Source card actions use two intrinsically sized button groups. The Save
 * block stays intrinsic inside its group, so wider cards do not turn the
 * two controls into identical capsules. Cart and Checkout retain Demo20. */
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions {
  gap: .5em;
  color: var(--demo33-button-ink);
  font: 400 15.68px/1.6 var(--font-body);
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .product-action-group {
  display: block;
  flex: 0 1 auto;
  width: 100%;
  min-width: auto;
  margin: 0;
  padding: 0;
  gap: normal;
  font: inherit;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .product-action-save {
  display: block;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  font: inherit;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .product-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  width: 100%;
  min-height: 44px;
  height: 44px;
  margin: 0;
  padding: 0 20px;
  border: 2px solid transparent;
  border-radius: 32px;
  gap: .5em;
  box-shadow: none;
  outline: none;
  background-image: none;
  font: 600 14.896px/1.6 var(--font-display);
  text-decoration: none;
  white-space: nowrap;
  transform: none;
  transition: background-color var(--demo33-button-duration) var(--demo33-button-ease),
    color var(--demo33-button-duration) var(--demo33-button-ease),
    border-color var(--demo33-button-duration) var(--demo33-button-ease),
    box-shadow var(--demo33-button-duration) var(--demo33-button-ease);
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .product-cart-action {
  min-width: 0;
  background: color-mix(in srgb, #111013 98%, white);
  color: #fff;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .wishlist-trigger {
  min-width: auto;
  gap: 5px;
  background: var(--demo33-button-fill);
  color: var(--demo33-button-ink);
  line-height: normal;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .wishlist-trigger span { font: inherit; }
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .wishlist-trigger .commerce-icon {
  width: 22px;
  height: 22px;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .wishlist-trigger[aria-pressed=true] .commerce-icon { fill: currentColor; }
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .product-cart-action:is(:hover, :focus, :active),
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .wishlist-trigger:hover {
  background: var(--demo33-button-hover);
  color: #fff;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .product-action:is(:focus, :active) {
  outline: none;
  box-shadow: 0 0 0 5px var(--demo33-button-focus);
}

.home-main :is(.products-section, .trending-section, .resources-section) .section-heading > a {
  color: var(--demo33-button-ink);
  background: transparent;
  border-radius: 16px;
  box-shadow: 0 0 0 .5em transparent;
  font-weight: 600;
  gap: .5em;
  text-decoration: none;
  transition: color var(--demo33-button-duration) var(--demo33-button-ease),
    background-color var(--demo33-button-duration) var(--demo33-button-ease),
    box-shadow var(--demo33-button-duration) var(--demo33-button-ease);
}
.home-main .section-heading > a .d33-button-icon { min-width: 24px; margin: 0; font-size: 1.4em; }
.home-main :is(.products-section, .trending-section, .resources-section) .section-heading > a:is(:hover, :focus, :active) {
  color: var(--demo33-button-hover);
  background: var(--demo33-button-fill);
  box-shadow: 0 0 0 .65em var(--demo33-button-fill);
  text-decoration: none;
}

/* The source has one filled capsule around two transparent circles. */
.slider-buttons {
  height: 48px;
  padding: 4px;
  gap: 0;
  border-radius: 40px;
  background: var(--demo33-button-fill);
}
.slider-buttons button {
  position: relative;
  min-width: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--demo33-button-ink);
  background: transparent;
  border: 0;
  border-radius: 50%;
  transition: background-color var(--demo33-button-duration) var(--demo33-button-ease);
}
.slider-buttons button:hover { background: transparent; }
.slider-buttons .d33-button-arrow { transform: scale(.9); }

/* The banner circle rotates as a unit; its right arrow remains horizontal
 * inside the circle and performs the separate loop only over the circle. */
.home-main .resource-more > .d33-banner-button {
  position: absolute;
  left: 1.5vw;
  right: auto;
  bottom: 1.5vw;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--demo33-button-fill);
  text-decoration: none;
}
.home-main :is(.trending-card, .resource-hero, .resource-more) > :is(i, .d33-banner-button),
.home-main .trending-intro .round-arrow {
  color: inherit;
  opacity: 1;
  transform: rotate(-45deg);
  transition: color var(--demo33-button-duration) var(--demo33-button-ease),
    background-color var(--demo33-button-duration) var(--demo33-button-ease),
    transform var(--demo33-button-duration) var(--demo33-button-ease);
}
.home-main .resource-more > .d33-banner-button:hover,
.home-main .trending-intro .round-arrow:hover { opacity: 1; }
.home-main .resource-more > .d33-banner-button > .d33-button-icon,
.home-main .trending-intro .round-arrow > .d33-button-icon {
  opacity: 1;
  transform: none;
}
.home-main :is(.trending-card, .resource-hero, .resource-more):is(:hover, :focus-visible) > :is(i, .d33-banner-button),
.home-main .d33-banner-button:focus-visible,
.home-main .trending-intro .round-arrow:focus-visible,
.home-main .trending-intro:is(:hover, :focus-visible) .round-arrow {
  color: inherit;
  background: var(--demo33-button-fill);
  transform: rotate(0);
}
.home-main :is(.trending-card, .resource-hero, .resource-more) > :is(i, .d33-banner-button) .d33-button-arrow,
.home-main .trending-intro .round-arrow .d33-button-arrow { transform: scale(1.1); }
.home-main :is(.d33-banner-button, .round-arrow):focus-visible {
  outline: none;
  box-shadow: 0 0 0 5px var(--demo33-button-focus);
}

/* Match the source icon hover on presentation controls. The 2026-10-03
 * feedback requests a compact press ripple and no persistent mouse ring.
 * WooCommerce purchase, cart and checkout buttons keep their native styles. */
.catalog-gallery-open,
.product-card-media > .quickview-trigger {
  width: 56px;
  height: 56px;
  padding: 0;
  background: #fff0;
  color: color-mix(in srgb, #111013 98%, white);
}
.catalog-gallery-open {
  transition: background-color var(--demo33-button-duration) var(--demo33-button-ease);
}
.product-card-media > .quickview-trigger {
  transition: opacity var(--demo33-button-duration) var(--demo33-button-ease),
    transform var(--demo33-button-duration) var(--demo33-button-ease),
    background-color var(--demo33-button-duration) var(--demo33-button-ease);
}
.catalog-gallery-open > svg,
.product-card-media > .quickview-trigger > svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  stroke: none;
}
.catalog-gallery-open:hover,
.product-card-media > .quickview-trigger:hover { background: var(--demo33-button-fill); }
:is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
    .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
    .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
    .mobile-menu-toggle, .d33-mobile-search, .quickview-trigger) > :is(.d33-button-icon, svg) {
  transition: transform var(--demo33-button-duration) var(--demo33-button-ease),
    opacity var(--demo33-button-duration) var(--demo33-button-ease);
}
:is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
    .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
    .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
    .mobile-menu-toggle, .d33-mobile-search):hover { opacity: 1; }
:is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
    .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
    .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
    .mobile-menu-toggle, .d33-mobile-search):is(:focus-visible, :active),
.product-card-media > .quickview-trigger:is(:focus-visible, :active) {
  background: var(--demo33-button-fill);
  box-shadow: inset 0 0 0 5px var(--demo33-button-focus);
}
:is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
    .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
    .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
    .mobile-menu-toggle, .d33-mobile-search, .quickview-trigger)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--demo33-button-hover);
  pointer-events: none;
  opacity: 0;
  transform: scale(0);
}
:is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
    .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
    .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
    .mobile-menu-toggle, .d33-mobile-search):active::before,
.product-card-media > .quickview-trigger:active::before {
  animation: d33-control-click .18s ease-out 1;
}
/* Returning pointer focus after closing the dialog must not leave a press
 * ring behind. Keyboard navigation retains its visible focus indicator. */
.product-card-media > .quickview-trigger:focus:not(:focus-visible):not(:active) {
  box-shadow: none;
}
.catalog-product-gallery-nav { background: var(--demo33-button-fill); }
.catalog-product-gallery-nav .icon-button { background: transparent; }

/* Native mode buttons keep keyboard activation and an accessible state.
 * The independently rendered active label, icon, and pill travel together;
 * the compact layout keeps two equal icon buttons. */
.site-footer .theme-switch {
  position: relative;
  --demo33-mode-offset: 0px;
  --demo33-mode-width: 50%;
  --demo33-mode-duration: .35s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  height: 28.8px;
  padding: 0;
  gap: 0;
  border-radius: 14.4px;
  background: color-mix(in srgb, var(--demo33-button-neutral) 12%, transparent);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--demo33-button-neutral) 10%, transparent);
  color: var(--demo33-button-ink);
}
.site-footer .theme-switch .d33-mode-indicator {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--demo33-mode-width);
  height: 100%;
  padding: 0 10.4px;
  border-radius: inherit;
  background: #fff;
  color: var(--demo33-button-ink);
  font: 500 13.328px/1 var(--font-body);
  box-shadow: -3px 0 6px rgb(17 16 19 / 5%);
  transform: translateX(var(--demo33-mode-offset));
  opacity: 0;
  pointer-events: none;
}
.site-footer .theme-switch.d33-mode-ready .d33-mode-indicator { opacity: 1; }
.site-footer .theme-switch.d33-mode-slide .d33-mode-indicator {
  transition: transform var(--demo33-mode-duration) var(--demo33-button-ease);
}
.site-footer .theme-switch button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 36px;
  width: auto;
  height: 28.8px;
  padding: 0 10.4px;
  margin: 0;
  gap: 0;
  border: 0;
  border-radius: 14.4px;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: 500 13.328px/1 var(--font-body);
}
.site-footer .theme-switch button span { display: inline; font: inherit; }
.site-footer .theme-switch button svg,
.site-footer .theme-switch .d33-mode-indicator svg {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0 -.2rem 0 .2rem;
  stroke: none;
  background: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transition: transform var(--demo33-button-duration) var(--demo33-button-ease);
}
.site-footer .theme-switch button svg > *,
.site-footer .theme-switch .d33-mode-indicator svg > * { display: none; }
.site-footer .theme-switch button[data-theme=light] svg,
.site-footer .theme-switch .d33-mode-indicator[data-theme=light] svg {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='3' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M9 1.5V3m0 12v1.5M1.5 9H3m12 0h1.5M3.75 3.75l1 1m8.5 8.5 1 1m-10.5 0 1-1m8.5-8.5 1-1' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.site-footer .theme-switch button[data-theme=dark] svg,
.site-footer .theme-switch .d33-mode-indicator[data-theme=dark] svg {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 1a8 8 0 1 0 8 8c0-.4 0-.8-.1-1.2a4.9 4.9 0 0 1-3.9 2A4.8 4.8 0 0 1 8.2 5c0-1.6.8-3 2-3.9C9.8 1 9.4 1 9 1Zm-2.3 2.2A6.2 6.2 0 1 0 14.8 11.3a6.6 6.6 0 0 1-8.1-8.1Z' fill='black' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.site-footer .theme-switch button[aria-pressed=true] {
  background: #fff;
  color: var(--demo33-button-ink);
  box-shadow: -3px 0 6px rgb(17 16 19 / 5%);
}
.site-footer .theme-switch.d33-mode-ready button[aria-pressed=true] {
  background: transparent;
  box-shadow: none;
}
.site-footer .theme-switch.d33-mode-ready button[aria-pressed=true] svg { visibility: hidden; }
.site-footer .theme-switch button:focus:not(:focus-visible) { outline: none; }
.site-footer .theme-switch button:focus-visible {
  outline: 2px solid var(--demo33-button-hover);
  outline-offset: 2px;
}
html[data-theme=dark] .site-footer .theme-switch {
  background: color-mix(in srgb, var(--demo33-button-neutral) 12%, transparent);
}
html[data-theme=dark] .site-footer .theme-switch button[aria-pressed=true] {
  background: color-mix(in srgb, #111013 70%, white);
  color: #fff;
}
html[data-theme=dark] .site-footer .theme-switch .d33-mode-indicator {
  background: color-mix(in srgb, #111013 70%, white);
  color: #fff;
}
html[data-theme=dark] .site-footer .theme-switch.d33-mode-ready button[aria-pressed=true] {
  background: transparent;
  box-shadow: none;
}
@media (min-width: 1181px) {
  .site-footer .theme-switch button[aria-pressed=false] svg { display: none; }
}
@media (max-width: 1180px) {
  .site-footer .theme-switch {
    min-width: 72px;
    height: 36px;
    border-radius: 36px;
    background: color-mix(in srgb, var(--demo33-button-neutral) 25%, white);
  }
  .site-footer .theme-switch button { min-width: 36px; width: 36px; height: 36px; padding: 0; border-radius: 50%; }
  .site-footer .theme-switch button span,
  .site-footer .theme-switch .d33-mode-indicator span { display: none; }
  .site-footer .theme-switch button svg,
  .site-footer .theme-switch .d33-mode-indicator svg { margin: 0; transform: scale(1.1); }
  .site-footer .theme-switch .d33-mode-indicator { padding: 0; border-radius: 50%; box-shadow: 1px 1px 6px rgb(17 16 19 / 5%); }
  html[data-theme=dark] .site-footer .theme-switch { background: color-mix(in srgb, #111013 92%, white); }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .home-main .pill-link:hover .d33-button-icon,
  .home-main .section-heading > a:hover .d33-button-icon,
  .home-main :is(.trending-card, .resource-hero, .resource-more) > :is(i, .d33-banner-button):hover .d33-button-icon,
  .home-main .trending-intro .round-arrow:hover .d33-button-icon,
  body.woocommerce .catalog-fidelity-product div.catalog-product .summary-cart .reset_variations:hover::before {
    animation: d33-button-arrow-loop var(--demo33-button-duration) ease-out 1;
  }
  :is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
      .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
      .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
      .mobile-menu-toggle, .d33-mobile-search, .quickview-trigger):hover > :is(.d33-button-icon, svg) {
    opacity: .75;
    transform: scale3d(1.06, 1.06, 1.06);
  }
  .site-footer .theme-switch button[aria-pressed=true]:hover svg { transform: scale(1.06); }
  .site-footer .theme-switch:has(button[aria-pressed=true]:hover) .d33-mode-indicator svg { transform: scale(1.06); }
}
@keyframes d33-button-arrow-loop {
  0% { transform: translateX(0); }
  30% { opacity: 0; }
  31% { transform: translateX(20px); }
  32% { transform: translateX(-20px); }
  84% { opacity: 1; }
  100% { transform: translateX(0); }
}
@keyframes d33-control-click {
  from { transform: scale(.85); opacity: .1; }
  to { transform: scale(1.35); opacity: 0; }
}
html[data-theme=dark] {
  --demo33-button-ink: color-mix(in srgb, white 75%, transparent);
  --demo33-button-neutral: color-mix(in srgb, white 50%, transparent);
}
@media (max-width: 1180px) {
  .home-main .resource-more > .d33-banner-button { left: 16px; bottom: 16px; }
}
@media (max-width: 768px) {
  .home-main .resource-more > .d33-banner-button { left: 12px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer .theme-switch { --demo33-mode-duration: 0s; }
  .home-main .pill-link,
  body.woocommerce .catalog-fidelity-product div.catalog-product .summary-cart .reset_variations,
  body:not(.woocommerce-cart):not(.woocommerce-checkout) .site-shell .product-card-media > .product-actions .product-action,
  .catalog-gallery-open,
  .product-card-media > .quickview-trigger,
  .home-main .section-heading > a,
  .home-main :is(.trending-card, .resource-hero, .resource-more) > :is(i, .d33-banner-button),
  .home-main .trending-intro .round-arrow,
  .d33-button-icon,
  .header-tools .icon-button:not(.cart-toggle) > svg,
  .catalog-gallery-open > svg,
  .catalog-gallery-close > svg,
  .site-footer .theme-switch button svg,
  .site-footer .theme-switch .d33-mode-indicator svg,
  :is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
      .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
      .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
      .mobile-menu-toggle, .d33-mobile-search, .quickview-trigger) > :is(.d33-button-icon, svg) { transition: none; }
  :is(.slider-buttons button, [data-catalog-product-prev], [data-catalog-product-next],
      .catalog-gallery-prev, .catalog-gallery-next, .catalog-gallery-open,
      .catalog-gallery-close, .header-tools .icon-button:not(.cart-toggle),
      .mobile-menu-toggle, .d33-mobile-search, .quickview-trigger):active::before { animation: none; }
  body.woocommerce .catalog-fidelity-product div.catalog-product .summary-cart .reset_variations:hover::before { animation: none; }
}