body .banner{max-width:1200px;margin:0 auto 30px;border-radius:30px;overflow:hidden;position:relative;background-color:#f8f9fa;min-height:440px}body .banner__media{border-radius:30px;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}body .banner__media img,body .banner__media video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center bottom!important;display:block;position:absolute!important;top:0!important;left:0!important}body .banner__media video{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}body .banner__media video::-webkit-media-controls,body .banner__media video::-webkit-media-controls-start-playback-button,body .banner__media video::-webkit-media-controls-play-button,body .banner__media video::-webkit-media-controls-panel,body .banner__media video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}body .banner__media .banner__media-fallback{z-index:1!important;opacity:1!important}body .banner__media .banner__media-video{z-index:2!important;opacity:0;transition:opacity .4s ease-in-out}body .banner__media .banner__media-video.is-playing{opacity:1!important}@media(prefers-reduced-motion:reduce){body .banner__media .banner__media-video{display:none!important}body .banner__media .banner__media-fallback{display:block!important;opacity:1!important}}body .banner__content{max-width:1200px;padding:48px 40px 40px;display:flex;align-items:flex-start!important;justify-content:center;position:relative;z-index:4}body .banner__box{background:#fdfaf64d!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 8px 24px #18120c0a!important;padding:22px 42px!important;max-width:410px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin-top:10px!important;transition:all .3s ease}body .banner__heading{font-family:Nunito,sans-serif!important;font-size:38px!important;font-weight:800!important;color:#19110a!important;line-height:1.15!important;margin-bottom:14px!important;letter-spacing:-.01em!important;text-align:center!important;text-shadow:0 1px 3px rgba(255,255,255,.8),0 0 1px rgba(255,255,255,.6)!important}body .banner__buttons{margin:0!important;display:flex!important;justify-content:center!important}body .banner__buttons .button:before,body .banner__buttons .button:after,body .collection__view-all .button:before,body .collection__view-all .button:after{display:none!important;content:none!important;box-shadow:none!important;border:none!important}body .banner__buttons .button,body .collection__view-all .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;background-color:#fff!important;color:#19110a!important;border:1px solid #dcd7d2!important;border-radius:30px!important;font-family:Nunito,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;padding:14px 34px!important;min-height:48px!important;box-shadow:0 2px 6px #0000000d!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;outline:none!important;cursor:pointer!important;text-decoration:none!important;position:relative!important;z-index:1!important;box-sizing:border-box!important}body .banner__buttons .button{text-transform:uppercase!important;letter-spacing:.05em!important}body .collection__view-all{margin-top:2.5rem!important;margin-bottom:1.5rem!important}body .banner__buttons .button:hover,body .collection__view-all .button:hover{background-color:#ff6b35!important;border-color:#ff6b35!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #ff6b3552!important}body .banner__buttons .button:active,body .collection__view-all .button:active{background-color:#e55a2b!important;border-color:#e55a2b!important;color:#fff!important;transform:translateY(0) scale(.98)!important;box-shadow:0 2px 8px #e55a2b40!important}body .banner__buttons .button:focus-visible,body .collection__view-all .button:focus-visible{outline:2px solid #ff6b35!important;outline-offset:2px!important}@media screen and (max-width:989px){body .banner{border-radius:20px;margin-bottom:20px;min-height:380px!important;max-height:440px!important;height:auto!important}body .banner:before,body .banner .banner__media:before{padding-bottom:95%!important}body .banner__media img,body .banner__media video{object-position:52% bottom!important}body .banner__content{align-items:flex-start!important;padding:24px 16px 20px!important}body .banner__box{background:#fdfaf652!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;padding:16px 24px!important;border-radius:20px!important;max-width:88%!important;margin-top:0!important}body .banner__heading{font-size:24px!important;margin-bottom:10px!important}body .banner__buttons .button,body .collection__view-all .button{padding:10px 24px!important;font-size:13px!important;min-height:40px!important}}@media screen and (max-width:749px){body .banner{min-height:350px!important;max-height:410px!important}body .banner:before,body .banner .banner__media:before{padding-bottom:92%!important}body .collection__view-all{margin-top:1.8rem!important;margin-bottom:1rem!important}}@media screen and (max-width:360px){body .banner{min-height:330px!important}body .banner__box{padding:14px 18px!important}body .banner__heading{font-size:21px!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/petrashop-hero.css.map */