.lpop[hidden]{display:none}.lpop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity .35s ease;background:#0000008c}.lpop.is-open{opacity:1}.lpop__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.lpop__panel{position:relative;width:min(32rem,80vw,calc(80vh * var(--lpop-ratio, .845)));border-radius:.4rem;background:#fff;box-shadow:0 1.6rem 4rem #00000040;transform:translateY(1.6rem) scale(.97);transition:transform .45s cubic-bezier(.22,1,.36,1)}.lpop.is-open .lpop__panel{transform:none}.lpop__media{display:block;overflow:hidden;border-radius:inherit}.lpop__img{display:block;width:100%;height:auto;max-width:100%}.lpop__ph{display:block;width:100%;aspect-ratio:420 / 497;background:#d9d9d9}.lpop__cta{position:absolute;left:0;right:0;bottom:6%;display:flex;justify-content:center}.lpop__btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;width:78%;min-height:4.4rem;padding:0 1.2rem;white-space:nowrap;background:#fff;color:var(--r2-ink, #2e2a27);font-family:var(--r2-sans, inherit);font-size:1.5rem;font-weight:500;letter-spacing:.06em;text-decoration:none;transition:opacity .2s ease}.lpop__btn:after{content:"";flex:0 0 auto;width:2.6rem;height:.9rem;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='10'%20viewBox='0%200%2050%2010'%3E%3Cpath%20d='M0%205h45M38%201l7%204'%20stroke='%232e2a27'%20fill='none'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.lpop__btn:hover{opacity:.88}.lpop__close{position:absolute;top:-1.4rem;right:-1.4rem;z-index:1;width:2.8rem;height:2.8rem;padding:0;border:0;border-radius:.2rem;background:#f0f0f0f2;cursor:pointer}.lpop__close span,.lpop__close span:before{content:"";position:absolute;top:50%;left:50%;width:1.4rem;height:1px;background:#2e2a27}.lpop__close span{transform:translate(-50%,-50%) rotate(45deg)}.lpop__close span:before{transform:translate(-50%,-50%) rotate(90deg)}@media screen and (min-width:750px){.lpop__panel{width:min(42rem,80vw,calc(80vh * var(--lpop-ratio, .845)))}.lpop__btn{width:56%;padding:0 1.6rem;gap:1.2rem}.lpop__btn:after{width:3.2rem}}@media(prefers-reduced-motion:reduce){.lpop,.lpop__panel{transition:none}}.hb-reco:not(:has(.hb-reco-card)) .hb-reco__head{display:none}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */