[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"info-page-bonusnaya-sistema-":3},[4],{"id":5,"slug":6,"title":7,"content":9},113846,"bonusnaya-sistema",{"rendered":8},"Бонусная система",{"rendered":10},"\u003Cstyle>\r\n    .inf-page {\r\n        font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n        color: #0b1020;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 8px 0 40px;\r\n        line-height: 1.55;\r\n    }\r\n    .inf-page * {\r\n        box-sizing: border-box;\r\n    }\r\n    .inf-hero {\r\n        background: #0b1020;\r\n        color: #fff;\r\n        border-radius: 28px;\r\n        padding: 56px 44px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .inf-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 340px;\r\n        height: 340px;\r\n        background: radial-gradient(circle, rgba(124, 58, 237, 0.55) 0%, transparent 70%);\r\n        top: -80px;\r\n        left: -80px;\r\n        pointer-events: none;\r\n    }\r\n    .inf-hero::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 340px;\r\n        height: 340px;\r\n        background: radial-gradient(circle, rgba(6, 182, 212, 0.45) 0%, transparent 70%);\r\n        bottom: -80px;\r\n        right: -80px;\r\n        pointer-events: none;\r\n    }\r\n    .inf-hero-eyebrow {\r\n        display: inline-block;\r\n        border: 1px solid rgba(255, 255, 255, 0.25);\r\n        border-radius: 40px;\r\n        padding: 6px 18px;\r\n        font-size: 13px;\r\n        letter-spacing: 0.08em;\r\n        text-transform: uppercase;\r\n        color: #cbd5e1;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    .inf-hero h1 {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n        margin: 0 0 16px 0;\r\n        line-height: 1.15;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    .inf-hero h1 em {\r\n        font-style: normal;\r\n        background: linear-gradient(135deg, #a78bfa, #22d3ee);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n    .inf-hero-sub {\r\n        font-size: 18px;\r\n        color: #cbd5e1;\r\n        max-width: 600px;\r\n        margin: 0 0 40px 0;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    .inf-hero-metrics {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 32px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    .inf-hero-metric {\r\n        padding-left: 16px;\r\n        border-left: 2px solid rgba(255, 255, 255, 0.2);\r\n    }\r\n    .inf-hero-metric strong {\r\n        display: block;\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n    }\r\n    .inf-hero-metric span {\r\n        font-size: 14px;\r\n        color: #94a3b8;\r\n    }\r\n    .inf-grid-cards {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 18px;\r\n        margin: 48px 0;\r\n    }\r\n    .inf-card {\r\n        border: 1px solid #e7e9f3;\r\n        border-radius: 22px;\r\n        padding: 28px;\r\n        position: relative;\r\n        background: #fff;\r\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n    .inf-card:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 32px rgba(11, 16, 32, 0.08);\r\n    }\r\n    .inf-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 22px;\r\n        right: 22px;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #7c3aed, #06b6d4);\r\n        border-radius: 0 0 4px 4px;\r\n    }\r\n    .inf-card-number {\r\n        font-family: 'SF Mono', 'Menlo', 'Monaco', monospace;\r\n        letter-spacing: 0.15em;\r\n        color: #7c3aed;\r\n        font-size: 14px;\r\n        margin-bottom: 12px;\r\n    }\r\n    .inf-card h3 {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        margin: 0 0 10px 0;\r\n        letter-spacing: -0.01em;\r\n    }\r\n    .inf-card p {\r\n        color: #5b6478;\r\n        font-size: 15px;\r\n        margin: 0;\r\n        line-height: 1.6;\r\n    }\r\n    .inf-card-icon {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        width: 46px;\r\n        height: 46px;\r\n        border-radius: 14px;\r\n        background: linear-gradient(135deg, #f5f3ff, #ecfeff);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 22px;\r\n    }\r\n    .inf-section {\r\n        background: #fff;\r\n        border: 1px solid #e7e9f3;\r\n        border-radius: 22px;\r\n        padding: 40px;\r\n        margin-bottom: 32px;\r\n    }\r\n    .inf-section-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        margin-bottom: 28px;\r\n    }\r\n    .inf-section-header::before {\r\n        content: '';\r\n        width: 6px;\r\n        height: 28px;\r\n        border-radius: 4px;\r\n        background: linear-gradient(180deg, #7c3aed, #06b6d4);\r\n        flex-shrink: 0;\r\n    }\r\n    .inf-section-header h2 {\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n        margin: 0;\r\n    }\r\n    .inf-steps {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n        counter-reset: step;\r\n        margin: 32px 0;\r\n    }\r\n    .inf-step {\r\n        counter-increment: step;\r\n        padding: 20px 16px;\r\n        border-radius: 16px;\r\n        background: #f9fafc;\r\n        border: 1px solid #eaecf5;\r\n    }\r\n    .inf-step::before {\r\n        content: \"0\" counter(step);\r\n        display: inline-block;\r\n        font-family: 'SF Mono', 'Menlo', 'Monaco', monospace;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        background: #0b1020;\r\n        padding: 5px 10px;\r\n        border-radius: 8px;\r\n        margin-bottom: 14px;\r\n        letter-spacing: 0.05em;\r\n    }\r\n    .inf-step h4 {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        margin: 0 0 6px 0;\r\n        letter-spacing: -0.01em;\r\n    }\r\n    .inf-step p {\r\n        font-size: 14px;\r\n        color: #5b6478;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n    }\r\n    .inf-table-wrap {\r\n        overflow-x: auto;\r\n        margin: 24px 0 8px;\r\n    }\r\n    .inf-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        font-size: 15px;\r\n    }\r\n    .inf-table th {\r\n        background: #f3f4fa;\r\n        color: #0b1020;\r\n        font-weight: 600;\r\n        padding: 14px 16px;\r\n        text-align: left;\r\n        border-bottom: 1px solid #e7e9f3;\r\n    }\r\n    .inf-table td {\r\n        padding: 14px 16px;\r\n        border-bottom: 1px solid #e7e9f3;\r\n        color: #2b3142;\r\n    }\r\n    .inf-table tr:last-child td {\r\n        border-bottom: none;\r\n    }\r\n    .inf-table .inf-tag {\r\n        display: inline-block;\r\n        background: #f0edff;\r\n        color: #7c3aed;\r\n        border-radius: 30px;\r\n        padding: 2px 12px;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n    }\r\n    .inf-table .inf-tag-cyan {\r\n        background: #e2f9ff;\r\n        color: #0b7b8f;\r\n    }\r\n    .inf-table .inf-tag-gold {\r\n        background: #fff5e0;\r\n        color: #b45309;\r\n    }\r\n    .inf-tile-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 18px;\r\n        margin: 28px 0;\r\n    }\r\n    .inf-tile {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 14px;\r\n        padding: 18px 20px;\r\n        background: #fafbff;\r\n        border-radius: 16px;\r\n        border: 1px solid #e7e9f3;\r\n    }\r\n    .inf-tile-dot {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        flex-shrink: 0;\r\n        margin-top: 5px;\r\n    }\r\n    .inf-tile-dot--ok {\r\n        background: #10b981;\r\n    }\r\n    .inf-tile-dot--warn {\r\n        background: #f59e0b;\r\n    }\r\n    .inf-tile-text {\r\n        font-size: 15px;\r\n        color: #1a1f30;\r\n        line-height: 1.5;\r\n    }\r\n    .inf-tile-text strong {\r\n        font-weight: 600;\r\n    }\r\n    .inf-cta {\r\n        background: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);\r\n        color: #fff;\r\n        border-radius: 28px;\r\n        padding: 44px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 30px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        margin-top: 40px;\r\n    }\r\n    .inf-cta::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 200px;\r\n        height: 200px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border-radius: 50%;\r\n        top: -60px;\r\n        left: -60px;\r\n        pointer-events: none;\r\n    }\r\n    .inf-cta::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 240px;\r\n        height: 240px;\r\n        background: rgba(255, 255, 255, 0.06);\r\n        border-radius: 50%;\r\n        bottom: -80px;\r\n        right: -80px;\r\n        pointer-events: none;\r\n    }\r\n    .inf-cta-content {\r\n        position: relative;\r\n        z-index: 1;\r\n        max-width: 500px;\r\n    }\r\n    .inf-cta-content h3 {\r\n        font-size: 26px;\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n        margin: 0 0 10px 0;\r\n    }\r\n    .inf-cta-content p {\r\n        font-size: 16px;\r\n        opacity: 0.9;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n    }\r\n    .inf-cta-btn {\r\n        background: #fff;\r\n        color: #0b1020;\r\n        padding: 18px 28px;\r\n        border-radius: 16px;\r\n        font-weight: 600;\r\n        font-size: 17px;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n        white-space: nowrap;\r\n        position: relative;\r\n        z-index: 1;\r\n        flex-shrink: 0;\r\n        transition: box-shadow 0.2s, transform 0.2s;\r\n    }\r\n    .inf-cta-btn:hover {\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n        transform: scale(1.02);\r\n    }\r\n    @media (max-width: 760px) {\r\n        .inf-hero {\r\n            padding: 36px 24px;\r\n        }\r\n        .inf-hero h1 {\r\n            font-size: 32px;\r\n        }\r\n        .inf-hero-sub {\r\n            font-size: 16px;\r\n        }\r\n        .inf-hero-metrics {\r\n            gap: 20px;\r\n        }\r\n        .inf-grid-cards {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .inf-steps {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .inf-tile-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .inf-section {\r\n            padding: 28px 20px;\r\n        }\r\n        .inf-section-header h2 {\r\n            font-size: 24px;\r\n        }\r\n        .inf-cta {\r\n            flex-direction: column;\r\n            padding: 32px 24px;\r\n            text-align: center;\r\n        }\r\n        .inf-cta-btn {\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n        .inf-table {\r\n            font-size: 14px;\r\n        }\r\n        .inf-table th,\r\n        .inf-table td {\r\n            padding: 10px 12px;\r\n        }\r\n    }\r\n\u003C\u002Fstyle>\r\n\u003Cdiv class=\"inf-page\">\u003C!-- Hero -->\r\n\u003Cdiv class=\"inf-hero\">\r\n\u003Cdiv class=\"inf-hero-eyebrow\">Программа лояльности\u003C\u002Fdiv>\r\n\u003Ch1>Бонусная \u003Cem>система\u003C\u002Fem>\u003C\u002Fh1>\r\n\u003Cp class=\"inf-hero-sub\">Мы ценим постоянных клиентов и предлагаем удобную бонусную программу, которая позволяет получать бонусы за каждую покупку и использовать их для оплаты следующих заказов.\u003C\u002Fp>\r\n\u003Cdiv class=\"inf-hero-metrics\">\r\n\u003Cdiv class=\"inf-hero-metric\">\u003Cstrong>1 бонус\u003C\u002Fstrong> \u003Cspan>= 1 ₽\u003C\u002Fspan>\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-hero-metric\">\u003Cstrong>до 50%\u003C\u002Fstrong> \u003Cspan>оплата бонусами\u003C\u002Fspan>\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-hero-metric\">\u003Cstrong>30 дней\u003C\u002Fstrong> \u003Cspan>срок действия\u003C\u002Fspan>\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C!-- Как это работает? — грид карточек -->\r\n\u003Cdiv class=\"inf-grid-cards\">\r\n\u003Cdiv class=\"inf-card\">\r\n\u003Cdiv class=\"inf-card-number\">\u002F 01 — Приветствие\u003C\u002Fdiv>\r\n\u003Ch3>Бонусы при регистрации\u003C\u002Fh3>\r\n\u003Cp>При регистрации вы сразу получаете бонусы, начисляемые исходя из начального уровня вашего аккаунта.\u003C\u002Fp>\r\n\u003Cdiv class=\"inf-card-icon\">🎁\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-card\">\r\n\u003Cdiv class=\"inf-card-number\">\u002F 02 — Начисление\u003C\u002Fdiv>\r\n\u003Ch3>Процент от покупки\u003C\u002Fh3>\r\n\u003Cp>За каждую покупку вам начисляется определённый процент от суммы корзины в виде бонусов.\u003C\u002Fp>\r\n\u003Cdiv class=\"inf-card-icon\">📈\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-card\">\r\n\u003Cdiv class=\"inf-card-number\">\u002F 03 — Списание\u003C\u002Fdiv>\r\n\u003Ch3>Оплата до 50%\u003C\u002Fh3>\r\n\u003Cp>1 бонус равен 1 рублю и может быть использован для оплаты до 50% от суммы следующей покупки.\u003C\u002Fp>\r\n\u003Cdiv class=\"inf-card-icon\">🛒\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-card\">\r\n\u003Cdiv class=\"inf-card-number\">\u002F 04 — Сгорание\u003C\u002Fdiv>\r\n\u003Ch3>Срок действия\u003C\u002Fh3>\r\n\u003Cp>Бонусы действуют в течение 30 дней с момента начисления.\u003C\u002Fp>\r\n\u003Cdiv class=\"inf-card-icon\">⏳\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C!-- Уровни бонусной программы -->\r\n\u003Cdiv class=\"inf-section\">\r\n\u003Cdiv class=\"inf-section-header\">\r\n\u003Ch2>Уровни бонусной программы\u003C\u002Fh2>\r\n\u003C\u002Fdiv>\r\n\u003Cp style=\"color: #5b6478; margin-bottom: 20px;\">Ваша ставка начисления бонусов зависит от общего объёма потраченных средств и уровня вашего аккаунта:\u003C\u002Fp>\r\n\u003Cdiv class=\"inf-table-wrap\">\r\n\u003Ctable class=\"inf-table\">\r\n\u003Cthead>\r\n\u003Ctr>\r\n\u003Cth>Уровень\u003C\u002Fth>\r\n\u003Cth>Необходимая сумма заказов\u003C\u002Fth>\r\n\u003Cth>Процент бонусов\u003C\u002Fth>\r\n\u003Cth>Описание\u003C\u002Fth>\r\n\u003C\u002Ftr>\r\n\u003C\u002Fthead>\r\n\u003Ctbody>\r\n\u003Ctr>\r\n\u003Ctd>\u003Cspan class=\"inf-tag\">Уровень 1 (start)\u003C\u002Fspan>\u003C\u002Ftd>\r\n\u003Ctd>от 0 ₽\u003C\u002Ftd>\r\n\u003Ctd>\u003Cstrong>3%\u003C\u002Fstrong>\u003C\u002Ftd>\r\n\u003Ctd>Вам будут начисляться 3% бонусами от суммы корзины.\u003C\u002Ftd>\r\n\u003C\u002Ftr>\r\n\u003Ctr>\r\n\u003Ctd>\u003Cspan class=\"inf-tag inf-tag-cyan\">Уровень 2 (mid)\u003C\u002Fspan>\u003C\u002Ftd>\r\n\u003Ctd>от 10 000 ₽\u003C\u002Ftd>\r\n\u003Ctd>\u003Cstrong>7%\u003C\u002Fstrong>\u003C\u002Ftd>\r\n\u003Ctd>При достижении суммы заказов 10 000 ₽ вам будут начисляться 7% бонусами.\u003C\u002Ftd>\r\n\u003C\u002Ftr>\r\n\u003Ctr>\r\n\u003Ctd>\u003Cspan class=\"inf-tag inf-tag-gold\">Уровень 3 (max)\u003C\u002Fspan>\u003C\u002Ftd>\r\n\u003Ctd>от 30 000 ₽\u003C\u002Ftd>\r\n\u003Ctd>\u003Cstrong>10%\u003C\u002Fstrong>\u003C\u002Ftd>\r\n\u003Ctd>При достижении суммы заказов 30 000 ₽ вам будут начисляться 10% бонусами.\u003C\u002Ftd>\r\n\u003C\u002Ftr>\r\n\u003C\u002Ftbody>\r\n\u003C\u002Ftable>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv style=\"margin-top: 16px; color: #5b6478; font-size: 14px; border-top: 1px solid #e7e9f3; padding-top: 16px;\">Для активации более высокого уровня и увеличения процента начислений, просто увеличивайте сумму покупок.\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C!-- Использование бонусов + правила (шаги \u002F tile) -->\r\n\u003Cdiv class=\"inf-section\">\r\n\u003Cdiv class=\"inf-section-header\">\r\n\u003Ch2>Использование бонусов\u003C\u002Fh2>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-steps\">\r\n\u003Cdiv class=\"inf-step\">\r\n\u003Ch4>Оплата бонусами\u003C\u002Fh4>\r\n\u003Cp>Вы можете оплатить бонусами до 50% от суммы вашей корзины.\u003C\u002Fp>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-step\">\r\n\u003Ch4>Повышение уровня\u003C\u002Fh4>\r\n\u003Cp>Для увеличения процента начислений увеличивайте сумму покупок.\u003C\u002Fp>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-step\">\r\n\u003Ch4>Сгорание через 30 дней\u003C\u002Fh4>\r\n\u003Cp>Бонусы действуют 30 дней с момента начисления, не забывайте их использовать.\u003C\u002Fp>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-step\">\r\n\u003Ch4>Начисление за каждую покупку\u003C\u002Fh4>\r\n\u003Cp>Процент зависит от вашего уровня (3%, 7% или 10%).\u003C\u002Fp>\r\n\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C!-- Tile блоки с правилами (два важных напоминания) -->\r\n\u003Cdiv class=\"inf-tile-grid\">\r\n\u003Cdiv class=\"inf-tile\">\r\n\u003Cdiv class=\"inf-tile-dot inf-tile-dot--ok\">\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-tile-text\">\u003Cstrong>Максимум 50%\u003C\u002Fstrong> — бонусами можно оплатить до половины суммы следующего заказа.\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-tile\">\r\n\u003Cdiv class=\"inf-tile-dot inf-tile-dot--warn\">\u003C\u002Fdiv>\r\n\u003Cdiv class=\"inf-tile-text\">\u003Cstrong>30 дней\u003C\u002Fstrong> — следите за сроком действия бонусов, они сгорают через месяц после начисления.\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C\u002Fdiv>\r\n\u003C!-- CTA-блок (без телефона, так как в исходном тексте нет контактов — не добавляем) --> \u003C!-- По заданию CTA только если есть телефон\u002Fконтакт в исходном тексте. В исходном тексте нет — поэтому блок не выводим. -->\u003C\u002Fdiv>"]