.zuer-delay-banner{position:relative;width:100%;overflow:hidden;padding:var(--section-padding-top, 0) 0 var(--section-padding-bottom, 0)}.zuer-banner-container{position:relative;width:100%;min-height:300px;max-height:90vh;display:flex;align-items:center;justify-content:center}@media (min-width: 769px){.zuer-banner-container{aspect-ratio:2/1;height:auto}}@media (max-width: 768px){.zuer-banner-container{aspect-ratio:4/5;height:auto;min-height:400px;max-height:80vh}}.zuer-banner-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.1);transition:transform .1s ease-out;will-change:transform;z-index:1}.zuer-banner-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;animation:fadeIn 1s ease-in-out forwards;display:block}.zuer-banner-desktop{display:block}.zuer-banner-mobile{display:none}.zuer-banner-content{position:relative;z-index:10;color:#fff;text-align:center;max-width:90%;opacity:0;animation:fadeIn 1s ease-in-out .3s forwards;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.zuer-banner-heading{font-size:3rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);line-height:1.2}.zuer-banner-subtext{font-size:1.25rem;margin:0 0 2rem;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.7);max-width:600px}.zuer-banner-button{display:inline-block;padding:14px 28px;border:1px solid white;border-radius:8px;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;background:transparent;position:relative;overflow:hidden;z-index:1;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.zuer-banner-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease;z-index:-1}.zuer-banner-button:hover:before,.zuer-banner-button:focus:before{width:200px;height:200px}.zuer-banner-button:hover,.zuer-banner-button:focus{box-shadow:0 0 8px #ffffff4d,inset 0 0 8px #ffffff1a;transform:translateY(-2px);background:#ffffff0d;text-shadow:0 0 6px rgba(255,255,255,.5)}.zuer-banner-button:active{transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.zuer-banner-desktop{display:none}.zuer-banner-mobile{display:block}.zuer-banner-content{max-width:85%;padding:1.5rem}.zuer-banner-heading{font-size:2.2rem;margin-bottom:.75rem}.zuer-banner-subtext{font-size:1.1rem;margin-bottom:1.5rem}.zuer-banner-button{padding:12px 24px;font-size:.9rem}}@media (max-width: 480px){.zuer-banner-content{max-width:90%;padding:1rem}.zuer-banner-heading{font-size:1.8rem}.zuer-banner-subtext{font-size:1rem}.zuer-banner-button{padding:10px 20px;font-size:.8rem}}@media (min-width: 1200px){.zuer-banner-content{padding:3rem}.zuer-banner-heading{font-size:3.5rem}.zuer-banner-subtext{font-size:1.4rem}.zuer-banner-button{padding:16px 32px;font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/zuer-delay-banner.css.map */