{"id":710,"date":"2025-06-30T23:44:15","date_gmt":"2025-06-30T18:44:15","guid":{"rendered":"https:\/\/cesna.kz\/?page_id=710"},"modified":"2025-10-18T00:28:44","modified_gmt":"2025-10-17T19:28:44","slug":"%d0%bd%d0%be%d0%b2%d0%be%d1%81%d1%82%d0%b8-2","status":"publish","type":"page","link":"https:\/\/cesna.kz\/?page_id=710","title":{"rendered":"\u041d\u043e\u0432\u043e\u0441\u0442\u0438"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"710\" class=\"elementor elementor-710\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b86c8d3 e-flex e-con-boxed e-con e-parent\" data-id=\"b86c8d3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-531eec4 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"531eec4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a20484 e-con-full news-list e-flex e-con e-child\" data-id=\"0a20484\" data-element_type=\"container\" id=\"news-list\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d8276 elementor-widget elementor-widget-html\" data-id=\"c3d8276\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/json\" id=\"news-data\">\r\n[\r\n  {\r\n    \"id\": 1,\r\n    \"title\": \"\u041e\u0431\u044a\u044f\u0432\u043b\u0435\u043d \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u044c \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0430 \u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a\",\r\n    \"date\": \"28.06.2025\",\r\n    \"excerpt\": \"\u0418\u0442\u043e\u0433\u0438 \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0430 \u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0438 \u043e\u0442 \u0426\u0435\u0441\u043d\u0430! \u041f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u0435\u043c \u0441\u0442\u0430\u043b \u0422\u0443\u0440\u0435\u043a\u0443\u043b\u043e\u0432 \u0416\u0430\u043d\u0430\u0440. \u0420\u0430\u0431\u043e\u0442\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u044f\u0440\u043a\u043e\u0439, \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0438 \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u044e\u0449\u0435\u0439\u0441\u044f.\",\r\n    \"image\": \"https:\/\/cesna.kz\/wp-content\/uploads\/2025\/10\/Rectangle-663.png\",\r\n    \"url\": \"https:\/\/cesna.kz\/?page_id=1893&id=1\"\r\n  }\r\n]\r\n<\/script>\r\n\r\n<script>\r\n(function(){\r\n  function onReady(fn){\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", fn);\r\n    } else { fn(); }\r\n  }\r\n\r\n  onReady(() => {\r\n    const container = document.getElementById(\"news-list\");\r\n    const dataEl = document.getElementById(\"news-data\");\r\n    if (!container || !dataEl) return;\r\n\r\n    let data = [];\r\n    try {\r\n      data = JSON.parse(dataEl.textContent);\r\n    } catch(e) { console.error(\"\u041e\u0448\u0438\u0431\u043a\u0430 JSON:\", e); }\r\n\r\n    \/\/ \u26d1\ufe0f \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u00ab\u0442\u043e\u0447\u043a\u0443 \u043c\u043e\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\u00bb \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u0435\u043c \u0441\u0430\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\r\n    let mount = container.querySelector(\".news-mount\");\r\n    if (!mount) {\r\n      mount = document.createElement(\"div\");\r\n      mount.className = \"news-mount\";\r\n      container.appendChild(mount);\r\n    }\r\n\r\n    \/\/ \u0413\u043e\u0442\u043e\u0432\u0438\u043c \u043d\u043e\u0432\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0432\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 (\u0431\u0435\u0437 \u043c\u0435\u0440\u0446\u0430\u043d\u0438\u044f)\r\n    const frag = document.createDocumentFragment();\r\n\r\n    data.forEach(n => {\r\n      const card = document.createElement(\"article\");\r\n      card.className = \"news-card\";\r\n      card.onclick = () => window.location.href = n.url;\r\n\r\n      card.innerHTML = `\r\n        <div class=\"news-card__image-wrap\">\r\n          <img decoding=\"async\" src=\"${n.image}\" alt=\"${n.title}\" class=\"news-card__image\">\r\n        <\/div>\r\n        <div class=\"news-card__text\">\r\n          <div class=\"news-card__date\">${n.date}<\/div>\r\n          <h2 class=\"news-card__title\">${n.title}<\/h2>\r\n          <p class=\"news-card__excerpt\">${n.excerpt}<\/p>\r\n          <div class=\"news-card__read\">\u0427\u0438\u0442\u0430\u0442\u044c \u2192<\/div>\r\n        <\/div>\r\n      `;\r\n      frag.appendChild(card);\r\n    });\r\n\r\n    \/\/ \ud83d\udd01 \u0410\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u0422\u041e\u041b\u042c\u041a\u041e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e mount\r\n    mount.replaceChildren(frag);\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n.news-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 *\/\r\n.news-card {\r\n  display: flex;\r\n  align-items: stretch;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  background: #fff;\r\n  box-shadow: 0 4px 10px rgba(0,0,0,0.25);\r\n  cursor: pointer;\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n  height: 220px;\r\n  margin-bottom: 24px;\r\n}\r\n.news-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 6px 18px rgba(0,0,0,0.25);\r\n}\r\n\r\n.news-card:last-child {\r\n  margin-bottom: 0; \/* \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043d\u0435 \u0438\u043c\u0435\u043b\u0430 \u043b\u0438\u0448\u043d\u0435\u0433\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u0430 \u0441\u043d\u0438\u0437\u0443 *\/\r\n}\r\n\r\n\/* \u041b\u0435\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430) *\/\r\n.news-card__image-wrap {\r\n  flex: 0 0 40%;\r\n  max-width: 400px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 100%;\r\n}\r\n.news-card__image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* \u041f\u0440\u0430\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c (\u0442\u0435\u043a\u0441\u0442) *\/\r\n.news-card__text {\r\n  flex: 1;\r\n  padding: 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.news-card__date {\r\n  font-size: 14px;\r\n  color: #2a4e96;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.news-card__title {\r\n  font-size: 20px;\r\n  margin: 0 0 10px;\r\n  font-weight: 8800;\r\n}\r\n\r\n.news-card__excerpt {\r\n  font-size: 16px;\r\n  color: #555;\r\n  margin-bottom: 10px;\r\n  line-height: 1.4;\r\n  max-height: 3.6em;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n}\r\n\r\n.news-card__read {\r\n  color: #2a4e96;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  margin-top: auto;\r\n  align-self: flex-end;\r\n}\r\n\r\n\/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432 *\/\r\n@media (max-width: 768px) {\r\n  .news-card {\r\n    flex-direction: column;\r\n    height: auto;\r\n  }\r\n  .news-card__image-wrap {\r\n    max-width: 100%;\r\n    flex: none;\r\n    height: 200px;\r\n  }\r\n  .news-card__text {\r\n    padding: 18px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-710","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cesna.kz\/index.php?rest_route=\/wp\/v2\/pages\/710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cesna.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cesna.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cesna.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cesna.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=710"}],"version-history":[{"count":104,"href":"https:\/\/cesna.kz\/index.php?rest_route=\/wp\/v2\/pages\/710\/revisions"}],"predecessor-version":[{"id":2950,"href":"https:\/\/cesna.kz\/index.php?rest_route=\/wp\/v2\/pages\/710\/revisions\/2950"}],"wp:attachment":[{"href":"https:\/\/cesna.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}