{"id":258,"date":"2026-02-21T19:48:30","date_gmt":"2026-02-21T16:48:30","guid":{"rendered":""},"modified":"2026-02-26T12:17:30","modified_gmt":"2026-02-26T12:17:30","slug":"bundles","status":"publish","type":"page","link":"https:\/\/keyslocker.com\/ru\/bundles\/","title":{"rendered":"\u0412\u044b\u0433\u043e\u0434\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u044b"},"content":{"rendered":"<div class=\"kl-bundles-page\">\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Hero Section \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"kl-bnd-hero kl-animate\">\n        <div class=\"kl-container\">\n            <h1 class=\"kl-bnd-title\">\u0421\u043e\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0438 \u0441\u044d\u043a\u043e\u043d\u043e\u043c\u044c\u0442\u0435<\/h1>\n            <p class=\"kl-bnd-subtitle\">\u041e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u0435 Windows + Office \u0438 \u0441\u044d\u043a\u043e\u043d\u043e\u043c\u044c\u0442\u0435 \u0434\u043e 25%<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Hero Bundle Cards \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"kl-bnd-heroes\">\n        <div class=\"kl-container\">\n            <div class=\"kl-bnd-heroes-grid\" id=\"kl-hero-bundles\">\n                <!-- JS renders 3 hero cards here -->\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Divider \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"kl-bnd-divider kl-animate\">\n        <span class=\"kl-bnd-divider-line\"><\/span>\n        <span class=\"kl-bnd-divider-text\">\u0418\u043b\u0438 \u0441\u043e\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439<\/span>\n        <span class=\"kl-bnd-divider-line\"><\/span>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Configurator \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section id=\"configurator\" class=\"kl-bnd-configurator\">\n        <div class=\"kl-container\">\n            <div class=\"kl-bnd-layout\">\n\n                <!-- Steps Column -->\n                <div class=\"kl-bnd-steps\">\n\n                    <!-- Step 1: Windows -->\n                    <div class=\"kl-bnd-step kl-animate\" data-step=\"windows\">\n                        <div class=\"kl-bnd-step-header\">\n                            <span class=\"kl-bnd-step-num\">1<\/span>\n                            <h2 class=\"kl-bnd-step-title\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 Windows<\/h2>\n                            <a href=\"#\" class=\"kl-bnd-skip\" data-step=\"windows\">\u041f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c<\/a>\n                        <\/div>\n                        <div class=\"kl-bnd-options\" id=\"kl-step-windows\">\n                            <!-- JS renders radio option cards -->\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 2: Office -->\n                    <div class=\"kl-bnd-step kl-animate\" data-step=\"office\">\n                        <div class=\"kl-bnd-step-header\">\n                            <span class=\"kl-bnd-step-num\">2<\/span>\n                            <h2 class=\"kl-bnd-step-title\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 Office<\/h2>\n                            <a href=\"#\" class=\"kl-bnd-skip\" data-step=\"office\">\u041f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c<\/a>\n                        <\/div>\n                        <div class=\"kl-bnd-options\" id=\"kl-step-office\">\n                            <!-- JS renders radio option cards -->\n                        <\/div>\n                    <\/div>\n\n                    <!-- Step 3: Add-ons -->\n                    <div class=\"kl-bnd-step kl-animate\" data-step=\"addons\">\n                        <div class=\"kl-bnd-step-header\">\n                            <span class=\"kl-bnd-step-num\">3<\/span>\n                            <h2 class=\"kl-bnd-step-title\">\u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f<\/h2>\n                        <\/div>\n                        <div class=\"kl-bnd-options kl-bnd-options-check\" id=\"kl-step-addons\">\n                            <!-- JS renders checkbox option cards -->\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <!-- Sticky Summary Panel -->\n                <aside class=\"kl-bnd-summary\" id=\"kl-bundle-summary\">\n                    <div class=\"kl-bnd-summary-inner\">\n                        <h3 class=\"kl-bnd-summary-title\">\u0412\u0430\u0448 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442<\/h3>\n\n                        <div class=\"kl-bnd-summary-items\" id=\"kl-summary-items\">\n                            <p class=\"kl-bnd-summary-empty\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u043e\u0432\u0430\u0440\u044b, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442<\/p>\n                        <\/div>\n\n                        <div class=\"kl-bnd-summary-totals\" id=\"kl-summary-totals\" style=\"display:none;\">\n                            <div class=\"kl-bnd-summary-row\">\n                                <span>\u041f\u043e\u0434\u044b\u0442\u043e\u0433<\/span>\n                                <span id=\"kl-summary-subtotal\">0\u00a0\u20bd<\/span>\n                            <\/div>\n                            <div class=\"kl-bnd-summary-row kl-bnd-discount-row\" id=\"kl-discount-row\" style=\"display:none;\">\n                                <span id=\"kl-discount-label\">\u0421\u043a\u0438\u0434\u043a\u0430 (0%)<\/span>\n                                <span id=\"kl-discount-amount\" class=\"kl-bnd-discount-value\">-0\u00a0\u20bd<\/span>\n                            <\/div>\n                            <div class=\"kl-bnd-summary-row kl-bnd-total-row\">\n                                <span>\u0418\u0442\u043e\u0433\u043e<\/span>\n                                <span id=\"kl-summary-total\">0\u00a0\u20bd<\/span>\n                            <\/div>\n                            <div class=\"kl-bnd-savings\" id=\"kl-savings\" style=\"display:none;\">\n                                \u0412\u044b \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u0435 <strong id=\"kl-savings-amount\">0\u00a0\u20bd<\/strong>!\n                            <\/div>\n                        <\/div>\n\n                        <button type=\"button\" class=\"kl-bnd-add-btn\" id=\"kl-add-bundle-btn\" disabled>\n                            <i class=\"fa-solid fa-cart-plus\"><\/i> \u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0432 \u043a\u043e\u0440\u0437\u0438\u043d\u0443\n                        <\/button>\n                        <p class=\"kl-bnd-summary-hint\" id=\"kl-summary-hint\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 2 \u0442\u043e\u0432\u0430\u0440\u043e\u0432<\/p>\n                    <\/div>\n                <\/aside>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Mobile Bottom Bar \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"kl-bnd-mobile-bar\" id=\"kl-mobile-bar\" style=\"display:none;\">\n        <div class=\"kl-bnd-mobile-bar-inner\">\n            <div class=\"kl-bnd-mobile-info\">\n                <span id=\"kl-mobile-count\">0 \u0442\u043e\u0432\u0430\u0440\u043e\u0432<\/span>\n                <strong id=\"kl-mobile-total\">0\u00a0\u20bd<\/strong>\n            <\/div>\n            <button type=\"button\" class=\"kl-bnd-mobile-btn\" id=\"kl-mobile-add-btn\">\n                <i class=\"fa-solid fa-cart-plus\"><\/i> \u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443\n            <\/button>\n        <\/div>\n    <\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":1,"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/pages\/258\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/keyslocker.com\/ru\/wp-json\/wp\/v2\/media?parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}