.asp{--line: color-mix(in srgb, var(--asp-ink) 16%, transparent);font-family:var(--airo-font-body);font-weight:300;color:var(--asp-ink)}.asp *{box-sizing:border-box}.asp :is(h2,p,span,b,small,li,ol,div,em){color:inherit}.asp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;padding:16px;background:#14141280;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.asp.is-open .asp-overlay{opacity:1;visibility:visible}.asp-card{position:relative;width:100%;max-width:860px;max-height:calc(100vh - 32px);overflow:auto;background:var(--asp-bg);display:grid;grid-template-columns:1fr;box-shadow:0 30px 80px #00000059;transform:translateY(18px) scale(.98);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.asp.is-open .asp-card{transform:none}@media(min-width:720px){.asp-card{grid-template-columns:1fr 1.1fr}}.asp-visual{position:relative;min-height:220px;overflow:hidden;background:var(--airo-card-gradient, #dcd6cf)}@media(min-width:720px){.asp-visual{min-height:480px}}.asp-visual img,.asp-visual video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.asp-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35) 100%)}.asp-badge{position:absolute;left:20px;bottom:18px;z-index:2;font-family:var(--airo-font-display);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:#fff!important}.asp-body{position:relative;padding:52px 40px 40px;display:flex;flex-direction:column;justify-content:center}.asp-eyebrow{margin:0 0 18px;font-family:var(--airo-font-display);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--airo-muted, #6b6560)!important;font-weight:400}.asp h2{font-family:var(--airo-font-display);font-weight:200;margin:0 0 16px;font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;color:var(--asp-head)!important}.asp h2 em{font-style:normal;color:var(--airo-soft, #8b8580)!important}.asp-text{line-height:1.65;margin:0 0 26px;font-size:15px;color:var(--airo-muted, #6b6560)!important}.asp-steps{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}.asp-steps li{display:grid;grid-template-columns:34px 1fr;align-items:baseline;font-size:14px}.asp-steps b{font-family:var(--airo-font-display);font-weight:300;font-size:12px;color:var(--airo-soft, #8b8580)!important}.asp-steps li+li{padding-top:12px;border-top:1px solid var(--line)}.asp-btn{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:0 24px;text-decoration:none;background:var(--asp-ink);color:var(--asp-bg)!important;font-family:var(--airo-font-display);font-weight:400;letter-spacing:2.2px;text-transform:uppercase;font-size:11px;transition:background .25s}.asp-btn:hover{background:var(--airo-accent, #483c32)}.asp-band{grid-column:1 / -1;background:var(--asp-band);color:var(--asp-bg)!important;padding:14px 20px;text-align:center;font-family:var(--airo-font-display);font-size:10px;letter-spacing:2.4px;text-transform:uppercase}.asp-later{display:block;margin:16px auto 0;background:none;border:0;cursor:pointer;color:var(--asp-ink);opacity:.6;font:inherit;font-family:var(--airo-font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase}.asp-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border:0;background:none;cursor:pointer;color:var(--asp-ink);font-size:26px;line-height:1;opacity:.8}.asp :is(.asp-close,.asp-btn,.asp-later,.asp-sheet a,.asp-sheet button,.asp-tab):focus-visible{outline:2px solid var(--asp-ink);outline-offset:3px}@media(max-width:719px){.asp-body{padding:40px 28px 30px}}.asp-sheet{position:fixed;left:12px;right:12px;bottom:12px;z-index:9998;display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;background:var(--asp-bg);box-shadow:0 12px 40px #00000040;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.asp.is-sheet .asp-sheet{transform:none}.asp-sheet p{flex:1;margin:0;font-size:14px;line-height:1.4}.asp-sheet p strong{display:block;font-family:var(--airo-font-display);font-weight:400;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:2px}.asp-sheet a{flex:none;padding:12px 14px;background:var(--asp-ink);color:var(--asp-bg)!important;text-decoration:none;font-family:var(--airo-font-display);font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.asp-sheet button{flex:none;width:28px;height:28px;padding:0;border:0;background:none;color:var(--asp-ink);font-size:22px;line-height:1;cursor:pointer;opacity:.7}.asp-tab{position:fixed;right:0;top:50%;z-index:9990;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;padding:18px 10px;background:var(--asp-ink);color:var(--asp-bg)!important;text-decoration:none;font-family:var(--airo-font-display);font-size:10px;letter-spacing:2.2px;text-transform:uppercase;transition:padding .25s}.asp-tab:hover{padding-right:14px}.asp.is-open .asp-tab,.asp.is-sheet .asp-tab{display:none}@media(max-width:719px){.asp-tab{display:none}}@media(prefers-reduced-motion:reduce){.asp-overlay,.asp-card,.asp-sheet{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/airo-scent-popup.css.map */
