/* Polaris One motion layer styles for Yaniela Hair Salon.
   Shadow colour set from her palette (deep sage). Content is fully
   visible if this file or the Motion script fails to load. */

/* Card hover lift */
.tile,.review-card{transition:transform .3s ease,box-shadow .3s ease}
.tile:hover,.tile:focus-visible,.review-card:hover{transform:translateY(-10px);box-shadow:0 18px 36px rgba(60,95,75,.28)}

/* Buttons get a gentle press feel, including the sticky bar links */
.btn,.stickybar a{transition:transform .15s ease}
.btn:active,.stickybar a:active{transform:scale(.97)}

/* Respect reduced motion at the CSS level as well as in JS */
@media (prefers-reduced-motion: reduce){
  .tile,.review-card,.btn,.stickybar a{transition:none}
  .tile:hover,.tile:focus-visible,.review-card:hover{transform:none}
}