/* Subtle interaction feedback; no continuous animation. */
.creator-credit{font-size:9px;color:#64715b;white-space:nowrap;text-underline-offset:3px}
.creator-credit:hover,.creator-credit:focus-visible{text-decoration:underline}
.price-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.button,.menu-toggle,.floating-wa,.text-link{transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){
  .price-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #163f3514;border-color:#94a384}
  .price-card.featured:hover{box-shadow:0 14px 30px #163f352b;border-color:#163f35}
  .floating-wa:hover{background:#1e573b;box-shadow:0 7px 24px #153a3440}
}
.price-card:focus-within{box-shadow:0 0 0 2px #b5954c55}
.button:active,.menu-toggle:active,.floating-wa:active,.text-link:active{transform:translateY(1px) scale(.98)}
#nav a{position:relative;transition:color .2s ease}
#nav a::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#b5954c;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
#nav a.is-active{color:#796022}
#nav a.is-active::after{transform:scaleX(1)}
@media(max-width:800px){#nav a::after{left:9px;right:9px;bottom:3px}}
@media(prefers-reduced-motion:reduce){
  .price-card,.button,.menu-toggle,.floating-wa,.text-link,#nav a,#nav a::after{transition:none!important}
  .price-card:hover,.button:hover,.button:active,.menu-toggle:active,.floating-wa:active,.text-link:active{transform:none}
}