teaser-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;background:#0000008c;z-index:9999;transition:opacity .3s ease;cursor:pointer}teaser-modal.active{opacity:1;visibility:visible}.teaser-modal__content{display:flex;background:#fff;border-radius:24px;overflow:hidden;max-width:900px;width:90%;box-shadow:0 8px 40px #00000026;cursor:default}.teaser-modal__image{width:50%;background-size:cover;background-position:center}.teaser-modal__image img{width:100%;height:100%;object-fit:cover}.teaser-modal__right{width:50%;padding:30px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.teaser-modal__close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:22px;cursor:pointer}.teaser-modal__right h2{font-size:36px;font-weight:700;margin-bottom:10px;line-height:1.1}.teaser-modal__right h3{font-size:28px;font-weight:600;margin-bottom:16px}.teaser-modal__right p{font-size:16px;color:#333;margin-bottom:30px;margin-top:5px}.teaser-modal__form{width:100%;display:flex;gap:10px}.teaser-modal__form input[type=email]{flex:1;padding:16px 20px;border:1px solid #ccc;border-radius:5px;font-size:16px;outline:none;transition:all .2s ease;height:50px}.teaser-modal__form input[type=email]:focus{border-color:#000}.teaser-modal__form button{background:rgb(var(--color-button));color:#fff;border:none;padding:16px 28px;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;width:150px;height:50px}.teaser-modal__form button:hover{background:#222}.teaser-modal__socials{margin-top:30px;display:flex;gap:20px}.teaser-modal__socials a{color:#000;font-size:20px;transition:opacity .2s ease}.teaser-modal__socials a:hover{opacity:.7}@media (max-width: 768px){.teaser-modal__content{flex-direction:column}.teaser-modal__image{width:100%;height:150px}.teaser-modal__right{width:100%;padding:20px}.teaser-modal__right h2{font-size:24px}.teaser-modal__right h3{font-size:20px}.teaser-modal__form button{width:100%}.teaser-modal__form{flex-direction:column;align-items:flex-start}.teaser-modal__image img{object-fit:contain}.teaser-modal__right p{margin-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/353/assets/teaser-modal.css.map */