:root{--hp-motion-fast:180ms;--hp-motion-normal:280ms;--hp-motion-ease:cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion:no-preference){
  a,button,.btn,input[type=submit],input[type=button]{transition:color var(--hp-motion-fast) ease,background-color var(--hp-motion-fast) ease,border-color var(--hp-motion-fast) ease,box-shadow var(--hp-motion-normal) ease,transform var(--hp-motion-normal) var(--hp-motion-ease)}
  :is(.product-card,.product-item,.product-box,.category-card,.card){transition:transform var(--hp-motion-normal) var(--hp-motion-ease),box-shadow var(--hp-motion-normal) ease,border-color var(--hp-motion-normal) ease}
  :is(.product-card,.product-item,.product-box,.category-card,.card):hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(15,38,62,.12)}
  :is(.product-card,.product-item,.product-box,.category-card,.card) img{transition:transform 420ms var(--hp-motion-ease)}
  :is(.product-card,.product-item,.product-box,.category-card,.card):hover img{transform:scale(1.025)}
  :is(.btn,button[type=submit],input[type=submit],.whatsapp-btn):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.12)}
  :is(.btn,button[type=submit],input[type=submit],.whatsapp-btn):active{transform:translateY(0)}
  :is(nav,.navbar,.main-nav) a:not(.btn){transition:color var(--hp-motion-fast) ease,opacity var(--hp-motion-fast) ease}
  :is(nav,.navbar,.main-nav) a:not(.btn):hover{opacity:.8}
  :is(main,.main-content) > :is(section,article){animation:hp-fade-up 550ms var(--hp-motion-ease) both}
  @keyframes hp-fade-up{from{opacity:.78;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #16815c;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}