.split-banner{position:relative;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;margin-bottom:0;overflow:hidden}.banner-half{flex:0 0 50%;min-height:490px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:flex-start;padding:40px;color:#fff;box-sizing:border-box;position:relative;overflow:hidden;transition:filter .3s ease,transform .3s ease;transform-origin:center center}.banner-half:hover{transform:scale(1.04);filter:brightness(.85)}.banner-half:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;z-index:1}.banner-half:nth-child(1):before{background:linear-gradient(to right,rgba(0,0,0,.3) 0%,transparent 60%)}.banner-half:nth-child(2):before{background:linear-gradient(to left,rgba(0,0,0,.3) 0%,transparent 60%)}.banner-half:active:before{opacity:.7}.banner-half:active{filter:brightness(.75)}.banner-content{position:relative;z-index:2;padding:20px;max-width:90%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:transparent;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.banner-content h2{font-size:2rem;font-weight:700;margin:0;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.8)}.banner-content p{font-size:1.125rem;margin:0;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.banner-content a{background:linear-gradient(90deg,#fff,#e6f4ff);color:#000;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:700;transition:background .3s ease,box-shadow .3s ease;box-shadow:0 3px 12px #00000040}.banner-content a:hover{background:linear-gradient(90deg,#e6f4ff,#fff);box-shadow:0 6px 20px #00000059;color:#000}.banner-half:nth-child(1) .banner-content{animation-delay:.2s}.banner-half:nth-child(2) .banner-content{animation-delay:.5s}.split-banner .banner-content a{transition:transform .1s ease-out,box-shadow .1s ease-out}.split-banner .banner-content a:active{transform:scale(.95);box-shadow:inset 0 2px 4px #0003!important}.banner-content a{-webkit-tap-highlight-color:transparent}@media (max-width: 749px){.split-banner{flex-direction:column;overflow:hidden}.banner-half{width:100%;min-height:60vh;padding:20px}.banner-half:nth-child(1):before,.banner-half:nth-child(2):before{opacity:0}.banner-content{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.banner-half:nth-child(1) .banner-content{animation-delay:.2s}.banner-half:nth-child(2) .banner-content{animation-delay:.5s}}
/*# sourceMappingURL=/cdn/shop/t/163/compiled_assets/styles.css.map */