/* One-column composition on mobile and desktop, scoped to the selected plan. */
.sv-subscription-page > .hp-page__header{display:none}
.hp-membership-plan.sv-subscription{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:32px;background:#fff;border:1px solid #f2eef7;border-radius:24px;box-shadow:0 8px 36px #35157608;color:#62616d;text-align:left;font-size:19px;line-height:1.5}
.sv-subscription *{box-sizing:border-box}
.sv-subscription h1,.sv-subscription h2,.sv-subscription p{margin:0;padding:0}
.sv-subscription h1,.sv-subscription h2{color:#111;font-weight:750;letter-spacing:-.025em}
.sv-sub-intro{display:flex;align-items:center;gap:22px;margin-bottom:32px}
.sv-sub-intro>div:first-child{flex:1;min-width:0}
.sv-sub-intro h1{font-size:42px;line-height:1.15;margin-bottom:14px}
.sv-sub-intro p{font-size:21px}
.sv-sub-cart{flex:0 0 112px;height:112px;border-radius:50%;background:#f8f4fd;display:grid;place-items:center;color:#50228d}
.sv-sub-cart svg{width:62px;height:62px}
.sv-sub-offer{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:12px 16px;background:#f8f4fd;border-radius:20px;padding:26px;margin-bottom:30px}
.sv-sub-badge{grid-column:1/-1;justify-self:start;border-radius:30px;padding:4px 14px;background:#e9ddf7;color:#3e176f;font-size:13px;font-weight:800;letter-spacing:1px}
.sv-sub-offer h2{font-size:30px;line-height:1.25;margin:6px 0 18px}
.sv-sub-offer p{font-size:18px;line-height:1.5}
.sv-sub-price{text-align:right;color:#50228d;align-self:start}
.sv-sub-price>strong{display:block;font-size:55px;font-weight:800;line-height:1.15;white-space:nowrap;letter-spacing:-.045em}
.sv-sub-price>span{display:block;font-size:21px;margin-top:9px}
.sv-sub-price>small{display:block;font-size:17px;margin-top:5px;color:#7d589f}
.sv-sub-benefits h2{font-size:29px;margin-bottom:16px}
.sv-sub-benefits ul{padding:0;margin:0 0 28px;list-style:none}
.sv-sub-benefits li{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px;list-style:none}
.sv-sub-check{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#e5f8ec;color:#23ba79;font-size:25px;font-weight:800}
.sv-sub-benefits li>span:last-child{padding-top:3px}
.sv-sub-how{display:flex;align-items:flex-start;gap:18px;padding:24px;background:#f8f4fd;border-radius:20px;margin-bottom:20px}
.sv-sub-how>svg{width:38px;height:38px;flex:0 0 38px;color:#562993;margin-top:3px}
.sv-sub-how h2{font-size:25px;color:#50228d;margin-bottom:6px}
.sv-sub-how p{font-size:19px}
.sv-subscription .hp-membership-plan__footer{padding:0!important;border:0!important;background:transparent!important;margin:0!important}
.sv-subscription .hp-membership-plan__select-button{display:block;width:100%;padding:18px 16px!important;border:0;border-radius:14px!important;background:#50228d!important;color:#fff!important;font-size:21px!important;line-height:1.35;font-weight:700;white-space:normal;box-shadow:none!important;text-align:center}
.sv-subscription .hp-membership-plan__select-button:focus-visible{outline:3px solid #926cce;outline-offset:4px}
.sv-sub-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;text-align:center}
.sv-sub-trust>div{padding:0 10px;position:relative}
.sv-sub-trust>div+div{border-left:1px solid #ebe8ef}
.sv-sub-trust svg{display:block;width:29px;height:29px;margin:0 auto 9px;color:#50228d}
.sv-sub-trust strong{display:block;font-size:16px;font-weight:500;line-height:1.35}
.sv-sub-trust span{display:block;font-size:14px;line-height:1.4;color:#92909b;margin-top:4px}
@media(max-width:767px){
 .hp-membership-plan.sv-subscription{padding:20px 14px;border-radius:18px;font-size:14px}
 .sv-sub-intro{gap:12px;margin-bottom:22px}.sv-sub-intro h1{font-size:29px;margin-bottom:8px}.sv-sub-intro p{font-size:15px}
 .sv-sub-cart{flex-basis:72px;height:72px}.sv-sub-cart svg{width:40px;height:40px}
 .sv-sub-offer{padding:17px 14px;gap:8px 10px;margin-bottom:22px;border-radius:15px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .sv-sub-badge{font-size:10px;padding:3px 9px;letter-spacing:.6px}
 .sv-sub-offer h2{font-size:21px;margin:4px 0 12px}.sv-sub-offer p{font-size:13px}
 .sv-sub-price>strong{font-size:35px}.sv-sub-price>span{font-size:14px;margin-top:5px}.sv-sub-price>small{font-size:12px}
 .sv-sub-benefits h2{font-size:22px;margin-bottom:12px}.sv-sub-benefits li{gap:9px;margin-bottom:10px}.sv-sub-check{flex-basis:26px;height:26px;font-size:19px}
 .sv-sub-how{padding:16px 14px;gap:12px;border-radius:15px;margin-bottom:14px}.sv-sub-how>svg{flex-basis:27px;width:27px;height:27px}.sv-sub-how h2{font-size:19px}.sv-sub-how p{font-size:14px}
 .sv-subscription .hp-membership-plan__select-button{font-size:16px!important;padding:14px 10px!important;border-radius:11px!important}
 .sv-sub-trust{margin-top:20px}.sv-sub-trust>div{padding:0 5px}.sv-sub-trust strong{font-size:12px}.sv-sub-trust span{font-size:11px}.sv-sub-trust svg{width:24px;height:24px}
}
@media(max-width:359px){.sv-sub-price>strong{font-size:29px}.sv-sub-offer h2{font-size:18px}.sv-sub-intro h1{font-size:26px}}

/* Benefit heading and supporting text. */
.sv-sub-benefit-copy{display:block;min-width:0}
.sv-sub-benefit-copy>strong{display:block;font-size:inherit;font-weight:700;color:#34313b;line-height:1.4}
.sv-sub-benefit-copy>span{display:block;font-size:16px;font-weight:400;line-height:1.5;margin-top:4px;color:#62616d}
.sv-sub-benefits li{margin-bottom:17px}
@media(max-width:767px){.sv-sub-benefit-copy>span{font-size:13px}.sv-sub-benefits li{margin-bottom:14px}}
