.header__contact{display:flex;align-items:center;justify-content:center;gap:1rem}.header__icon--email,.header__icon--whatsapp{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:auto;font-size:1.2rem}.header__icon--email>span.svg-wrapper,.header__icon--whatsapp>span.svg-wrapper{width:3.5rem;height:3.5rem}.header__icon--email>span.svg-wrapper{color:var(--color-primary)}.header__icon--whatsapp>span.svg-wrapper{color:#25d366}.contact-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center}.contact-modal[hidden]{display:none}.contact-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.contact-modal__content{position:relative;background-color:rgb(var(--color-background));border-radius:.8rem;box-shadow:0 1rem 3rem #0000004d;max-width:50rem;width:calc(100% - 3rem);max-height:calc(100vh - 3rem);display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.contact-modal__header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.contact-modal__header h2{margin:0;font-size:2rem;color:rgb(var(--color-foreground))}.contact-modal__close{background:none;border:none;padding:.5rem;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.contact-modal__close:hover{color:rgb(var(--color-foreground))}.contact-modal__body{padding:2rem;flex:1;overflow-y:auto}.contact-modal__body p{margin:0;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.contact-modal__footer{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.1);justify-content:flex-end}.contact-modal__footer .button{margin:0;min-width:12rem}[dir=rtl] .contact-modal__header h2{text-align:right}@media screen and (max-width: 749px){.contact-modal__content{width:calc(100% - 2rem);max-height:calc(100vh - 2rem)}.contact-modal__header{padding:1.5rem 1.5rem 1rem}.contact-modal__header h2{font-size:1.8rem}.contact-modal__body{padding:1.5rem}.contact-modal__body p{font-size:1.4rem}.contact-modal__footer{padding:1rem 1.5rem 1.5rem;flex-direction:column}.contact-modal__footer .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/contact-modal.css.map */