.subscription-plans{overflow:hidden;--plan-card-bg: #ffffff;--plan-card-border: rgba(0, 0, 0, .08);--plan-card-shadow: 0 8px 30px rgba(0, 0, 0, .12);--plan-highlight-bg: var(--gradient-base-accent-2);--plan-highlight-text: #ffffff;--price-selected-bg: var(--gradient-base-accent-2);--price-selected-text: #ffffff;--benefit-icon-color: #10b981;--primary-color: var(--gradient-base-accent-2);--secondary-color: var(--gradient-base-accent-2)}.frequency-selector-wrapper{display:flex;justify-content:center;margin:2rem 0 3rem;padding:0 1rem}.frequency-selector-wrapper.content-align--left{justify-content:flex-start}.frequency-selector-wrapper.content-align--center{justify-content:center}.frequency-selector{display:inline-flex;background:#f1f5f9;border-radius:50px;padding:.375rem;gap:.375rem;box-shadow:0 2px 8px #00000014}.frequency-btn{padding:.875rem 2rem;border:none;border-radius:50px;background:transparent;color:#64748b;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.frequency-btn:hover{color:#334155;background:#ffffff80}.frequency-btn.active{background:var(--plan-highlight-bg);color:var(--plan-highlight-text);box-shadow:0 4px 12px #667eea4d}.frequency-btn:focus{outline:2px solid rgb(var(--color-accent-1));outline-offset:2px}.subscription-plans .swiper .swiper-slide{overflow:visible}.subscription-plans .swiper-slide{margin-right:0!important}.subscription-plans .swiper-wrapper{align-items:stretch}.subscription-plans .description{color:#666}.subscription-plans-list{display:grid;gap:2rem;margin:0;padding:0;list-style:none}.subscription-plan-item{display:flex;flex-direction:column;height:100%}.subscription-plan-card{display:flex;flex-direction:column;height:100%;background:var(--plan-card-bg);border:2px solid transparent;border-radius:20px;padding:2.5rem 2rem;box-shadow:var(--plan-card-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.subscription-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--plan-highlight-bg);opacity:0;transition:opacity .3s ease}.subscription-plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:var(--primary-color)}.subscription-plan-card:hover:before{opacity:1}.subscription-plan-card.featured{border-color:var(--primary-color);transform:scale(1.05);z-index:2}.subscription-plan-card.featured:before{opacity:1}.plan-header{text-align:center;margin-bottom:2rem}.plan-name{font-size:1.75rem;font-weight:600;margin:0 0 1rem;color:#1f2937;letter-spacing:-.025em}.plan-highlight{display:inline-block;background:var(--plan-highlight-bg);color:var(--plan-highlight-text);padding:.5rem 1rem;border-radius:50px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px #667eea4d;margin-bottom:.5rem}.plan-pricing{margin-bottom:2rem;text-align:center;padding:1.5rem 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.price-display{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.price{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;color:#1f2937;transition:all .3s cubic-bezier(.4,0,.2,1)}.price-updating{animation:priceUpdate .3s ease-in-out}@keyframes priceUpdate{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.period{font-size:1rem;opacity:.7;font-weight:500;color:#6b7280}.plan-benefits{flex-grow:1;margin-bottom:2rem}.benefits-list{list-style:none;padding:0;margin:0}.benefit-item{display:flex;align-items:flex-start;margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--benefit-icon-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;margin-right:1rem;flex-shrink:0;margin-top:.125rem;box-shadow:0 2px 8px #10b9814d}.benefit-text{color:#374151;font-weight:500;line-height:1.6;font-size:1.125rem;text-align:start}.plan-cta{margin-top:auto}.subscription-btn{padding:1.25rem 2rem;border:none;border-radius:12px;background:var(--plan-highlight-bg);color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:none;box-shadow:0 4px 12px #667eea4d;letter-spacing:.025em}.subscription-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.subscription-btn:focus{outline:2px solid rgb(var(--color-accent-1));outline-offset:2px}.subscription-btn:active{transform:translateY(0)}@media screen and (max-width: 749px){.frequency-selector{flex-direction:row;width:100%;max-width:100%}.frequency-btn{padding:.75rem 1rem;font-size:.875rem;flex:1}.subscription-plans-list{grid-template-columns:1fr}.subscription-plans .slider--mobile .subscription-plan-item{width:90vw;max-width:350px}.subscription-plan-card{padding:2rem 1.5rem;margin:0 .5rem}.plan-name{font-size:1.5rem}.price{font-size:2rem}.period{font-size:.875rem}.benefit-item{font-size:.8rem}.subscription-btn{padding:1rem 1.5rem;font-size:.95rem}}@media screen and (min-width: 750px) and (max-width: 989px){.subscription-plans-list.grid--2-col-tablet-down{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.subscription-plans-list.grid--3-col-desktop{grid-template-columns:repeat(3,1fr)}.subscription-plans-list.grid--2-col-desktop{grid-template-columns:repeat(2,1fr)}.subscription-plans-list.grid--1-col-desktop{grid-template-columns:1fr;max-width:400px;margin:0 auto}.subscription-plans-list.grid--4-col-desktop{grid-template-columns:repeat(4,1fr)}}.subscription-plans-swiper{position:relative;width:100%;overflow:hidden}.subscription-plans .swiper{width:100%;height:auto;overflow:hidden}.subscription-plans .swiper-wrapper{display:flex;align-items:stretch;transition-property:transform;box-sizing:content-box}.subscription-plans .swiper-slide{height:auto;display:flex;flex-shrink:0;position:relative;transition-property:transform;box-sizing:border-box}.subscription-plans .swiper-slide .subscription-plan-card{height:100%;width:100%;box-sizing:border-box}@media screen and (max-width: 749px){.subscription-plans .swiper{overflow:visible;padding:0 2rem}.subscription-plans .swiper-slide{width:auto;max-width:350px}}@media screen and (min-width: 750px) and (max-width: 989px){.subscription-plans .swiper{overflow:visible;padding:0 1rem}.subscription-plans .swiper-slide{width:auto}}@media screen and (min-width: 990px){.subscription-plans .swiper{overflow:visible;padding:0}.subscription-plans .swiper-wrapper{justify-content:center}.subscription-plans .swiper-slide{width:auto;flex-shrink:0}.subscription-plans .swiper-button-next,.subscription-plans .swiper-button-prev{display:none}}.subscription-plans .swiper-pagination{position:relative;margin-top:2rem}.subscription-plans .swiper-pagination-bullet{background:transparent;width:25px;height:25px;outline:none;margin:0 6px}.subscription-plans .swiper-pagination-bullet:before{content:"";width:10px;height:10px;border-radius:50%;background:rgba(var(--color-foreground),.5);position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;transition:all var(--duration-default) linear}.subscription-plans .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:rgb(var(--color-base-solid-button-labels))}.subscription-plans .swiper-pagination-bullet.swiper-pagination-bullet-active{border:none}@media screen and (min-width: 750px){.subscription-plans .swiper-pagination{display:none}}.subscription-plans .swiper-button-next,.subscription-plans .swiper-button-prev{color:var(--primary-color);top:50%;margin-top:-22px;width:44px;height:44px;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:10}.subscription-plans .swiper-button-next:after,.subscription-plans .swiper-button-prev:after{display:none}.subscription-plans .swiper-button-next svg,.subscription-plans .swiper-button-prev svg{width:20px;height:20px}.subscription-plans .swiper-button-next:hover,.subscription-plans .swiper-button-prev:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.subscription-plans .swiper-button-next.swiper-button-disabled,.subscription-plans .swiper-button-prev.swiper-button-disabled{opacity:.3;cursor:not-allowed}.subscription-plans.center .title-wrapper-with-link,.subscription-plans.center .subscription-plan-card{text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subscription-plan-item{animation:fadeInUp .6s ease-out}.subscription-plan-item:nth-child(2){animation-delay:.1s}.subscription-plan-item:nth-child(3){animation-delay:.2s}.subscription-plan-card.featured{border-color:rgb(var(--color-accent-1));border-width:2px;position:relative}.subscription-plan-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgb(var(--color-accent-1)),rgba(var(--color-accent-1),.7))}.subscription-plans-loading{opacity:.6;pointer-events:none}.subscription-plans-error{text-align:center;padding:2rem;color:rgb(var(--color-error, 220 38 38))}.subscription-plans .slider-buttons{display:flex;align-items:center;justify-content:center;margin-top:2rem;gap:1rem}.subscription-plans .slider-button{color:var(--primary-color);background:#fff;border:2px solid var(--plan-card-border);border-radius:50%;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.subscription-plans .slider-button:not([disabled]):hover{color:#fff;background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.1)}.subscription-plans .slider-button .icon{width:15px;height:15px}.subscription-plans .slider-button[disabled]{opacity:.3;cursor:not-allowed}.subscription-plans .slider-button--next .icon{transform:rotate(270deg)}.subscription-plans .slider-button--prev .icon{transform:rotate(90deg)}.subscription-plans .slider-counter{font-size:.875rem;color:#6b7280;font-weight:500}.subscription-plans .slider-counter--current{font-weight:600;color:var(--primary-color)}@media screen and (min-width: 990px){.subscription-plans .slider-buttons{display:none}}@media (prefers-reduced-motion: reduce){.subscription-plan-card,.subscription-btn,.frequency-btn{transition:none}.subscription-plan-item,.price-updating{animation:none}}@media (prefers-contrast: high){.subscription-plan-card{border-width:2px;border-color:rgb(var(--color-foreground))}.frequency-btn.active{border:2px solid rgb(var(--color-foreground))}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-subscription-plans.css.map */