/* Small, finite motions that complement the existing PuffiPet layout. */
:root{--pp-motion-ease:cubic-bezier(.22,1,.36,1)}
.button,.footer-inquiry{transition:transform .25s var(--pp-motion-ease),background-color .25s ease,color .25s ease,box-shadow .25s ease}
.button>span[aria-hidden],.text-link>span[aria-hidden],.footer-inquiry>span[aria-hidden],.footer-about-link>span[aria-hidden],.catalog-card-body>a>span[aria-hidden]{display:inline-block;transition:transform .3s var(--pp-motion-ease)}
.product-card,.catalog-card{transition:transform .35s var(--pp-motion-ease),box-shadow .35s ease,border-color .35s ease}
.catalog-photo-stage{transition:transform .65s var(--pp-motion-ease)}
.product-card b{transition:transform .3s var(--pp-motion-ease),background-color .3s ease,border-color .3s ease}
.process-list li{transition:background-color .3s ease}
.site-header .header-submenu{transition:opacity .22s ease,transform .28s var(--pp-motion-ease),visibility .22s ease}
.site-header .main-nav [data-header-link]::after{transform-origin:left;transition:opacity .2s ease,transform .3s var(--pp-motion-ease)}
.button:focus-visible>span[aria-hidden],.text-link:focus-visible>span[aria-hidden],.footer-inquiry:focus-visible>span[aria-hidden]{transform:translateX(4px)}
@media(hover:hover) and (pointer:fine){
 .product-card:hover,.catalog-card:hover{transform:translateY(-6px);border-color:#cbb8c0;box-shadow:0 18px 36px rgba(48,41,44,.10)}
 .catalog-card:hover .catalog-photo-stage{transform:scale(1.018)}
 .product-card:hover b{transform:translateX(3px);background:var(--mint);border-color:var(--mint)}
 .button:hover>span[aria-hidden],.text-link:hover>span[aria-hidden],.footer-inquiry:hover>span[aria-hidden],.footer-about-link:hover>span[aria-hidden],.catalog-card-body>a:hover>span[aria-hidden]{transform:translateX(4px)}
 .footer-inquiry:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(48,41,44,.06)}
 .process-list li:hover{background:rgba(241,215,220,.23)}
}
@keyframes pp-hero-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes pp-faq-open{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .home-hero .hero-media{animation:pp-hero-settle 1.5s var(--pp-motion-ease) both;transform-origin:65% 55%}
 .faq-list details[open]>p{animation:pp-faq-open .28s var(--pp-motion-ease) both}
}
@media(prefers-reduced-motion:reduce){
 .button,.footer-inquiry,.text-link>span,.footer-about-link>span,.catalog-card-body>a>span,.button>span,.footer-inquiry>span,.product-card,.catalog-card,.product-card b,.catalog-photo-stage,.process-list li,.site-header .header-submenu,.site-header .main-nav [data-header-link]::after{transition:none!important;animation:none!important}
 .product-card:hover,.catalog-card:hover,.footer-inquiry:hover,.button:hover,.catalog-card:hover .catalog-photo-stage,.product-card:hover b,.button:focus-visible>span,.text-link:focus-visible>span,.footer-inquiry:focus-visible>span,.button:hover>span,.text-link:hover>span,.footer-inquiry:hover>span,.footer-about-link:hover>span,.catalog-card-body>a:hover>span{transform:none!important}
 .home-hero .hero-media,.faq-list details[open]>p{animation:none!important;transform:none!important}
}