:root{--motion-ease:cubic-bezier(.22,.61,.36,1);--motion-quick:240ms;--motion-soft:560ms}
.header{transition:box-shadow 380ms ease-out}.header.is-scrolled{box-shadow:0 5px 20px rgba(111,81,37,.065)}
.product-card,.quotation-card{transition:transform 420ms var(--motion-ease),box-shadow 420ms ease-out}
.product-image-button img,.quotation-card>img{transition:transform 560ms var(--motion-ease)}
.button,.add-button,.cart-toggle,.icon-button,.quantity-control button,.remove-button,.text-link,#main-nav a,.category-nav a{transition:transform var(--motion-quick) ease-out,background-color 280ms ease-out,color 280ms ease-out,box-shadow 280ms ease-out}
.category-nav a[aria-current="location"]{background:var(--rose);color:var(--ink);box-shadow:none}
.button:active,.add-button:active,.cart-toggle:active,.icon-button:active,.quantity-control button:active,.remove-button:active,.text-link:active,#main-nav a:active,.category-nav a:active{transform:scale(.98)}
dialog[open]{animation:gentle-dialog-in 360ms var(--motion-ease)}
.cart-dialog[open]{animation:gentle-cart-in 380ms var(--motion-ease)}
dialog[open]::backdrop{animation:gentle-backdrop-in 300ms ease-out}
@keyframes gentle-dialog-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes gentle-cart-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes gentle-backdrop-in{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){
  .product-card:hover,.quotation-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 25px rgba(111,81,37,.075)}
  .product-card:hover .product-image-button img,.quotation-card:hover>img{transform:scale(1.03)}
  .add-button:hover,.cart-toggle:hover,.text-link:hover{transform:translateY(-2px)}
}
@media(hover:none),(pointer:coarse){.product-image-button:hover img,.primary:hover{transform:none}.product-image-button:hover .image-label{opacity:0}}
@media(max-width:850px){#main-nav.open{animation:none}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .product-card:hover,.quotation-card:hover,.product-card:hover .product-image-button img,.quotation-card:hover>img,.button:active,.add-button:active,.cart-toggle:active,.icon-button:active,.quantity-control button:active,.remove-button:active,.text-link:active,#main-nav a:active,.category-nav a:active,.category-nav a:hover,.primary:hover,.add-button:hover,.cart-toggle:hover,.text-link:hover{transform:none!important}
}