/* Lesprom Plus promo paywall — colors, type and radii from Lesprom Design System.
   Блок живёт внутри тела статьи, и статейные правила (размеры p/li, цвет и
   ховеры ссылок) перебивали дизайн — отсюда префикс .lpp-paywall у каждого
   правила и !important на типографике и цветах ссылок/кнопки. */
.lpp-paywall{max-width:1100px;margin:0 auto;padding:0 40px 80px;box-sizing:border-box;font-family:'Roboto',Arial,sans-serif;color:#2b2a29;font-size:15px;line-height:1.5}

.lpp-paywall .lpp-fade{position:relative;padding-top:24px}
.lpp-paywall .lpp-fade__text{max-width:720px;max-height:1.9em;overflow:hidden;font-size:15px!important;line-height:1.77!important;color:#2b2a29}
.lpp-paywall .lpp-fade__text p{margin:0 0 1em;font-size:15px!important;line-height:1.77!important}
.lpp-paywall .lpp-fade__mask{position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 70%,#fff 100%)}

.lpp-paywall .lpp-rule{margin:8px -40px 0;border-top:2px solid #2b2a29}

.lpp-paywall .lpp-body{max-width:620px;margin:0 auto;padding-top:46px;text-align:center}

.lpp-paywall .lpp-eyebrow{display:inline-block;padding:7px 16px;border-radius:999px;background:#f2f8e4;font-size:11px!important;font-weight:700;letter-spacing:2.4px;color:#1f7454}
.lpp-paywall .lpp-title{margin:22px 0 0;text-wrap:pretty;font-size:1.4625rem!important;font-weight:700;letter-spacing:0;line-height:1.2!important;color:#2b2a29}
.lpp-paywall p.lpp-sub{margin:14px 0 0;font-size:16px!important;line-height:1.5!important;color:#55605c}

.lpp-paywall .lpp-plans{display:flex;flex-direction:column;gap:12px;margin:34px 0 0;padding:0;border:0;text-align:left}
.lpp-paywall .lpp-plan{display:flex;align-items:flex-start;gap:14px;box-sizing:border-box;margin:0;padding:20px 22px;border:1px solid #dfe6e2;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.lpp-paywall .lpp-plan:hover{border-color:#c3ccc7}
.lpp-paywall .lpp-plan.is-selected{padding:19px 21px;border:2px solid #1f7454;background:#f7fbf5}
.lpp-paywall .lpp-plan input{position:absolute;opacity:0;width:0;height:0}

.lpp-paywall .lpp-plan__radio{flex:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;border:1px solid #c3ccc7;border-radius:999px;background:#fff}
.lpp-paywall .lpp-plan.is-selected .lpp-plan__radio{border-color:#1f7454;background:#1f7454}
.lpp-paywall .lpp-plan.is-selected .lpp-plan__radio:after{content:'';width:8px;height:8px;border-radius:999px;background:#fff}

.lpp-paywall .lpp-plan__main{flex:1;min-width:0}
.lpp-paywall .lpp-plan__label{display:block;font-size:16px!important;font-weight:700;letter-spacing:2.2px;color:#5b6470}
.lpp-paywall .lpp-plan__prices{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:8px}
.lpp-paywall .lpp-plan__old{font-size:15px!important;color:#8a938d;text-decoration:line-through}
.lpp-paywall .lpp-plan__new{font-size:20px!important;font-weight:500;letter-spacing:-.4px;color:#2b2a29}
.lpp-paywall .lpp-plan__note{display:block;margin-top:8px;font-size:13px!important;line-height:1.5!important;color:#6b7280}
.lpp-paywall .lpp-plan__save{flex:none;padding:5px 10px;border-radius:999px;background:#f2f8e4;font-size:16px!important;font-weight:700;letter-spacing:1.4px;color:#1f7454}

.lpp-paywall a.lpp-cta{display:flex;align-items:center;justify-content:center;height:50px;margin-top:22px;padding:0 28px;border:0;border-radius:999px;background:#007347;font-size:17px!important;font-weight:500;color:#fff!important;text-decoration:none!important;transition:background-color .15s ease}
.lpp-paywall a.lpp-cta:hover{background:#03905d!important;color:#fff!important;text-decoration:none!important;opacity:1!important}
.lpp-paywall p.lpp-cancel{margin:14px 0 0;font-size:15px!important;color:#6b7280}

.lpp-paywall .lpp-benefits{display:flex;flex-direction:column;align-items:center;margin-top:40px;padding-top:28px;border-top:1px dotted #ccc;text-align:left}
.lpp-paywall .lpp-benefits__title{font-size:15px!important;font-weight:700;letter-spacing:1.6px;color:#5b6470}
.lpp-paywall .lpp-benefits__list{display:grid;gap:14px;margin:18px 0 0;padding:0;list-style:none}
.lpp-paywall .lpp-benefits__list li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0;font-size:15px!important;line-height:1.6!important;color:#2b2a29}
.lpp-paywall .lpp-check{flex:none;box-sizing:border-box;width:18px;height:18px;margin-top:4px;border-radius:999px;background:#1f7454;display:flex;align-items:center;justify-content:center}
.lpp-paywall .lpp-check img{display:block;width:11px;height:11px;margin:0}

.lpp-paywall p.lpp-signin{margin:34px 0 0;font-size:14px!important;color:#55605c}
.lpp-paywall p.lpp-other{margin:10px 0 0;font-size:13px!important}
.lpp-paywall .lpp-signin a,.lpp-paywall .lpp-other a{font-size:inherit!important;font-weight:400!important}
.lpp-paywall .lpp-signin a:hover,.lpp-paywall .lpp-other a:hover{color:#1159cc!important;background:none!important;opacity:1!important;border-color:#1159cc}
.lpp-paywall p.lpp-legal{margin:30px 0 0;font-size:12px!important;line-height:1.5!important;color:#8a938d;text-align:left}

@media (max-width:640px){
  .lpp-paywall{padding:0 20px 56px}
  .lpp-paywall .lpp-rule{margin:8px -20px 0}
  .lpp-paywall .lpp-body{padding-top:34px}
  .lpp-paywall .lpp-title br{display:none}
  .lpp-paywall p.lpp-sub{font-size:15px!important}
  .lpp-paywall .lpp-plan{flex-wrap:wrap;padding:18px 16px}
  .lpp-paywall .lpp-plan.is-selected{padding:17px 15px}
  .lpp-paywall .lpp-plan__save{margin-left:8px}
  .lpp-paywall .lpp-plan__prices{flex-direction:column;align-items:flex-start;gap:2px;margin-top:6px}
  .lpp-paywall a.lpp-cta{font-size:16px!important}
  .lpp-paywall p.lpp-legal{font-size:11px!important}
}