.hero-banner{background-image:url(/banner-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:60vh;margin-left:0;margin-right:0}@media (max-width:768px){.hero-banner{background-image:url(/banner-background-mobile.png);background-position:50%;background-size:cover;width:100%;min-height:50vh}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-banner h1,.hero-banner p,.hero-banner .flex a{opacity:0}.hero-banner.loaded h1{animation:.8s ease-out forwards fadeInUp}.hero-banner.loaded p{animation:.8s ease-out .2s forwards fadeInUp}.hero-banner.loaded .flex a{animation:.8s ease-out .4s forwards fadeInUp}
.product-series-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.product-series-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.product-series-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f61a 0%,#1e3a8a1a 100%);border-radius:1rem;transition:opacity .3s;position:absolute;inset:0}.product-series-card:hover:before{opacity:1}@media (max-width:768px){.product-series-card{height:auto;min-height:200px}.product-series-card:hover{transform:translateY(-4px)}}