.announcement-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:transparent;opacity:0;pointer-events:none;transition:opacity .35s ease,background-color .35s ease}.announcement-popup-overlay.active{opacity:1;pointer-events:auto;background:#1111118c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.announcement-popup-container{position:relative;width:100%;max-width:var(--popup-max-width, 860px);background:#fff;border:2px solid #111111;border-radius:8px;box-shadow:8px 8px #111;overflow:visible;transform:translateY(18px) scale(.96);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s ease}.announcement-popup-overlay.active .announcement-popup-container{transform:translateY(0) scale(1);opacity:1}.announcement-popup-close{position:absolute;top:-12px;right:-12px;z-index:5;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#111;color:#fff;border:2px solid #111111;border-radius:4px;cursor:pointer}.announcement-popup-close:hover{background:var(--eco-pink, #ff3d9a);border-color:#111}.announcement-popup-close svg{width:16px;height:16px}.announcement-popup-body{display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:6px}.announcement-popup-media{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;padding:28px 20px;background-color:var(--popup-left-bg, #d1b4ff);background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:36px 36px;overflow:hidden}.announcement-popup-media img{position:relative;z-index:1;width:auto;max-width:78%;max-height:280px;height:auto;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(8px 10px 0 #111111)}.announcement-popup-book{position:relative;z-index:1;width:168px;min-height:228px;padding:1.15rem 1rem 1.05rem;background:var(--eco-sky, #9debff);border:2px solid #111111;border-radius:3px 10px 10px 3px;transform:rotate(-8deg);box-shadow:8px 10px #111;display:flex;flex-direction:column;justify-content:space-between}.announcement-popup-book__kicker{margin:0 0 .7rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.announcement-popup-book__title{margin:0;font-size:1.05rem;font-weight:800;line-height:1.12;text-transform:uppercase}.announcement-popup-book__brand{margin:1rem 0 0;font-size:.72rem;font-weight:800;letter-spacing:.08em}.announcement-popup-content{display:flex;flex-direction:column;justify-content:center;padding:28px 22px 24px;background:#fff;text-align:center}.announcement-popup-badge{display:inline-flex;align-self:center;margin:0 0 .75rem;padding:.32rem .75rem;border-radius:999px;background:var(--eco-pink, #ff3d9a);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.announcement-popup-title{margin:0 0 .7rem;font-family:var(--font-header-family);font-size:1.15rem;font-weight:800;line-height:1.2;text-transform:uppercase;color:#111}.announcement-popup-description{margin:0 0 1.15rem;font-size:.92rem;line-height:1.45;color:#222}.announcement-popup-description p{margin:0}.announcement-popup-form{display:flex;flex-direction:column;gap:.7rem}.announcement-popup-form input[type=email]{width:100%;padding:.82rem 1.15rem;border:2px solid #111111;border-radius:999px;background:#fff;color:#111;font:inherit;text-align:center;box-sizing:border-box}.announcement-popup-form input[type=email]::placeholder{color:#777}.announcement-popup-form input[type=email]:focus{outline:none;box-shadow:0 0 0 3px var(--eco-yellow-cta, #fff4a3)}.announcement-popup-submit{width:100%;padding:.82rem 1.2rem;border:2px solid #111111!important;border-radius:999px!important;background:var(--eco-btn-sale, #bbffb8)!important;color:#111!important;font:inherit;font-weight:800;cursor:pointer;box-shadow:none!important}.announcement-popup-submit:hover{background:var(--eco-btn-sale-hover, #7dca78)!important;color:#111!important}.announcement-popup-status{margin:0;padding:.7rem .85rem;border:2px solid #111111;border-radius:14px;font-size:.85rem;font-weight:600}.announcement-popup-status--ok{background:var(--eco-mint, #bbffb8)}.announcement-popup-thanks{display:flex;flex-direction:column;align-items:center;text-align:center}.announcement-popup-download{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:.35rem;padding:.82rem 1.2rem;border:2px solid #111111;border-radius:999px;background:var(--eco-btn-sale, #bbffb8);color:#111;font-weight:800;text-decoration:none}.announcement-popup-download:hover{background:var(--eco-btn-sale-hover, #7dca78);color:#111}.announcement-popup-status--err{background:#ffe3ec}.announcement-popup-socials{display:flex;justify-content:center;gap:.85rem;margin:1.15rem 0 .85rem}.announcement-popup-socials a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#111;text-decoration:none}.announcement-popup-socials a:hover{color:var(--eco-pink, #ff3d9a)}.announcement-popup-socials svg{width:18px;height:18px}.announcement-popup-dismiss{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:0 auto;padding:0;border:0;background:none;color:#111;font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}.announcement-popup-dismiss span{width:14px;height:14px;border:2px solid #111111;border-radius:3px;background:#fff}.announcement-popup-dismiss:hover{color:var(--eco-pink, #ff3d9a)}@media screen and (min-width:768px){.announcement-popup-body{grid-template-columns:1fr 1fr;min-height:420px}.announcement-popup-media{min-height:100%;padding:36px}.announcement-popup-media img{max-height:340px}.announcement-popup-book{width:200px;min-height:270px;padding:1.35rem 1.15rem}.announcement-popup-book__title{font-size:1.25rem}.announcement-popup-content{padding:40px 36px 32px}.announcement-popup-title{font-size:1.35rem}.announcement-popup-description{font-size:.98rem}}@media screen and (max-width:767px){.announcement-popup-overlay{padding:16px;align-items:flex-end}.announcement-popup-container{box-shadow:6px 6px #111}.announcement-popup-close{top:-10px;right:-6px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-announcement-popup.css.map */