.custom-subscription-widget{--csw-primary: #693171;--csw-primary-light: color-mix(in srgb, var(--csw-primary) 70%, #ffffff);--csw-success: #43b89b;--csw-bg-selected: #FAF8FB;--csw-text: #000000;--csw-text-muted: #555555;--csw-border: #d0c0d6;--csw-radius: 12px;--csw-radio-size: 22px;margin:0;padding:0;font-family:Proxima Nova,proxima-nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.custom-subscription-widget *{font-family:inherit;box-sizing:border-box}.custom-subscription-widget .hidden{display:none!important}.csw-section-label{font-size:15px;font-weight:700;color:var(--csw-text);margin-bottom:10px;letter-spacing:.01em}.subscription-options{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.subscription-option{position:relative;border:1.5px solid var(--csw-border);border-radius:var(--csw-radius);padding:16px 16px 16px 52px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;background:#fff;display:block}.subscription-option:hover{border-color:var(--csw-primary)}.subscription-option--subscribe:not(.subscription-option--subscribe-simple){padding-top:44px;overflow:hidden}.subscription-option--subscribe-simple{padding-top:16px;padding-bottom:16px;overflow:visible}.subscription-option--subscribe-simple:after{top:50%;transform:translateY(-50%)}.subscription-option.is-selected,.subscription-option:has(.subscription-radio:checked){border-color:var(--csw-primary);background:var(--csw-bg-selected)}.subscription-radio{position:absolute;opacity:0;width:1px;height:1px}.subscription-option:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:16px;width:12px;height:12px;border-radius:50%;border:2px solid var(--csw-border);background:#fff;z-index:10;transition:border-color .2s ease,background .2s ease}.subscription-option--subscribe:not(.subscription-option--subscribe-simple):after{top:64px;transform:none}.subscription-option.is-selected:after,.subscription-option:has(.subscription-radio:checked):after{border-color:var(--csw-primary);background:radial-gradient(circle,var(--csw-primary) 46%,#fff 50%)}.subscription-header{position:absolute;top:0;left:-1px;right:-1px;background:var(--csw-primary);color:#fff;padding:6px 20px;font-size:13px;font-weight:600;letter-spacing:.03em;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center;z-index:1}.subscription-header__save{color:var(--csw-success);font-weight:700;font-size:13px}.subscription-badge-most-popular{position:absolute;top:34px;right:14px;background:var(--csw-success);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.03em;text-transform:uppercase;z-index:5}.subscription-content{position:relative;pointer-events:none}.subscription-content *{pointer-events:auto}.subscription-header-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px}.subscription-prices{display:flex;align-items:baseline;gap:8px}.subscription-content--onetime{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:0}.subscription-option--onetime{padding-top:16px;padding-bottom:16px}.subscription-option--onetime:after{top:50%;transform:translateY(-50%)}.subscription-title{font-size:16px;font-weight:600;color:var(--csw-text);margin:0;line-height:1.2}.price-compare{font-size:15px;color:var(--csw-primary-light);text-decoration:line-through;font-weight:400}.price-current{font-size:18px;font-weight:700;color:var(--csw-text)}.subscription-frequency{margin-bottom:22px}.subscription-option--subscribe-simple .subscription-frequency--simple{width:100%;margin:12px 0 0;padding:0;pointer-events:auto}.subscription-option--subscribe-simple .subscription-frequency--simple .subscription-frequency__label{margin-bottom:6px}.subscription-frequency__label{font-size:13px;font-weight:600;color:var(--csw-text);margin:0 0 8px}.subscription-frequency__buttons{display:flex;gap:8px;flex-wrap:wrap}.csw-freq-btn{padding:7px 16px;border-radius:6px;border:1.5px solid var(--csw-border);background:#fff;font-size:13px;font-weight:500;color:var(--csw-text-muted);cursor:pointer;transition:all .18s ease;line-height:1.3}.csw-freq-btn.is-active{background:var(--csw-text);border-color:var(--csw-text);color:#fff;font-weight:700}.subscription-benefits{display:grid;grid-template-columns:1fr;gap:6px 12px}.subscription-benefit-item{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--csw-text-muted);line-height:1.4}.subscription-benefit-item svg{flex-shrink:0;margin-top:1px;display:block}.csw-benefit-check{flex-shrink:0;line-height:0}.subscription-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:16px;background:#0009}.subscription-modal.is-open{display:flex!important}.subscription-modal-content{position:relative;z-index:999999;background:#fff;border-radius:16px;padding:50px 60px;max-width:752px;width:100%}.subscription-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--csw-text-muted);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.subscription-modal-close:hover{color:var(--csw-primary)}.subscription-modal-title{font-size:36px;font-weight:700;color:var(--csw-primary);margin:0 0 40px;text-align:center}.subscription-modal-benefits{display:flex;flex-direction:column;gap:24px}.subscription-benefit{display:flex;align-items:flex-start;gap:24px}.subscription-benefit-icon-box{width:80px;height:80px;min-width:80px;background:#f8f8f8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--csw-text-muted)}.subscription-benefit-icon-box svg{width:40px;height:40px}.subscription-benefit-content{flex:1;padding-top:4px}.subscription-benefit-title{font-size:18px;font-weight:700;color:var(--csw-primary);margin:0 0 6px}.subscription-benefit-text{font-size:14px;color:var(--csw-text-muted);line-height:1.6;margin:0}.subscription-modal-button{width:60%;max-width:400px;margin:40px auto 0;display:block;background:var(--csw-primary);color:#fff;border:none;border-radius:8px;padding:16px 40px;font-size:17px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.subscription-modal-button:hover{opacity:.9}@media(max-width:749px){.subscription-benefits{grid-template-columns:1fr}.subscription-modal{padding:0;align-items:flex-start}.subscription-modal-content{padding:32px 20px 40px;max-width:100%;border-radius:0;width:100%;min-height:100vh;overflow-y:auto}.subscription-modal-title{font-size:24px;margin-bottom:24px;text-align:left}.subscription-modal-benefits{gap:16px}.subscription-benefit-icon-box{width:60px;height:60px;min-width:60px}.subscription-benefit-icon-box svg{width:28px;height:28px}.subscription-benefit-title{font-size:16px}.subscription-benefit-text{font-size:13px}.subscription-modal-button{width:100%;max-width:none;margin-top:24px;padding:14px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/565/assets/component-inositol-subscription-widget.css.map */