.sticky-bar{position:fixed;bottom:0;left:0;width:100%;z-index:50;background:linear-gradient(135deg,#fffffffa,#faf8f6fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 24px #00000014,0 -1px #b4176c14;border-top:2px solid var(--wine-primary, #b4176c);transform:translateY(100%);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease;will-change:transform}.sticky-bar--visible{transform:translateY(0);opacity:1}.sticky-bar--hidden{transform:translateY(110%);opacity:0;pointer-events:none}.sticky-bar__inner{display:flex;align-items:center;justify-content:center;gap:1.75rem;max-width:960px;margin:0 auto;padding:.75rem 2.5rem .75rem 1.5rem;position:relative}.sticky-bar__selector{display:flex;flex-shrink:0;background:var(--bg-soft, #f5f1ed);border-radius:40px;padding:3px;gap:0}.sticky-bar .sticky-bar__option{position:relative;display:flex;align-items:center;justify-content:center;padding:.4rem 1.15rem;border:none;border-radius:40px;background:transparent!important;color:var(--text-muted, #999)!important;font-family:"Exo",var(--font-heading, sans-serif)!important;font-size:.82rem!important;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;white-space:nowrap;line-height:1.3;height:auto!important;transition:all .25s cubic-bezier(.16,1,.3,1)}.sticky-bar .sticky-bar__option:hover:not(.sticky-bar__option--active){color:var(--text-body, #333)!important}.sticky-bar .sticky-bar__option--active{background:var(--wine-primary, #b4176c)!important;color:#fff!important;box-shadow:0 2px 8px #b4176c40}.sticky-bar__option-label{pointer-events:none}.sticky-bar__badge{position:absolute;top:-9px;right:-4px;background:var(--wine-teal, #008471);color:#fff;font-family:"Exo",var(--font-heading, sans-serif);font-size:.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:8px;line-height:1.3;white-space:nowrap;box-shadow:0 2px 6px #0084714d;animation:sticky-badge-pulse 2.5s ease-in-out infinite}@keyframes sticky-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.sticky-bar__pricing{display:flex;flex-direction:row;align-items:baseline;gap:.4rem;flex-shrink:0}.sticky-bar__price-row{display:flex;align-items:baseline;gap:1px}.sticky-bar__currency{font-family:"Exo",var(--font-heading, sans-serif);font-weight:700;font-size:1.25rem;color:var(--text-primary, #1a1a1a);line-height:1}.sticky-bar__amount{font-family:"Exo",var(--font-heading, sans-serif);font-weight:800;font-size:2.1rem;color:var(--text-primary, #1a1a1a);line-height:1;transition:opacity .2s ease}.sticky-bar__period{font-family:var(--font-body, "Open Sans", sans-serif);font-weight:400;font-size:.8rem;color:var(--text-muted, #999);margin-left:2px}.sticky-bar__per-unit{font-family:var(--font-body, "Open Sans", sans-serif);font-size:.72rem;font-weight:500;color:var(--wine-teal, #008471);letter-spacing:.01em;transition:opacity .2s ease}.sticky-bar__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2.4rem;background:var(--wine-teal, #008471);color:#fff;border:none;border-radius:40px;font-family:"Exo",var(--font-heading, sans-serif);font-size:.95rem;font-weight:700;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.sticky-bar__cta:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:sticky-cta-shimmer 3s ease-in-out infinite}@keyframes sticky-cta-shimmer{0%,70%,to{left:-100%}85%{left:100%}}.sticky-bar__cta:hover{background:var(--wine-teal-hover, #006B5C);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #00847159}.sticky-bar__cta:active{transform:translateY(0);box-shadow:0 2px 8px #0084714d}.sticky-bar__cta-arrow{flex-shrink:0;transition:transform .25s ease}.sticky-bar__cta:hover .sticky-bar__cta-arrow{transform:translate(3px)}.sticky-bar__cta--loading{pointer-events:none;opacity:.8}.sticky-bar__cta--loading:after{animation:none}.sticky-bar__cta--success{background:#2ecc71;pointer-events:none}.sticky-bar__cta--success:after{animation:none}.sticky-bar .sticky-bar__close{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:none;color:var(--text-muted, #999);cursor:pointer;padding:4px;line-height:1;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sticky-bar .sticky-bar__close:hover{color:var(--text-primary, #1a1a1a);background:var(--bg-soft, #f5f1ed)}@media(max-width:767px){.sticky-bar__inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.4rem .75rem;padding:.6rem 2.25rem .65rem .85rem;max-width:100%;align-items:center}.sticky-bar__selector{grid-column:1 / -1;grid-row:1;justify-self:center;margin-right:1.25rem;margin-left:10px}.sticky-bar .sticky-bar__option{padding:.35rem 1rem;font-size:.83rem!important}.sticky-bar__badge{font-size:.52rem;padding:2px 5px;top:-8px;right:-3px}.sticky-bar__pricing{grid-column:1;grid-row:2;gap:.35rem}.sticky-bar__currency{font-size:1.1rem}.sticky-bar__amount{font-size:1.72rem}.sticky-bar__period{font-size:.72rem}.sticky-bar__per-unit{font-size:.67rem}.sticky-bar__cta{grid-column:2;grid-row:2;padding:.65rem 1.5rem;font-size:.9rem;gap:.4rem;align-self:center;justify-self:end}.sticky-bar__cta-arrow{width:14px;height:14px}.sticky-bar .sticky-bar__close{top:6px;right:6px;transform:none}.sticky-bar__close svg{width:12px;height:12px}}@media(max-width:374px){.sticky-bar .sticky-bar__option{padding:.3rem .75rem;font-size:.75rem!important}.sticky-bar__amount{font-size:1.5rem}.sticky-bar__currency{font-size:1rem}.sticky-bar__cta{padding:.55rem 1.1rem;font-size:.78rem}.sticky-bar__cta-arrow{display:none}}@media(prefers-reduced-motion:reduce){.sticky-bar{transition:none}.sticky-bar__cta:after{animation:none}.sticky-bar__badge{animation:none}}@media print{.sticky-bar{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/312/assets/sticky-subscription-bar.css.map */