.molato-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:radial-gradient(circle at center,var(--molato-teal-2),var(--molato-teal-1) 55%,var(--molato-ink) 100%);clip-path:circle(0% at 50% 50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.molato-overlay.is-active{pointer-events:auto}.molato-overlay__panel{max-width:560px;padding:0 4rem;text-align:center;color:var(--molato-text-light);opacity:0;transform:translateY(1.4rem)}.molato-overlay__image{display:block;width:clamp(140px,32vw,220px);aspect-ratio:1;object-fit:cover;margin:0 auto 2.4rem;border:1px solid var(--molato-hairline-light)}.molato-overlay__image[hidden]{display:none}.molato-overlay__eyebrow{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.16em;color:var(--molato-teal-3);text-transform:uppercase;margin-bottom:1.8rem}.molato-overlay__title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(2.8rem,4vw,4.6rem);margin-bottom:1.8rem}.molato-overlay__desc{font-family:var(--font-body);font-size:1.55rem;line-height:1.7;color:#f4efe3d1;margin-bottom:2.6rem}.molato-overlay__price{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.05em;margin-bottom:3rem}.molato-overlay__actions{display:flex;align-items:center;justify-content:center;gap:1.4rem;flex-wrap:wrap}.molato-overlay__cta{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;background:var(--molato-text-light);color:var(--molato-ink);border:none;padding:1.6rem 2.6rem;text-decoration:none;display:inline-flex}.molato-overlay__link{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--molato-text-light);text-decoration:none;border-bottom:1px solid var(--molato-hairline-light);padding-bottom:.4rem}.molato-overlay__close{position:fixed;top:2.6rem;right:4.4rem;z-index:310;background:none;border:1px solid var(--molato-hairline-light);color:var(--molato-text-light);font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;padding:1rem 1.8rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease}.molato-overlay__close.is-active{opacity:1;pointer-events:auto}@media screen and (max-width:600px){.molato-overlay__close{top:1.6rem;right:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/molato-portal-overlay.css.map */