.vpd{--vpd-dark:#291F23;--vpd-coffee:#AB7B53;--vpd-beige:#E3C7B0;--vpd-cream:#F2F1F0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;visibility:hidden;pointer-events:none;font-family:Poppins,sans-serif;color:var(--vpd-dark)}.vpd.is-open{visibility:visible;pointer-events:auto}.vpd__bd{position:absolute;top:0;right:0;bottom:0;left:0;background:#291f2361;opacity:0;transition:opacity .45s ease}.vpd.is-open .vpd__bd{opacity:1}.vpd__card{position:absolute;left:50%;top:50%;width:min(860px,calc(100% - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);background:var(--vpd-cream);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;opacity:0;transform:translate(-50%,-46%);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.vpd.is-open .vpd__card{opacity:1;transform:translate(-50%,-50%)}.vpd__media{position:relative;background:var(--vpd-beige);min-height:440px}.vpd__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vpd__info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px 42px 42px;overflow:auto}.vpd__eyebrow{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--vpd-coffee)}.vpd__title{margin:0;font-size:clamp(22px,2.5vw,30px);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--vpd-dark);text-transform:none}.vpd__pres{margin:6px 0 0;font-size:13px;opacity:.7}.vpd__badge{margin:20px 0 0;padding:8px 16px;border-radius:999px;background:var(--vpd-beige);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1}.vpd__price{display:flex;align-items:baseline;gap:12px;margin:16px 0 0}.vpd__price s{font-size:14px;opacity:.5}.vpd__price b{font-size:22px;font-weight:700}.vpd__note{margin:16px 0 26px;font-size:12.5px;line-height:1.6;opacity:.7;max-width:30em}.vpd__cta{display:inline-flex;align-items:center;gap:14px;padding:15px 24px 15px 28px;background:var(--vpd-dark);color:var(--vpd-cream);border:1px solid var(--vpd-dark);font-size:12px;font-weight:600;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.vpd__cta:hover,.vpd__cta:focus-visible{background:var(--vpd-coffee);border-color:var(--vpd-coffee);color:var(--vpd-cream)}.vpd__cta:focus-visible{outline:2px solid var(--vpd-coffee);outline-offset:3px}.vpd__pod{height:40px;width:auto;aspect-ratio:97/420;object-fit:contain;flex:none;filter:brightness(2.6) saturate(.7)}.vpd__x{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid rgba(41,31,35,.25);background:#f2f1f0f0;color:var(--vpd-dark);cursor:pointer;transition:background-color .25s ease}.vpd__x:hover{background:var(--vpd-beige)}.vpd__x:focus-visible{outline:2px solid var(--vpd-coffee);outline-offset:2px}.vpd__x svg{width:16px;height:16px}.vpd-pill{position:fixed;left:16px;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:99990;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(41,31,35,.25);border-radius:999px;background:#f2f1f0f0;color:#291f23;font:600 10.5px/1 Poppins,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vpd-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#ab7b53}.vpd-pill:hover{background:#e3c7b0}.vpd-pill[hidden]{display:none}@media(max-width:700px){.vpd__bd{background:#291f2338}.vpd__card{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88vh;max-height:88dvh;border-radius:24px 24px 0 0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);transform:translateY(100%);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.vpd.is-open .vpd__card{transform:translateY(0)}.vpd__media{min-height:0;height:min(30vh,230px);height:min(30dvh,230px)}.vpd__info{align-items:flex-start;justify-content:flex-start;padding:22px 22px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.vpd__eyebrow{margin-bottom:10px}.vpd__title{font-size:21px}.vpd__badge{margin-top:14px}.vpd__note{margin:12px 0 18px}.vpd__cta{width:100%;justify-content:center}.vpd__x{top:12px;right:12px;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.vpd__card,.vpd__bd,.vpd__cta,.vpd__x{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/vaila-promo-dia.css.map */
