promo-overlay{--promo-accent: #A01F46;--promo-radius: 20px;--promo-blur: 22px;--promo-saturate: 1.6;position:fixed;left:50%;bottom:var(--promo-bottom-offset, 16px);transform:translate(-50%);z-index:9998;width:min(420px,calc(100vw - 24px));pointer-events:none;opacity:0;transition:opacity .28s ease,transform .28s ease,bottom .28s ease}promo-overlay[data-visible=true]{opacity:1;pointer-events:auto}promo-overlay .po-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;padding:.85rem 1rem .85rem .85rem;border-radius:var(--promo-radius);background:#ffffff8c;backdrop-filter:blur(var(--promo-blur)) saturate(var(--promo-saturate));-webkit-backdrop-filter:blur(var(--promo-blur)) saturate(var(--promo-saturate));border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 30px -10px #00000040,0 0 0 1px #ffffff2e inset,0 30px 60px -20px color-mix(in srgb,var(--promo-accent) 35%,transparent);color:#111;font-family:inherit}promo-overlay .po-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff8c,#fff0 50%);pointer-events:none}promo-overlay .po-badge{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:54px;padding:0 .6rem;border-radius:14px;background:var(--promo-accent);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;box-shadow:0 6px 14px -4px color-mix(in srgb,var(--promo-accent) 50%,transparent),0 0 0 1px color-mix(in srgb,var(--promo-accent) 20%,transparent) inset;white-space:nowrap}promo-overlay .po-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}promo-overlay .po-title{display:flex;align-items:center;gap:.35rem;font-weight:600;font-size:.95rem;line-height:1.2;color:#111}promo-overlay .po-info-btn{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#0000001a;color:#444;font-size:.7rem;font-weight:700;line-height:1}promo-overlay .po-info-btn:hover{background:#0000002e}promo-overlay .po-code-row{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:#444}promo-overlay .po-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:700;font-size:.92rem;letter-spacing:.04em;color:#111;padding:.1rem .4rem;border-radius:6px;background:#00000012}promo-overlay .po-actions{position:relative;z-index:1;display:flex;align-items:center;gap:.4rem}promo-overlay .po-copy{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .85rem;border-radius:12px;font-weight:600;font-size:.85rem;background:var(--promo-accent);color:#fff;transition:filter .15s ease,transform .15s ease}promo-overlay .po-copy:hover{filter:brightness(1.07);transform:translateY(-1px)}promo-overlay .po-copy[data-copied=true]{background:#1f7a3a}promo-overlay .po-copy svg{width:14px;height:14px}promo-overlay .po-close{-webkit-appearance:none;appearance:none;border:0;background:#00000014;color:#333;width:28px;height:28px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}promo-overlay .po-close:hover{background:#00000029}promo-overlay .po-popover{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);width:min(340px,calc(100vw - 32px));padding:.85rem 1rem;border-radius:14px;background:#ffffffbf;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px -10px #0003;font-size:.82rem;color:#222;display:none}promo-overlay .po-popover[data-open=true]{display:block}promo-overlay .po-popover-row{display:flex;justify-content:space-between;gap:.5rem;padding:.2rem 0}promo-overlay .po-popover-row span:first-child{color:#666}promo-overlay .po-popover-row span:last-child{font-weight:600}@media(max-width:480px){promo-overlay .po-card{padding:.7rem .85rem .7rem .7rem}promo-overlay .po-badge{min-width:46px;height:46px;font-size:.95rem}promo-overlay .po-copy{padding:.5rem .7rem;font-size:.8rem}}@media(prefers-reduced-motion:reduce){promo-overlay{transition:none}promo-overlay .po-copy{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/promo-overlay.css.map */