subscription-toggle,.sub-toggle{display:flex;gap:var(--space-4);width:100%;margin-block:var(--space-6)}.sub-toggle__card{position:relative;flex:1 1 0;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);outline:none}.sub-toggle__card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sub-toggle__card-inner{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);height:100%}.sub-toggle__card--subscribe{border-color:var(--color-border-strong)}.sub-toggle__card--subscribe.is-selected{border-color:var(--color-primary);background-color:var(--color-primary-tint);box-shadow:0 0 0 4px #e05a1d26}.sub-toggle__card--onetime.is-selected{border-color:var(--color-text);box-shadow:var(--shadow-sm)}.sub-toggle__card-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.sub-toggle__card-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.sub-toggle__radio-dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);position:relative;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.sub-toggle__radio-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:transparent;transition:background var(--dur-fast) var(--ease-out)}.is-selected .sub-toggle__radio-dot{border-color:var(--color-primary)}.sub-toggle__card--subscribe.is-selected .sub-toggle__radio-dot:after{background:var(--color-primary)}.sub-toggle__card--onetime.is-selected .sub-toggle__radio-dot{border-color:var(--color-text)}.sub-toggle__card--onetime.is-selected .sub-toggle__radio-dot:after{background:var(--color-text)}.sub-toggle__popular-badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-pill);padding:2px var(--space-3);background-color:var(--color-primary);color:#fff;margin-left:auto}.sub-toggle__price-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.sub-toggle__price{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:900;color:var(--color-text);line-height:1}.sub-toggle__compare-price{font-size:var(--text-sm);color:var(--color-text-subtle);text-decoration:line-through}.sub-toggle__discount-tag{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary-ink);background-color:var(--color-primary-tint);border-radius:var(--radius-pill);padding:2px var(--space-2)}.sub-toggle__delivery-note{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);margin:0}.sub-toggle__frequency{display:flex;align-items:center;gap:var(--space-2)}.sub-toggle__frequency-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.sub-toggle__frequency-select{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;flex:1;min-width:0;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235A5A5A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.sub-toggle__frequency-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.sub-toggle__benefits{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2);border-top:1px solid rgba(224,90,29,.15)}.is-selected .sub-toggle__benefits{border-top-color:#e05a1d40}.sub-toggle__benefit-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.sub-toggle__benefit-icon{flex-shrink:0;width:16px;height:16px;border-radius:50%;background-color:var(--color-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3.5 3.5L13 4.5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3.5 3.5L13 4.5' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover}.sub-toggle--placeholder{padding:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.sub-toggle__placeholder-note{font-size:var(--text-sm);color:var(--color-text-subtle);font-style:italic;margin:0}@media(max-width:479px){subscription-toggle,.sub-toggle{flex-direction:column}.sub-toggle__card--subscribe{order:-1}.sub-toggle__card-inner{padding:var(--space-5);gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.sub-toggle__card,.sub-toggle__radio-dot,.sub-toggle__radio-dot:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-subscription-toggle.css.map */