@view-transition{navigation:auto}
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.cart-count{display:inline-grid;place-items:center;transform-origin:center;line-height:1;min-width:22px;height:22px;padding:0 4px;margin:0;font-family:Arial,sans-serif;font-size:12px;flex-shrink:0}.cart-link{display:inline-flex;align-items:center;gap:7px}.cart-count[hidden]{display:none!important}
html{scroll-behavior:smooth}
button,a,input,select,summary{touch-action:manipulation}
.primary,.details,.thumb,.language-switch button,.pay-option,.contact-options a,.footer-contact-links a{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s var(--motion-ease)}
button:active:not(:disabled),.primary:active,.thumb:active{transform:scale(.975)}
input,select{transition:border-color .2s ease,box-shadow .2s ease}
input:focus,select:focus{box-shadow:0 0 0 3px #6eb78324}
.card-photo img{transition:transform .65s var(--motion-ease)}
@media(hover:hover){.product-card:hover .screen-photo img{transform:scale(1.025)}.product-card:hover .tracker-photo img{transform:scale(1.28)}}
dialog[open]:not(.cart-drawer){animation:modal-reveal .3s var(--motion-ease)}
dialog[open]::backdrop{animation:backdrop-reveal .25s ease}
.cart-drawer[open]{animation:cart-reveal .38s var(--motion-ease)}
.drawer-item{animation:item-reveal .3s var(--motion-ease) both}
.drawer-item:nth-child(2){animation-delay:45ms}
@keyframes modal-reveal{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes backdrop-reveal{from{opacity:0}to{opacity:1}}
@keyframes cart-reveal{from{opacity:.5;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
@keyframes item-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
::view-transition-old(root){animation:page-out .16s ease both}
::view-transition-new(root){animation:page-in .28s var(--motion-ease) both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}