{"id":1273,"date":"2019-12-05T14:42:32","date_gmt":"2019-12-05T08:42:32","guid":{"rendered":"http:\/\/pos-systems.kz\/?page_id=1273"},"modified":"2026-08-09T21:33:19","modified_gmt":"2026-08-09T15:33:19","slug":"%d0%b0%d0%b2%d1%82%d0%be%d0%bc%d0%b0%d1%82%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d1%8f-%d1%82%d0%b8%d0%bf%d0%be%d0%b2%d1%8b%d0%b5-%d0%bf%d1%80%d0%be%d0%b5%d0%ba%d1%82%d1%8b","status":"publish","type":"page","link":"https:\/\/pos-systems.kz\/?page_id=1273","title":{"rendered":"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0442\u0438\u043f\u043e\u0432\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b"},"content":{"rendered":"<div id=\"metaslider-id-1410\" style=\"width: 100%;\" class=\"ml-slider-3-28-0 metaslider metaslider-flex metaslider-1410 ml-slider\">\n    <div id=\"metaslider_container_1410\">\n        <div id=\"metaslider_1410\" class=\"flexslider\">\n            <ul aria-live=\"polite\" class=\"slides\">\n                <li style=\"display: none; width: 100%;\" class=\"slide-1611 ms-image\"><img width=\"1200\" height=\"479\" src=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/main_banner_1200.png\" class=\"slider-1410 slide-1611\" alt=\"\" decoding=\"async\" loading=\"lazy\" rel=\"\" title=\"\" srcset=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/main_banner_1200.png 1200w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/main_banner_1200-300x120.png 300w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/main_banner_1200-1024x409.png 1024w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/main_banner_1200-768x307.png 768w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/main_banner_1200-640x255.png 640w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/main_banner_1200-600x240.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><div class=\"caption-wrap\"><div class=\"caption\"><div class=\"pos-banner-content\">\n    <a href=\"https:\/\/wa.me\/77471156474?text=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5!%20%D0%A5%D0%BE%D1%87%D1%83%20%D1%83%D0%B7%D0%BD%D0%B0%D1%82%D1%8C%20%D0%BE%D0%B1%20%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8%20%D0%BD%D0%B0%20iiko.\" class=\"pos-banner-button\">\n        <span>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c iiko<\/span>\n        <span class=\"pos-banner-arrow\">\u2192<\/span>\n    <\/a>\n<\/div><\/div><\/div><\/li>\n                <li style=\"display: none; width: 100%;\" class=\"slide-3523 ms-image\"><img width=\"1200\" height=\"496\" src=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/Main_POS_offer.png\" class=\"slider-1410 slide-3523\" alt=\"\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0434\u0435\u043b\u043e\u0436\u0435\u043d\u0438\u0435\" decoding=\"async\" loading=\"lazy\" rel=\"\" title=\"\" srcset=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/Main_POS_offer.png 1200w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/Main_POS_offer-300x124.png 300w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/Main_POS_offer-1024x423.png 1024w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/Main_POS_offer-768x317.png 768w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/Main_POS_offer-640x265.png 640w, https:\/\/pos-systems.kz\/wp-content\/uploads\/2026\/08\/Main_POS_offer-600x248.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/li>\n            <\/ul>\n        <\/div>\n        \n    <\/div>\n<\/div>\n<p><!-- HELPDESKEDDY WIDGETS END --><\/p>\n\n\n<!-- ============================================================\n     \u0411\u041b\u041e\u041a \"\u041f\u041e\u0427\u0415\u041c\u0423 iiko?\"\n     ============================================================ -->\n\n<style>\n\n    \/* ============================================================\n       \u041e\u0421\u041d\u041e\u0412\u041d\u042b\u0415 \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415\n       ============================================================ *\/\n\n    .why-iiko {\n        --why-dark: #171b3a;\n        --why-text: #202544;\n        --why-muted: #71809f;\n\n        --why-purple: #6847ff;\n        --why-purple-light: #f5f2ff;\n\n        --why-iiko: #ff4f5f;\n\n        width: 100%;\n\n        padding: 75px 20px 55px;\n\n        background: #ffffff;\n\n        font-family:\n            -apple-system,\n            BlinkMacSystemFont,\n            \"Segoe UI\",\n            Roboto,\n            Arial,\n            sans-serif;\n\n        color: var(--why-text);\n    }\n\n\n    .why-iiko *,\n    .why-iiko *::before,\n    .why-iiko *::after {\n        box-sizing: border-box;\n    }\n\n\n    \/* ============================================================\n       \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420\n       ============================================================ *\/\n\n    .why-iiko__container {\n        width: 100%;\n\n        max-width: 1080px;\n\n        margin: 0 auto;\n    }\n\n\n    \/* ============================================================\n       \u0421\u0410\u041c\u0410\u042f \u0421\u0415\u041a\u0426\u0418\u042f\n       ============================================================ *\/\n\n    .why-iiko__box {\n\n        position: relative;\n\n        overflow: hidden;\n\n        padding: 55px 70px 60px;\n\n        border-radius: 26px;\n\n        background:\n            linear-gradient(\n                135deg,\n                #faf9ff 0%,\n                #f5f2ff 100%\n            );\n\n        border: 1px solid #ece8ff;\n\n        box-shadow:\n            0 12px 40px rgba(62, 48, 130, .055);\n    }\n\n\n    \/* ============================================================\n       \u0414\u0415\u041a\u041e\u0420\u0410\u0422\u0418\u0412\u041d\u041e\u0415 \u0421\u0412\u0415\u0427\u0415\u041d\u0418\u0415\n       ============================================================ *\/\n\n    .why-iiko__box::before {\n\n        content: \"\";\n\n        position: absolute;\n\n        width: 260px;\n        height: 260px;\n\n        top: -150px;\n        right: -80px;\n\n        border-radius: 50%;\n\n        background:\n            rgba(104, 71, 255, .08);\n\n        filter: blur(10px);\n\n        pointer-events: none;\n    }\n\n\n    .why-iiko__box::after {\n\n        content: \"\";\n\n        position: absolute;\n\n        width: 180px;\n        height: 180px;\n\n        bottom: -120px;\n        left: -60px;\n\n        border-radius: 50%;\n\n        background:\n            rgba(255, 79, 95, .055);\n\n        filter: blur(8px);\n\n        pointer-events: none;\n    }\n\n\n    \/* ============================================================\n       \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a\n       ============================================================ *\/\n\n    .why-iiko__header {\n\n        position: relative;\n\n        z-index: 2;\n\n        text-align: center;\n\n        margin-bottom: 28px;\n    }\n\n\n    .why-iiko__label {\n\n        display: inline-flex;\n\n        align-items: center;\n\n        gap: 9px;\n\n        margin-bottom: 13px;\n\n        color: var(--why-purple);\n\n        font-size: 10px;\n\n        line-height: 1;\n\n        font-weight: 800;\n\n        letter-spacing: .18em;\n\n        text-transform: uppercase;\n    }\n\n\n    .why-iiko__label::before {\n\n        content: \"\";\n\n        display: block;\n\n        width: 24px;\n        height: 2px;\n\n        border-radius: 10px;\n\n        background:\n            var(--why-purple);\n    }\n\n\n    .why-iiko__title {\n\n        margin: 0;\n\n        color: var(--why-dark);\n\n        font-size: clamp(34px, 4vw, 44px);\n\n        line-height: 1.1;\n\n        font-weight: 700;\n\n        letter-spacing: -.035em;\n    }\n\n\n    .why-iiko__title span {\n\n        color: var(--why-iiko);\n\n        font-weight: 800;\n    }\n\n\n    \/* ============================================================\n       \u0422\u0415\u041a\u0421\u0422\n       ============================================================ *\/\n\n    .why-iiko__text {\n\n        position: relative;\n\n        z-index: 2;\n\n        max-width: 900px;\n\n        margin: 0 auto;\n\n        text-align: center;\n\n        color: var(--why-muted);\n\n        font-size: 17px;\n\n        line-height: 1.75;\n\n        font-weight: 400;\n    }\n\n\n    .why-iiko__text strong {\n\n        color: var(--why-iiko);\n\n        font-weight: 800;\n    }\n\n\n    \/* ============================================================\n       \u0410\u041a\u0426\u0415\u041d\u0422\u041d\u0410\u042f \u041b\u0418\u041d\u0418\u042f\n       ============================================================ *\/\n\n    .why-iiko__accent {\n\n        position: relative;\n\n        z-index: 2;\n\n        width: 55px;\n\n        height: 4px;\n\n        margin: 30px auto 0;\n\n        border-radius: 20px;\n\n        background:\n            linear-gradient(\n                90deg,\n                var(--why-purple),\n                var(--why-iiko)\n            );\n    }\n\n\n    \/* ============================================================\n       \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0412\u0415\u0420\u0421\u0418\u042f\n       ============================================================ *\/\n\n    @media (max-width: 850px) {\n\n        .why-iiko {\n\n            padding:\n                60px 18px 70px;\n        }\n\n\n        .why-iiko__box {\n\n            padding:\n                45px 40px 50px;\n        }\n\n\n        .why-iiko__text {\n\n            font-size: 16px;\n\n            line-height: 1.7;\n        }\n\n    }\n\n\n    @media (max-width: 550px) {\n\n        .why-iiko {\n\n            padding:\n                45px 14px 55px;\n        }\n\n\n        .why-iiko__box {\n\n            padding:\n                38px 22px 42px;\n\n            border-radius: 21px;\n        }\n\n\n        .why-iiko__label {\n\n            font-size: 9px;\n\n            letter-spacing: .13em;\n        }\n\n\n        .why-iiko__title {\n\n            font-size: 32px;\n        }\n\n\n        .why-iiko__text {\n\n            font-size: 15px;\n\n            line-height: 1.7;\n        }\n\n\n        .why-iiko__accent {\n\n            margin-top: 25px;\n        }\n\n    }\n\n<\/style>\n\n\n<!-- ============================================================\n     HTML\n     ============================================================ -->\n\n<section class=\"why-iiko\">\n\n    <div class=\"why-iiko__container\">\n\n        <div class=\"why-iiko__box\">\n\n\n            <!-- \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a -->\n\n            <div class=\"why-iiko__header\">\n\n                <div class=\"why-iiko__label\">\n                    \u041f\u041e\u0427\u0415\u041c\u0423 \u0412\u042b\u0411\u0418\u0420\u0410\u042e\u0422 iiko\n                <\/div>\n\n\n                <h2 class=\"why-iiko__title\">\n\n                    \u041f\u043e\u0447\u0435\u043c\u0443\n                    <span>iiko<\/span>?\n\n                <\/h2>\n\n            <\/div>\n\n\n            <!-- \u0422\u0415\u041a\u0421\u0422 -->\n\n            <div class=\"why-iiko__text\">\n\n                <strong>iiko<\/strong> \u2014 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0438 \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435,\n                \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441\u0430\u043c\u044b\u0435 \u0440\u0430\u0437\u043d\u044b\u0435 \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f:\n                \u043e\u0442 \u043a\u0440\u043e\u0445\u043e\u0442\u043d\u044b\u0445 \u0431\u0430\u0440\u043e\u0432 \u0438 \u043a\u043e\u0444\u0435\u0435\u043d \u0434\u043e \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043d\u044b\u0445\n                \u0441\u0435\u0442\u0435\u0439 \u0441 \u0441\u043e\u0442\u043d\u044f\u043c\u0438 \u0442\u043e\u0447\u0435\u043a \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u043e\u0439 \u0444\u0440\u0430\u043d\u0448\u0438\u0437\u043e\u0439,\n                \u043e\u0442 \u043a\u0430\u0444\u0435 \u043d\u0430 \u0444\u0443\u0434\u043a\u043e\u0440\u0442\u0435 \u0434\u043e \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043e\u0432 \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043a\u0443\u0445\u043d\u0438,\n                \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u0435\u0434\u044b \u0434\u043e \u0433\u0430\u0441\u0442\u0440\u043e\u043c\u0430\u0440\u043a\u0435\u0442\u043e\u0432.\n\n            <\/div>\n\n\n            <!-- \u0410\u041a\u0426\u0415\u041d\u0422 -->\n\n            <div class=\"why-iiko__accent\"><\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ============================================================\n     \u0411\u041b\u041e\u041a: \u0422\u0418\u041f\u041e\u0412\u042b\u0415 \u041f\u0420\u041e\u0415\u041a\u0422\u042b\n     \u0421\u0422\u0418\u041b\u042c \u041d\u041e\u0412\u041e\u0413\u041e \u0421\u0410\u0419\u0422\u0410\n     ============================================================ -->\n\n<style>\n\n    \/* ============================================================\n       \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u0419 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420\n       ============================================================ *\/\n\n    .tp-projects {\n        --tp-dark: #171b3a;\n        --tp-text: #202544;\n        --tp-muted: #71809f;\n\n        --tp-purple: #6847ff;\n        --tp-purple-light: #f1edff;\n\n        --tp-iiko: #ff4f5f;\n\n        --tp-border: #e8eaf2;\n\n        width: 100%;\n        padding: 5px 20px 100px;\n\n        background: #ffffff;\n\n        color: var(--tp-text);\n\n        font-family:\n            -apple-system,\n            BlinkMacSystemFont,\n            \"Segoe UI\",\n            Roboto,\n            Arial,\n            sans-serif;\n    }\n\n\n    .tp-projects *,\n    .tp-projects *::before,\n    .tp-projects *::after {\n        box-sizing: border-box;\n    }\n\n\n    .tp-projects__container {\n        width: 100%;\n        max-width: 1080px;\n\n        margin: 0 auto;\n    }\n\n\n    \/* ============================================================\n       \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a\n       ============================================================ *\/\n\n    .tp-projects__header {\n        max-width: 760px;\n\n        margin: 0 auto 50px;\n\n        text-align: center;\n    }\n\n\n    .tp-projects__label {\n        display: inline-block;\n\n        margin-bottom: 15px;\n\n        color: var(--tp-purple);\n\n        font-size: 11px;\n        line-height: 1;\n\n        font-weight: 800;\n\n        letter-spacing: .18em;\n\n        text-transform: uppercase;\n    }\n\n\n    .tp-projects__title {\n        margin: 0;\n\n        color: var(--tp-dark);\n\n        font-size: clamp(36px, 4.5vw, 48px);\n\n        line-height: 1.08;\n\n        font-weight: 800;\n\n        letter-spacing: -.035em;\n    }\n\n\n    .tp-projects__title .tp-iiko {\n        color: var(--tp-iiko);\n    }\n\n\n    .tp-projects__subtitle {\n        max-width: 700px;\n\n        margin: 18px auto 0;\n\n        color: var(--tp-muted);\n\n        font-size: 16px;\n\n        line-height: 1.65;\n\n        font-weight: 400;\n    }\n\n\n    \/* ============================================================\n       \u0421\u0415\u0422\u041a\u0410\n       ============================================================ *\/\n\n    .tp-projects__grid {\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 24px;\n    }\n\n\n    \/* ============================================================\n       \u041a\u0410\u0420\u0422\u041e\u0427\u041a\u0410\n       ============================================================ *\/\n\n    .tp-card {\n        position: relative;\n\n        display: flex;\n        flex-direction: column;\n\n        min-width: 0;\n\n        overflow: hidden;\n\n        background: #ffffff;\n\n        border: 1px solid var(--tp-border);\n\n        border-radius: 22px;\n\n        box-shadow:\n            0 8px 30px rgba(28, 36, 70, .055);\n\n        transition:\n            transform .3s ease,\n            box-shadow .3s ease,\n            border-color .3s ease;\n    }\n\n\n    .tp-card:hover {\n        transform: translateY(-5px);\n\n        border-color:\n            rgba(104, 71, 255, .28);\n\n        box-shadow:\n            0 20px 48px rgba(28, 36, 70, .11);\n    }\n\n\n    \/* ============================================================\n       \u0418\u0417\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415\n       ============================================================ *\/\n\n    .tp-card__image {\n        position: relative;\n\n        width: 100%;\n\n        height: 285px;\n\n        overflow: hidden;\n\n        background: #e9ebf2;\n    }\n\n\n    .tp-card__image img {\n        display: block;\n\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n\n        transition:\n            transform .6s cubic-bezier(.2,.7,.2,1);\n    }\n\n\n    .tp-card:hover .tp-card__image img {\n        transform: scale(1.045);\n    }\n\n\n    \/* \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u0441\u043d\u0438\u0437\u0443 *\/\n\n    .tp-card__image::after {\n        content: \"\";\n\n        position: absolute;\n\n        inset: 0;\n\n        background:\n            linear-gradient(\n                to bottom,\n                rgba(23, 27, 58, 0) 35%,\n                rgba(23, 27, 58, .48) 100%\n            );\n\n        pointer-events: none;\n    }\n\n\n    \/* ============================================================\n       \u041d\u041e\u041c\u0415\u0420 \u041f\u0420\u041e\u0415\u041a\u0422\u0410\n       ============================================================ *\/\n\n    .tp-card__number {\n        position: absolute;\n\n        top: 18px;\n        left: 18px;\n\n        z-index: 3;\n\n        display: flex;\n\n        align-items: center;\n        justify-content: center;\n\n        width: 40px;\n        height: 40px;\n\n        border-radius: 50%;\n\n        background:\n            rgba(255,255,255,.94);\n\n        color: var(--tp-dark);\n\n        font-size: 11px;\n\n        font-weight: 800;\n\n        box-shadow:\n            0 5px 18px rgba(0,0,0,.13);\n    }\n\n\n    \/* ============================================================\n       \u041a\u041e\u041d\u0422\u0415\u041d\u0422\n       ============================================================ *\/\n\n    .tp-card__content {\n        display: flex;\n        flex-direction: column;\n\n        flex: 1;\n\n        padding: 26px 28px 28px;\n    }\n\n\n    .tp-card__title {\n        margin: 0 0 13px;\n\n        color: var(--tp-dark);\n\n        font-size: 23px;\n\n        line-height: 1.2;\n\n        font-weight: 800;\n\n        letter-spacing: -.025em;\n    }\n\n\n    .tp-card__text {\n        margin: 0;\n\n        color: var(--tp-muted);\n\n        font-size: 15px;\n\n        line-height: 1.65;\n    }\n\n\n    .tp-card__text .tp-iiko {\n        color: var(--tp-iiko);\n\n        font-weight: 800;\n    }\n\n\n    \/* ============================================================\n       \u0421\u0421\u042b\u041b\u041a\u0410\n       ============================================================ *\/\n\n    .tp-card__link {\n        display: inline-flex;\n\n        align-items: center;\n\n        gap: 10px;\n\n        width: fit-content;\n\n        margin-top: 22px;\n\n        color: var(--tp-purple) !important;\n\n        text-decoration: none !important;\n\n        font-size: 14px;\n\n        line-height: 1;\n\n        font-weight: 750;\n\n        transition:\n            color .25s ease;\n    }\n\n\n    .tp-card__arrow {\n        display: flex;\n\n        align-items: center;\n        justify-content: center;\n\n        width: 28px;\n        height: 28px;\n\n        border-radius: 50%;\n\n        background:\n            var(--tp-purple-light);\n\n        color:\n            var(--tp-purple);\n\n        font-size: 16px;\n\n        transition:\n            transform .25s ease,\n            background .25s ease,\n            color .25s ease;\n    }\n\n\n    .tp-card__link:hover {\n        color: var(--tp-dark) !important;\n    }\n\n\n    .tp-card__link:hover .tp-card__arrow {\n        transform: translateX(4px);\n\n        background:\n            var(--tp-purple);\n\n        color: #ffffff;\n    }\n\n\n    \/* ============================================================\n       \u041f\u041b\u0410\u0412\u041d\u041e\u0415 \u041f\u041e\u042f\u0412\u041b\u0415\u041d\u0418\u0415\n       ============================================================ *\/\n\n    @keyframes tpFadeUp {\n\n        from {\n            opacity: 0;\n\n            transform:\n                translateY(18px);\n        }\n\n        to {\n            opacity: 1;\n\n            transform:\n                translateY(0);\n        }\n\n    }\n\n\n    .tp-card {\n        animation:\n            tpFadeUp .65s ease both;\n    }\n\n\n    .tp-card:nth-child(1) {\n        animation-delay: .05s;\n    }\n\n\n    .tp-card:nth-child(2) {\n        animation-delay: .12s;\n    }\n\n\n    .tp-card:nth-child(3) {\n        animation-delay: .19s;\n    }\n\n\n    .tp-card:nth-child(4) {\n        animation-delay: .26s;\n    }\n\n\n    \/* ============================================================\n       \u041f\u041b\u0410\u041d\u0428\u0415\u0422\n       ============================================================ *\/\n\n    @media (max-width: 850px) {\n\n        .tp-projects {\n            padding:\n                65px 18px 75px;\n        }\n\n\n        .tp-projects__grid {\n            grid-template-columns: 1fr;\n\n            max-width: 650px;\n\n            margin: 0 auto;\n        }\n\n    }\n\n\n    \/* ============================================================\n       \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0419\n       ============================================================ *\/\n\n    @media (max-width: 550px) {\n\n        .tp-projects {\n            padding:\n                50px 14px 60px;\n        }\n\n\n        .tp-projects__header {\n            margin-bottom: 35px;\n        }\n\n\n        .tp-projects__label {\n            font-size: 10px;\n\n            letter-spacing: .14em;\n        }\n\n\n        .tp-projects__title {\n            font-size: 34px;\n        }\n\n\n        .tp-projects__subtitle {\n            margin-top: 15px;\n\n            font-size: 15px;\n        }\n\n\n        .tp-projects__grid {\n            gap: 18px;\n        }\n\n\n        .tp-card {\n            border-radius: 20px;\n        }\n\n\n        .tp-card__image {\n            height: 230px;\n        }\n\n\n        .tp-card__content {\n            padding:\n                22px 21px 25px;\n        }\n\n\n        .tp-card__title {\n            font-size: 21px;\n        }\n\n\n        .tp-card__text {\n            font-size: 14px;\n        }\n\n\n        .tp-card__number {\n            top: 15px;\n            left: 15px;\n\n            width: 36px;\n            height: 36px;\n        }\n\n    }\n\n<\/style>\n\n\n<!-- ============================================================\n     HTML\n     ============================================================ -->\n\n<section class=\"tp-projects\">\n\n    <div class=\"tp-projects__container\">\n\n\n        <!-- ======================================================\n             \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a\n             ====================================================== -->\n\n        <div class=\"tp-projects__header\">\n\n            <div class=\"tp-projects__label\">\n                \u0420\u0415\u0428\u0415\u041d\u0418\u042f \u0414\u041b\u042f \u0412\u0410\u0428\u0415\u0413\u041e \u0411\u0418\u0417\u041d\u0415\u0421\u0410\n            <\/div>\n\n\n            <h2 class=\"tp-projects__title\">\n\n                \u0412\u042b\u0411\u0415\u0420\u0418\u0422\u0415 \u0421\u0412\u041e\u042e\n                <span class=\"tp-iiko\">iiko<\/span>\n\n            <\/h2>\n\n\n            <p class=\"tp-projects__subtitle\">\n\n                \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u2014\n                \u043e\u0442 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043a\u043e\u0444\u0435\u0439\u043d\u0438 \u0434\u043e \u043a\u0440\u0443\u043f\u043d\u043e\u0439 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043d\u043e\u0439 \u0441\u0435\u0442\u0438.\n\n            <\/p>\n\n        <\/div>\n\n\n        <!-- ======================================================\n             \u041a\u0410\u0420\u0422\u041e\u0427\u041a\u0418\n             ====================================================== -->\n\n        <div class=\"tp-projects__grid\">\n\n\n            <!-- ==================================================\n                 01. \u0420\u0415\u0421\u0422\u041e\u0420\u0410\u041d\n                 ================================================== -->\n\n            <article class=\"tp-card\">\n\n                <div class=\"tp-card__image\">\n\n                    <div class=\"tp-card__number\">\n                        01\n                    <\/div>\n\n\n                    <!--\n                        \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 URL \u0421\u0423\u0429\u0415\u0421\u0422\u0412\u0423\u042e\u0429\u0415\u0419\n                        \u0424\u041e\u0422\u041e\u0413\u0420\u0410\u0424\u0418\u0418 \u0420\u0415\u0421\u0422\u041e\u0420\u0410\u041d\u0410\n                    -->\n\n                    <img decoding=\"async\" src=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2023\/01\/restr.jpg\" alt=\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0430\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"tp-card__content\">\n\n                    <h3 class=\"tp-card__title\">\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0430\n                    <\/h3>\n\n\n                    <p class=\"tp-card__text\">\n\n                        <span class=\"tp-iiko\">iiko<\/span>\n                        \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0439 \u0431\u0438\u0437\u043d\u0435\u0441,\n                        \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u043d\u043e\u0441\u0438\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u0438\u0431\u044b\u043b\u0438.\n                        \u041c\u043e\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430, \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f,\n                        \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u044b\u0435 \u0433\u043e\u0441\u0442\u0438 \u2014 \u0442\u0435\u043f\u0435\u0440\u044c \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0434\u0435\u043b\u044f\u0442\u044c\n                        \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438.\n\n                    <\/p>\n\n\n                    <!--\n                        \u0417\u0410\u041c\u0415\u041d\u0418\u0422\u0415 # \u041d\u0410 \u0421\u0421\u042b\u041b\u041a\u0423\n                        \u041d\u0410 \u0421\u0422\u0420\u0410\u041d\u0418\u0426\u0423 \u0420\u0415\u0421\u0422\u041e\u0420\u0410\u041d\u0410\n                    -->\n\n                    <a href=\"https:\/\/pos-systems.kz\/?page_id=910\" class=\"tp-card__link\">\n\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n\n                        <span class=\"tp-card__arrow\">\n                            \u2192\n                        <\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- ==================================================\n                 02. \u0424\u0410\u0421\u0422\u0424\u0423\u0414\n                 ================================================== -->\n\n            <article class=\"tp-card\">\n\n                <div class=\"tp-card__image\">\n\n                    <div class=\"tp-card__number\">\n                        02\n                    <\/div>\n\n\n                    <!--\n                        \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 URL \u0421\u0423\u0429\u0415\u0421\u0422\u0412\u0423\u042e\u0429\u0415\u0419\n                        \u0424\u041e\u0422\u041e\u0413\u0420\u0410\u0424\u0418\u0418 \u0424\u0410\u0421\u0422\u0424\u0423\u0414\u0410\n                    -->\n\n                    <img decoding=\"async\" src=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2023\/01\/FF.jpg\" alt=\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0444\u0430\u0441\u0442\u0444\u0443\u0434\u0430\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"tp-card__content\">\n\n                    <h3 class=\"tp-card__title\">\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0444\u0430\u0441\u0442\u0444\u0443\u0434\u0430\n                    <\/h3>\n\n\n                    <p class=\"tp-card__text\">\n\n                        \u0421\n                        <span class=\"tp-iiko\">iiko<\/span>\n                        \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0442\u044c \u0432\u044b\u0441\u043e\u043a\u0443\u044e\n                        \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0441 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c\n                        \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u043c \u043a \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0433\u043e\u0441\u0442\u044e.\n                        \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442 \u0442\u043e\u0447\u043d\u0443\u044e \u0438 \u0431\u0435\u0437\u043e\u0448\u0438\u0431\u043e\u0447\u043d\u0443\u044e\n                        \u0440\u0430\u0431\u043e\u0442\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430, \u0430 \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e\n                        \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441.\n\n                    <\/p>\n\n\n                    <a href=\"https:\/\/pos-systems.kz\/?page_id=968\" class=\"tp-card__link\">\n\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n\n                        <span class=\"tp-card__arrow\">\n                            \u2192\n                        <\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- ==================================================\n                 03. \u0421\u0422\u041e\u041b\u041e\u0412\u0410\u042f\n                 ================================================== -->\n\n            <article class=\"tp-card\">\n\n                <div class=\"tp-card__image\">\n\n                    <div class=\"tp-card__number\">\n                        03\n                    <\/div>\n\n\n                    <!--\n                        \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 URL \u0421\u0423\u0429\u0415\u0421\u0422\u0412\u0423\u042e\u0429\u0415\u0419\n                        \u0424\u041e\u0422\u041e\u0413\u0420\u0410\u0424\u0418\u0418 \u0421\u0422\u041e\u041b\u041e\u0412\u041e\u0419\n                    -->\n\n                    <img decoding=\"async\" src=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2023\/01\/stolovaia.jpg\" alt=\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0442\u043e\u043b\u043e\u0432\u043e\u0439\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"tp-card__content\">\n\n                    <h3 class=\"tp-card__title\">\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0442\u043e\u043b\u043e\u0432\u043e\u0439\n                    <\/h3>\n\n\n                    <p class=\"tp-card__text\">\n\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c\n                        \u043f\u0440\u043e\u0434\u0430\u0436\u0438, \u0441\u043a\u043b\u0430\u0434, \u043a\u0443\u0445\u043d\u044e \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430,\n                        \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044f \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432\n                        \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u043b\u043e\u0432\u043e\u0439.\n\n                    <\/p>\n\n\n                    <a href=\"https:\/\/pos-systems.kz\/?page_id=1004\" class=\"tp-card__link\">\n\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n\n                        <span class=\"tp-card__arrow\">\n                            \u2192\n                        <\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n\n            <!-- ==================================================\n                 04. \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0410\n                 ================================================== -->\n\n            <article class=\"tp-card\">\n\n                <div class=\"tp-card__image\">\n\n                    <div class=\"tp-card__number\">\n                        04\n                    <\/div>\n\n\n                    <!--\n                        \u0412\u0421\u0422\u0410\u0412\u042c\u0422\u0415 \u0421\u042e\u0414\u0410 URL \u0421\u0423\u0429\u0415\u0421\u0422\u0412\u0423\u042e\u0429\u0415\u0419\n                        \u0424\u041e\u0422\u041e\u0413\u0420\u0410\u0424\u0418\u0418 \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0418\n                    -->\n\n                    <img decoding=\"async\" src=\"https:\/\/pos-systems.kz\/wp-content\/uploads\/2023\/01\/delivery.jpg\" alt=\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043b\u0443\u0436\u0431\u044b \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438\" loading=\"lazy\">\n\n                <\/div>\n\n\n                <div class=\"tp-card__content\">\n\n                    <h3 class=\"tp-card__title\">\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043b\u0443\u0436\u0431\u044b \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438\n                    <\/h3>\n\n\n                    <p class=\"tp-card__text\">\n\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u043f\u0440\u0438\u0451\u043c \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0437\u0430\u043a\u0430\u0437\u043e\u0432,\n                        \u0440\u0430\u0431\u043e\u0442\u0443 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u0432, \u043a\u0443\u0445\u043d\u0438 \u0438 \u043a\u0443\u0440\u044c\u0435\u0440\u043e\u0432.\n                        \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u0430\u0436\u0434\u044b\u0439 \u044d\u0442\u0430\u043f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0430\n                        \u0438 \u043f\u043e\u0432\u044b\u0448\u0430\u0439\u0442\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432.\n\n                    <\/p>\n\n\n                    <a href=\"https:\/\/pos-systems.kz\/?page_id=986\" class=\"tp-card__link\">\n\n                        \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\n\n                        <span class=\"tp-card__arrow\">\n                            \u2192\n                        <\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u041e\u0427\u0415\u041c\u0423 \u0412\u042b\u0411\u0418\u0420\u0410\u042e\u0422 iiko \u041f\u043e\u0447\u0435\u043c\u0443 iiko? iiko \u2014 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0438 \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441\u0430\u043c\u044b\u0435 \u0440\u0430\u0437\u043d\u044b\u0435 \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f: \u043e\u0442 \u043a\u0440\u043e\u0445\u043e\u0442\u043d\u044b\u0445 \u0431\u0430\u0440\u043e\u0432 \u0438 \u043a\u043e\u0444\u0435\u0435\u043d \u0434\u043e \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043d\u044b\u0445 \u0441\u0435\u0442\u0435\u0439 \u0441 \u0441\u043e\u0442\u043d\u044f\u043c\u0438 \u0442\u043e\u0447\u0435\u043a \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u043e\u0439 \u0444\u0440\u0430\u043d\u0448\u0438\u0437\u043e\u0439, \u043e\u0442 \u043a\u0430\u0444\u0435 \u043d\u0430 \u0444\u0443\u0434\u043a\u043e\u0440\u0442\u0435 \u0434\u043e \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043e\u0432 \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043a\u0443\u0445\u043d\u0438, \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u0435\u0434\u044b \u0434\u043e \u0433\u0430\u0441\u0442\u0440\u043e\u043c\u0430\u0440\u043a\u0435\u0442\u043e\u0432. \u0420\u0415\u0428\u0415\u041d\u0418\u042f \u0414\u041b\u042f \u0412\u0410\u0428\u0415\u0413\u041e \u0411\u0418\u0417\u041d\u0415\u0421\u0410 \u0412\u042b\u0411\u0415\u0420\u0418\u0422\u0415 \u0421\u0412\u041e\u042e iiko \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pos-systems.kz\/index.php?rest_route=\/wp\/v2\/pages\/1273"}],"collection":[{"href":"https:\/\/pos-systems.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pos-systems.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pos-systems.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pos-systems.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1273"}],"version-history":[{"count":38,"href":"https:\/\/pos-systems.kz\/index.php?rest_route=\/wp\/v2\/pages\/1273\/revisions"}],"predecessor-version":[{"id":3003,"href":"https:\/\/pos-systems.kz\/index.php?rest_route=\/wp\/v2\/pages\/1273\/revisions\/3003"}],"wp:attachment":[{"href":"https:\/\/pos-systems.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}