.m-eu-banner-box__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media screen and (max-width: 1024px){.m-eu-banner-box__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media screen and (max-width: 767px){.m-eu-banner-box__grid{grid-template-columns:repeat(2,1fr);gap:12px}}.m-eu-banner-box__item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1}.m-eu-banner-box__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.m-eu-banner-box__image{position:absolute;top:0;left:0;width:100%;height:100%}.m-eu-banner-box__image .m-media{width:100%;height:100%}.m-eu-banner-box__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.m-eu-banner-box__link:hover .m-eu-banner-box__image img{transform:scale(1.05)}.m-eu-banner-box__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:opacity .3s ease}.m-eu-banner-box__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;align-items:center;justify-content:center}.m-eu-banner-box__placeholder .m-placeholder-svg{opacity:.3;max-width:60%;max-height:60%}.m-eu-banner-box__content{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:24px 20px;text-align:left}@media screen and (max-width: 767px){.m-eu-banner-box__content{padding:16px 12px}}.m-eu-banner-box__badge{font-size:var(--badge-font-size, 12px);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;opacity:.9}.m-eu-banner-box__subtitle{font-size:var(--subtitle-font-size, 18px);font-weight:400;line-height:1.4;margin-bottom:8px;opacity:.95}.m-eu-banner-box__title{font-size:24px;font-weight:600;line-height:1.2;margin:0 0 4px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.m-eu-banner-box__subtitle{font-size:14px;font-weight:400;line-height:1.4;margin:0;opacity:.9;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media screen and (max-width: 767px){.m-eu-banner-box__title{font-size:18px}.m-eu-banner-box__subtitle{font-size:12px}}.m-eu-banner-box__button{margin-top:8px}.m-eu-banner-box__button .m-button{font-size:var(--button-font-size, 16px);font-weight:600;text-decoration:none;display:inline-block;padding:14px 32px;border-radius:6px;transition:all .3s ease;border:2px solid transparent;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}@media screen and (max-width: 767px){.m-eu-banner-box__button .m-button{padding:12px 24px}}.m-eu-banner-box__button .m-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.m-eu-banner-box__button .m-button.m-button--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.m-eu-banner-box__button .m-button.m-button--secondary{background:transparent;color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.m-eu-banner-box__button .m-button.m-button--white{background-color:#fff;color:#000;border-color:#fff}.m-eu-banner-box__button .m-button.m-button--link{background:transparent;border:none;text-decoration:underline;text-underline-offset:4px;padding:8px 0;box-shadow:none}.m-eu-banner-box__button .m-button.m-button--link:hover{transform:none;box-shadow:none;text-decoration-thickness:2px}.m-eu-banner-box__button .m-button.m-button--small{padding:10px 20px;font-size:calc(var(--button-font-size, 16px) - 2px)}.m-eu-banner-box__button .m-button.m-button--large{padding:18px 40px;font-size:calc(var(--button-font-size, 16px) + 2px)}.m-eu-banner-box__background .m-media__wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.m-eu-banner-box__background picture{display:block;width:100%;height:100%}.m-eu-banner-box__content.m-scroll-trigger{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.m-eu-banner-box__content.m-scroll-trigger.animate--fade-in,.m-eu-banner-box__content.m-scroll-trigger.animate--fade-in-up{opacity:1;transform:translateY(0)}.m-eu-banner-box__content.m-scroll-trigger.animate--fade-in-left,.m-eu-banner-box__content.m-scroll-trigger.animate--fade-in-right{opacity:1;transform:translate(0)}.m-eu-banner-box__content.m\:text-left{text-align:left;align-items:flex-start}.m-eu-banner-box__content.m\:text-center{text-align:center;align-items:center}.m-eu-banner-box__content.m\:text-right{text-align:right;align-items:flex-end}.m-eu-banner-box.m-color-1,.m-eu-banner-box.m-color-2{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.m-eu-banner-box__button .m-button:focus{outline:2px solid #4A90E2;outline-offset:2px}@media (prefers-contrast: high){.m-eu-banner-box__wrapper,.m-eu-banner-box__button .m-button{border:2px solid currentColor}.m-eu-banner-box__overlay{opacity:.8}}@media (prefers-reduced-motion: reduce){.m-eu-banner-box__background img,.m-eu-banner-box__button .m-button{transition:none}.m-eu-banner-box:hover .m-eu-banner-box__background img,.m-eu-banner-box__button .m-button:hover{transform:none}}@media screen and (min-width: 1200px){.m-eu-banner-box__content{max-width:900px}}@media screen and (max-width: 480px){.m-eu-banner-box__wrapper{border-radius:8px}.m-eu-banner-box__content{gap:12px}.m-eu-banner-box__title{margin-bottom:12px}.m-eu-banner-box__description{margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/eu-banner-box.css.map */