/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 319:0 Unexpected "<"

**/
<style>
/* ==========================================================
   SIFA — PREMIUM CTA ANIMATION LAYER
   Add at the END of your existing CSS
========================================================== */


/* 1. SUBTLE IDLE BREATHING EFFECT */

:where(
  .button,
  .button-secondary,
  button[data-testid="standalone-add-to-cart"]
):not(.button-unstyled)
:not(.slideshow-control)
:not(.header-actions__action)
:not(.dropdown-localization__button)
:not(.skip-to-content-link)
:not(.close-button)
:not(.button-shopify-xr)
:not(.facets-toggle__button)
:not(.facets__clear-all) {

  animation:
    sifaCtaBreath 4.5s
    ease-in-out
    infinite;
}


/* Very subtle luxury breathing */
@keyframes sifaCtaBreath {

  0%,
  100% {
    box-shadow:
      0 7px 20px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -1px 0 rgba(255,255,255,.05);
  }

  50% {
    box-shadow:
      0 10px 28px rgba(0,0,0,.22),
      0 0 12px rgba(255,255,255,.07),
      inset 0 1px 0 rgba(255,255,255,.25),
      inset 0 -1px 0 rgba(255,255,255,.06);
  }
}


/* ==========================================================
   2. IMPROVED GLASS SHINE
========================================================== */

:where(
  .button,
  .button-secondary,
  button[data-testid="standalone-add-to-cart"]
):not(.button-unstyled)
:not(.slideshow-control)
:not(.header-actions__action)
:not(.dropdown-localization__button)
:not(.skip-to-content-link)
:not(.close-button)
:not(.button-shopify-xr)
:not(.facets-toggle__button)
:not(.facets__clear-all)::after {

  width: 18%;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,0.02) 25%,
      rgba(255,255,255,0.34) 50%,
      rgba(255,255,255,0.02) 75%,
      transparent 100%
    );

  filter: blur(0.5px);

  animation:
    sifaLuxurySweep 6s
    cubic-bezier(.45,0,.25,1)
    infinite;

  will-change: transform;
}


/* Shine passes once, then rests */
@keyframes sifaLuxurySweep {

  0%,
  24% {
    transform:
      translate3d(-150%,0,0)
      rotate(20deg);
  }

  44% {
    transform:
      translate3d(850%,0,0)
      rotate(20deg);
  }

  100% {
    transform:
      translate3d(850%,0,0)
      rotate(20deg);
  }
}


/* ==========================================================
   3. ICON MICRO MOTION
========================================================== */

:where(
  .button,
  .button-secondary,
  button[data-testid="standalone-add-to-cart"]
) svg {

  transform: translate3d(0,0,0);

  transition:
    transform 320ms
    cubic-bezier(.22,.61,.36,1);
}


/* ==========================================================
   4. PREMIUM DESKTOP HOVER
========================================================== */

@media (hover:hover) and (pointer:fine) {

  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  ):not(.button-unstyled)
  :not(.dummy) {}


  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  ):not(.button-unstyled):hover {

    /* Pause breathing while interacting */
    animation-play-state: paused;

    background: #ffffff !important;
    color: #090909 !important;

    border-color: #111111 !important;

    transform:
      translate3d(0,-3px,0)
      scale(1.008);

    box-shadow:
      0 14px 32px rgba(0,0,0,.20),
      0 4px 10px rgba(0,0,0,.08),
      inset 0 1px 0 rgba(255,255,255,.9) !important;
  }


  /* Stop automatic reflection while mouse is on CTA */
  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  ):not(.button-unstyled):hover::after {

    animation-play-state: paused;
  }


  /* Icon moves slightly toward action */
  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  ):not(.button-unstyled):hover svg {

    transform:
      translate3d(3px,0,0)
      scale(1.06);
  }

}


/* ==========================================================
   5. CLICK / TAP FEEDBACK
========================================================== */

:where(
  .button,
  .button-secondary,
  button[data-testid="standalone-add-to-cart"]
):not(.button-unstyled):active {

  animation-play-state: paused;

  transform:
    translate3d(0,1px,0)
    scale(.975);

  box-shadow:
    0 3px 10px rgba(0,0,0,.17),
    inset 0 2px 5px rgba(0,0,0,.16) !important;

  transition-duration: 90ms;
}


/* ==========================================================
   6. ADD TO CART ICON — EXTRA MICRO INTERACTION
========================================================== */

@media (hover:hover) and (pointer:fine) {

  button[data-testid="standalone-add-to-cart"]:hover
  .add-to-cart-icon {

    transform:
      translate3d(3px,-1px,0)
      scale(1.07);
  }

}


/* ==========================================================
   7. DISABLED / SOLD OUT
========================================================== */

:where(
  .button,
  .button-secondary,
  button[data-testid="standalone-add-to-cart"]
):disabled {

  animation: none !important;

  opacity: .45;

  transform: none !important;
}


/* ==========================================================
   8. MOBILE OPTIMIZATION
========================================================== */

@media (max-width:749px) {

  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  ):not(.button-unstyled) {

    /*
       Don't make mobile CTA overly active.
       Longer cycle = premium feel + better performance.
    */
    animation-duration: 5.5s;
  }


  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  ):not(.button-unstyled)::after {

    animation-duration: 7s;
  }

}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

@media (prefers-reduced-motion:reduce) {

  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  ),

  :where(
    .button,
    .button-secondary,
    button[data-testid="standalone-add-to-cart"]
  )::after {

    animation: none !important;
    transition: none !important;
  }
}
</style>