{"id":3808,"date":"2026-02-21T23:38:13","date_gmt":"2026-02-21T23:38:13","guid":{"rendered":"https:\/\/user22.delovna.finki.ukim.mk\/?page_id=3808"},"modified":"2026-02-22T00:59:42","modified_gmt":"2026-02-22T00:59:42","slug":"%d0%ba%d0%b2%d0%b0%d0%bb%d0%b8%d1%82%d0%b5%d1%82-%d0%bd%d0%b0-%d0%b2%d0%be%d0%b7%d0%b4%d1%83%d1%85","status":"publish","type":"page","link":"https:\/\/user22.delovna.finki.ukim.mk\/en\/%d0%ba%d0%b2%d0%b0%d0%bb%d0%b8%d1%82%d0%b5%d1%82-%d0%bd%d0%b0-%d0%b2%d0%be%d0%b7%d0%b4%d1%83%d1%85\/","title":{"rendered":"AIR QUALITY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3808\" class=\"elementor elementor-3808\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4a8160 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b4a8160\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5295b5f elementor-widget elementor-widget-html\" data-id=\"5295b5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"air-hero\">\n  <div class=\"air-hero__overlay\"><\/div>\n\n  <div class=\"air-hero__container\">\n    <div class=\"air-hero__main\">\n      <div class=\"air-hero__badge\">\u041e\u0424\u0418\u0426\u0418\u0408\u0410\u041b\u0415\u041d \u0418\u041d\u0424\u041e \u041f\u0420\u0415\u0413\u041b\u0415\u0414 \u2022 \u0421\u041a\u041e\u041f\u0408\u0415<\/div>\n\n      <h1 class=\"air-hero__title\">\u0417\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u0442 \u0432\u043e \u0421\u043a\u043e\u043f\u0458\u0435<\/h1>\n\n      <p class=\"air-hero__lead\">\n        \u0421\u043e\u0441\u0442\u043e\u0458\u0431\u0430, \u0441\u043b\u0435\u0434\u0435\u045a\u0435 \u0438 \u043c\u0435\u0440\u043a\u0438 \u0437\u0430 \u043f\u043e\u0434\u043e\u0431\u0440\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u043a\u0432\u0430\u043b\u0438\u0442\u0435\u0442\u043e\u0442 \u043d\u0430 \u0430\u043c\u0431\u0438\u0435\u043d\u0442\u0430\u043b\u043d\u0438\u043e\u0442 \u0432\u043e\u0437\u0434\u0443\u0445 \u0432\u043e \u0433\u043b\u0430\u0432\u043d\u0438\u043e\u0442 \u0433\u0440\u0430\u0434.\n      <\/p>\n\n      <p class=\"air-hero__text\">\n        \u041e\u0432\u043e\u0458 \u0434\u0435\u043b \u043f\u0440\u0438\u043a\u0430\u0436\u0443\u0432\u0430 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0438 \u0437\u0430 PM10 \u0438 PM2.5, \u0442\u0440\u0435\u043d\u0434\u043e\u0432\u0438 \u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438 \u0437\u0430 \u0433\u0440\u0430\u0453\u0430\u043d\u0438\u0442\u0435,\n        \u043a\u0430\u043a\u043e \u0438 \u0438\u043d\u0438\u0446\u0438\u0458\u0430\u0442\u0438\u0432\u0438 \u0438 \u043c\u0435\u0440\u043a\u0438 \u0448\u0442\u043e \u043f\u0440\u0438\u0434\u043e\u043d\u0435\u0441\u0443\u0432\u0430\u0430\u0442 \u0437\u0430 \u043f\u043e\u0447\u0438\u0441\u0442 \u0432\u043e\u0437\u0434\u0443\u0445.\n      <\/p>\n\n      <div class=\"air-hero__actions\">\n        <a class=\"air-btn air-btn--primary\" href=\"#merki\">\u041c\u0435\u0440\u043a\u0438 \u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438<\/a>\n        <a class=\"air-btn\" href=\"#inicijativi\">\u0418\u043d\u0438\u0446\u0438\u0458\u0430\u0442\u0438\u0432\u0438<\/a>\n        <a class=\"air-btn\" href=\"#gradovi\">\u041d\u0430\u0458\u0437\u0430\u0433\u0430\u0434\u0435\u043d\u0438 \u0433\u0440\u0430\u0434\u043e\u0432\u0438<\/a>\n      <\/div>\n            <!-- \u2705 \u041d\u041e\u0412 \u0421\u0415\u0413\u041c\u0415\u041d\u0422: \u0432\u043e \u043f\u0440\u0430\u0437\u043d\u0438\u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e\u0440 (\u0434\u0435\u0441\u043d\u0430 \u043a\u043e\u043b\u043e\u043d\u0430) -->\n      <div class=\"air-card air-card--mini\">\n        <div class=\"air-mini__title\">\u041f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0430 \u0437\u0430 \u0434\u0435\u043d\u0435\u0441<\/div>\n\n        <div class=\"air-warning\" id=\"air-warning\">\n          \u26a0 \u041a\u0432\u0430\u043b\u0438\u0442\u0435\u0442\u043e\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u0442 \u0435 \u043d\u0435\u0437\u0434\u0440\u0430\u0432.\n        <\/div>\n\n        <ul class=\"air-mini__list\" id=\"air-tips\">\n          <li>\u0418\u0437\u0431\u0435\u0433\u043d\u0443\u0432\u0430\u0458 \u0444\u0438\u0437\u0438\u0447\u043a\u0438 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0442\u0432\u043e\u0440\u0435\u043d\u043e.<\/li>\n          <li>\u041a\u043e\u0440\u0438\u0441\u0442\u0438 \u0458\u0430\u0432\u0435\u043d \u043f\u0440\u0435\u0432\u043e\u0437 \u043d\u0430\u043c\u0435\u0441\u0442\u043e \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b.<\/li>\n          <li>\u0427\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u043d\u0438 \u0433\u0440\u0443\u043f\u0438 \u0434\u0430 \u043e\u0441\u0442\u0430\u043d\u0430\u0442 \u0432\u043e \u0437\u0430\u0442\u0432\u043e\u0440\u0435\u043d \u043f\u0440\u043e\u0441\u0442\u043e\u0440.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"air-hero__side\">\n      <div class=\"air-card air-card--big\">\n        <div class=\"air-card__top\">\n          <div>\n            <div class=\"air-card__label\">\u041a\u0440\u0430\u0442\u043e\u043a \u043f\u0440\u0435\u0433\u043b\u0435\u0434<\/div>\n            <div class=\"air-card__sub\">\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u043e \u0430\u0436\u0443\u0440\u0438\u0440\u0430\u045a\u0435: <span id=\"air-updated\">\u2014<\/span><\/div>\n          <\/div>\n          <div class=\"air-chip\">\u0420\u0435\u0430\u043b\u043d\u043e \u0432\u0440\u0435\u043c\u0435<\/div>\n        <\/div>\n\n        <div class=\"air-stats\">\n          <div class=\"air-stat\">\n            <div class=\"air-stat__name\">PM10<\/div>\n            <div class=\"air-stat__value\"><span id=\"pm10\">\u2014<\/span> <span class=\"air-unit\">\u00b5g\/m\u00b3<\/span><\/div>\n            <div class=\"air-stat__hint\" id=\"pm10_hint\">\u2014<\/div>\n          <\/div>\n\n          <div class=\"air-stat\">\n            <div class=\"air-stat__name\">PM2.5<\/div>\n            <div class=\"air-stat__value\"><span id=\"pm25\">\u2014<\/span> <span class=\"air-unit\">\u00b5g\/m\u00b3<\/span><\/div>\n            <div class=\"air-stat__hint\" id=\"pm25_hint\">\u2014<\/div>\n          <\/div>\n\n          <div class=\"air-stat\">\n            <div class=\"air-stat__name\">AQI<\/div>\n            <div class=\"air-stat__value\"><span id=\"aqi\">\u2014<\/span><\/div>\n            <div class=\"air-stat__hint\" id=\"aqi_hint\">\u2014<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"air-note\">\n          * \u0412\u0440\u0435\u0434\u043d\u043e\u0441\u0442\u0438\u0442\u0435 \u0441\u0435 \u043f\u0440\u0438\u043c\u0435\u0440. \u0417\u0430\u043c\u0435\u043d\u0438 \u0433\u0438 \u0441\u043e \u0440\u0435\u0430\u043b\u043d\u0438 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438 \u043e\u0434 \u0442\u0432\u043e\u0458 \u0438\u0437\u0432\u043e\u0440\/\u0441\u0435\u043d\u0437\u043e\u0440\u0438.\n        <\/div>\n      <\/div>\n\n      <div class=\"air-card air-card--mini\">\n        <div class=\"air-mini__title\">\u0428\u0442\u043e \u0437\u043d\u0430\u0447\u0438 \u043e\u0432\u0430?<\/div>\n        <ul class=\"air-mini__list\">\n          <li><b>PM10<\/b> \u0438 <b>PM2.5<\/b> \u0441\u0435 \u0447\u0435\u0441\u0442\u0438\u0447\u043a\u0438 \u0448\u0442\u043e \u0432\u043b\u0438\u0458\u0430\u0430\u0442 \u043d\u0430 \u0437\u0434\u0440\u0430\u0432\u0458\u0435\u0442\u043e.<\/li>\n          <li>\u041f\u043e\u0432\u0438\u0441\u043e\u043a\u0438 \u0432\u0440\u0435\u0434\u043d\u043e\u0441\u0442\u0438 \u2192 \u043f\u043e\u0433\u043e\u043b\u0435\u043c \u0440\u0438\u0437\u0438\u043a, \u043e\u0441\u043e\u0431\u0435\u043d\u043e \u0437\u0430 \u0447\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u043d\u0438 \u0433\u0440\u0443\u043f\u0438.<\/li>\n          <li>\u0421\u043b\u0435\u0434\u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438 \u0438 \u0438\u0437\u0431\u0435\u0433\u043d\u0443\u0432\u0430\u0458 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u0434\u0432\u043e\u0440 \u043a\u043e\u0433\u0430 \u0435 \u0432\u0438\u0441\u043e\u043a\u043e.<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .air-hero{\n    position: relative;\n    overflow: hidden;\n    padding: 34px 12px;\n    font-family: \"Times New Roman\", Times, serif;\n  }\n\n  .air-hero::before{\n    content:\"\";\n    position:absolute;\n    inset:-40px;\n    background:\n      radial-gradient(900px 500px at 15% 15%, rgba(255,255,255,0.35), transparent 60%),\n      radial-gradient(700px 450px at 90% 30%, rgba(255,255,255,0.25), transparent 55%),\n      radial-gradient(700px 500px at 40% 95%, rgba(255,255,255,0.18), transparent 60%);\n    z-index:0;\n  }\n\n  .air-hero__overlay{\n    position:absolute;\n    inset:0;\n    z-index:0;\n  }\n\n  .air-hero__container{\n    position: relative;\n    z-index: 1;\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 14px;\n    align-items: start;\n  }\n\n  @media (max-width: 900px){\n    .air-hero__container{ grid-template-columns: 1fr; }\n  }\n\n  .air-hero__main{\n    background: rgba(255,255,255,0.5);\n    border-radius: 24px;\n    padding: 26px 22px;\n    box-shadow: 0 12px 28px rgba(0,0,0,0.12);\n    border: 1px solid rgba(0,0,0,0.06);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n  }\n\n  .air-hero__badge{\n    display: inline-block;\n    padding: 7px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.5);\n    border: 1px solid rgba(0,0,0,0.08);\n    font-weight: 800;\n    font-size: 12px;\n    letter-spacing: .4px;\n    color: #1f2d2a;\n    margin-bottom: 12px;\n  }\n\n  .air-hero__title{\n    margin: 0 0 10px;\n    font-size: 42px;\n    line-height: 1.06;\n    color: #1f2d2a;\n    font-weight: 900;\n  }\n\n  .air-hero__lead{\n    margin: 0 0 12px;\n    font-size: 18px;\n    font-weight: 700;\n    color: #1f2d2a;\n    opacity: .95;\n  }\n\n  .air-hero__text{\n    margin: 0 0 18px;\n    font-size: 16px;\n    line-height: 1.5;\n    color: #1f2d2a;\n    opacity: .92;\n    max-width: 78ch;\n  }\n\n  .air-hero__actions{\n    display:flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .air-btn{\n    display:inline-block;\n    text-decoration: none !important;\n    padding: 10px 14px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.5);\n    border: 1px solid rgba(0,0,0,0.10);\n    color: #1f2d2a;\n    font-weight: 800;\n    font-size: 14px;\n    transition: all .25s ease;\n  }\n\n  .air-btn:hover{\n    background: rgba(255,255,255,0.7);\n    transform: translateY(-1px);\n  }\n\n  .air-btn--primary{\n    background: rgba(31,45,42,0.90);\n    color: #ffffff;\n    border-color: rgba(31,45,42,0.10);\n  }\n\n  .air-btn--primary:hover{\n    background: rgba(31,45,42,1);\n  }\n\n  .air-hero__side{\n    display: grid;\n    gap: 12px;\n  }\n\n  .air-card{\n    background: rgba(255,255,255,0.5);\n    margin:10px;\n    border-radius: 22px;\n    padding: 16px 16px 14px;\n    box-shadow: 0 10px 22px rgba(0,0,0,0.10);\n    border: 1px solid rgba(0,0,0,0.06);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n  }\n\n  .air-card--big{ padding: 16px 16px 12px; }\n\n  .air-card__top{\n    display:flex;\n    align-items:flex-start;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 12px;\n  }\n\n  .air-card__label{\n    font-weight: 900;\n    font-size: 16px;\n    color: #1f2d2a;\n    margin-bottom: 2px;\n  }\n\n  .air-card__sub{\n    font-size: 13px;\n    color: #1f2d2a;\n    opacity: .85;\n  }\n\n  .air-chip{\n    font-weight: 900;\n    font-size: 12px;\n    padding: 6px 10px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.5);\n    border: 1px solid rgba(0,0,0,0.08);\n    color: #1f2d2a;\n    white-space: nowrap;\n  }\n\n  .air-stats{\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .air-stat{\n    background: rgba(255,255,255,0.5);\n    border-radius: 16px;\n    padding: 12px 12px 10px;\n    border: 1px solid rgba(0,0,0,0.06);\n  }\n\n  .air-stat__name{\n    font-weight: 900;\n    font-size: 13px;\n    color: #1f2d2a;\n    opacity: .9;\n    margin-bottom: 4px;\n    letter-spacing: .2px;\n  }\n\n  .air-stat__value{\n    font-weight: 900;\n    font-size: 22px;\n    color: #1f2d2a;\n    margin-bottom: 4px;\n  }\n\n  .air-unit{\n    font-weight: 700;\n    font-size: 13px;\n    opacity: .8;\n  }\n\n  .air-stat__hint{\n    font-size: 13px;\n    color: #1f2d2a;\n    opacity: .85;\n  }\n\n  .air-note{\n    margin-top: 10px;\n    font-size: 12.5px;\n    color: #1f2d2a;\n    opacity: .85;\n  }\n\n  .air-card--mini .air-mini__title{\n    font-weight: 900;\n    font-size: 16px;\n    margin-bottom: 8px;\n    color: #1f2d2a;\n  }\n\n  .air-mini__list{\n    margin: 0;\n    padding-left: 18px;\n    color: #1f2d2a;\n    opacity: .92;\n    line-height: 1.45;\n    font-size: 14px;\n  }\n\n  \/* \u2705 \u0441\u0442\u0438\u043b \u0437\u0430 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0434\u0443\u0432\u0430\u045a\u0435 *\/\n  .air-warning{\n    background: rgba(231,76,60,0.14);\n    border-left: 4px solid rgba(231,76,60,0.9);\n    padding: 8px 10px;\n    border-radius: 12px;\n    font-weight: 800;\n    margin-bottom: 10px;\n    color:#1f2d2a;\n  }\n\n  @media (max-width: 700px){\n    .air-hero__title{ font-size: 32px; }\n    .air-hero__main{ padding: 20px 16px; }\n  }\n<\/style>\n\n<script>\n  \/\/ \u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438 \u0437\u0430 \u0421\u043a\u043e\u043f\u0458\u0435 (\u0442\u0438\u043f\u0438\u0447\u043d\u0438 \u0437\u0438\u043c\u0441\u043a\u0438 \u0432\u0440\u0435\u0434\u043d\u043e\u0441\u0442\u0438)\n  const sample = { pm10: 92, pm25: 58, aqi: 168 };\n\n  document.getElementById(\"pm10\").textContent = sample.pm10;\n  document.getElementById(\"pm25\").textContent = sample.pm25;\n  document.getElementById(\"aqi\").textContent  = sample.aqi;\n\n  function levelPM(v){\n    if (v <= 20) return \"\u041d\u0438\u0441\u043a\u043e \u043d\u0438\u0432\u043e\";\n    if (v <= 50) return \"\u0421\u0440\u0435\u0434\u043d\u043e \u043d\u0438\u0432\u043e\";\n    if (v <= 90) return \"\u0412\u0438\u0441\u043e\u043a\u043e \u043d\u0438\u0432\u043e\";\n    return \"\u041c\u043d\u043e\u0433\u0443 \u0432\u0438\u0441\u043e\u043a\u043e \u043d\u0438\u0432\u043e\";\n  }\n  function levelAQI(v){\n    if (v <= 50) return \"\u0414\u043e\u0431\u0440\u043e\";\n    if (v <= 100) return \"\u0423\u043c\u0435\u0440\u0435\u043d\u043e\";\n    if (v <= 150) return \"\u041d\u0435\u0437\u0434\u0440\u0430\u0432\u043e \u0437\u0430 \u0447\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u043d\u0438 \u0433\u0440\u0443\u043f\u0438\";\n    if (v <= 200) return \"\u041d\u0435\u0437\u0434\u0440\u0430\u0432\u043e\";\n    return \"\u041c\u043d\u043e\u0433\u0443 \u043d\u0435\u0437\u0434\u0440\u0430\u0432\u043e\";\n  }\n\n  document.getElementById(\"pm10_hint\").textContent = levelPM(sample.pm10);\n  document.getElementById(\"pm25_hint\").textContent = levelPM(sample.pm25);\n  document.getElementById(\"aqi_hint\").textContent  = levelAQI(sample.aqi);\n\n  \/\/ \u0414\u0430\u0442\u0443\u043c \/ \u0432\u0440\u0435\u043c\u0435\n  const d = new Date();\n  const pad = (n)=> String(n).padStart(2,\"0\");\n  document.getElementById(\"air-updated\").textContent =\n    `${pad(d.getDate())}.${pad(d.getMonth()+1)}.${d.getFullYear()} ${pad(d.getHours())}:${pad(d.getMinutes())}`;\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51e0798 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"51e0798\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c874ef9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c874ef9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4953d93 elementor-widget elementor-widget-html\" data-id=\"4953d93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<style>\n  :root{\n    --stroke:rgba(0,0,0,.08);\n    --shadow:0 18px 40px rgba(0,0,0,.12);\n    --radius:18px;\n    --txt: rgba(0,0,0,.78);\n  }\n\n  .pm10-wrap{\n    max-width: 999px;\n    display:grid;\n    gap:14px;\n    font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n  }\n\n  .pm10-card{\n    background: rgba(255,255,255,.76);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    border:1px solid var(--stroke);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    overflow:hidden;\n  }\n\n  .pm10-head{\n    padding:14px 14px 10px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n  }\n\n  .pm10-title{\n    margin:0;\n    font-size:16px;\n    font-weight:800;\n    color:#1b1b1b;\n  }\n\n  .pm10-body{ padding: 0 12px 14px; }\n\n  .pm10-grid{\n    display:grid;\n    grid-template-columns: 1fr 1.25fr;\n    gap:10px;\n    align-items:stretch;\n  }\n\n  .pm10-list{\n    list-style:none;\n    margin:0;\n    padding:0;\n    display:grid;\n    gap:8px;\n    font-size:13px;\n    color: var(--txt);\n  }\n\n  .pm10-item{\n    display:flex;\n    align-items:center;\n    gap:8px;\n    padding:7px 9px;\n    border-radius:12px;\n    background: rgba(255,255,255,.65);\n    border:1px solid rgba(0,0,0,.06);\n    cursor:pointer;\n    transition:.15s ease;\n  }\n  .pm10-item:hover{ background: rgba(0,0,0,.03); }\n\n  .pm10-dot{\n    width:10px;height:10px;border-radius:999px;\n    border:2px solid rgba(0,0,0,.18);\n    box-sizing:border-box;\n    flex:0 0 10px;\n  }\n\n  .pm10-name{ font-weight:700; }\n  .pm10-val{\n    margin-left:auto;\n    font-weight:850;\n    font-variant-numeric: tabular-nums;\n  }\n  .pm10-unit{\n    font-weight:650;\n    opacity:.75;\n    margin-left:6px;\n    font-size:12px;\n  }\n\n  .pm10-map{\n    height: 205px;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid rgba(0,0,0,.06);\n    background: #eef3ef;\n  }\n\n  .pm10-legend{\n    margin-top:10px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n    font-size:12px;\n    color: rgba(0,0,0,.62);\n    align-items:center;\n  }\n  .pm10-legend b{ color:#1b1b1b; }\n  .pm10-key{ display:flex; align-items:center; gap:6px; }\n  .pm10-swatch{\n    width:12px; height:12px; border-radius:4px;\n    border:1px solid rgba(0,0,0,.14);\n  }\n\n  .pm10-note{\n    margin-top:8px;\n    font-size:12px;\n    color: rgba(0,0,0,.55);\n  }\n\n  @media (max-width: 420px){\n    .pm10-grid{ grid-template-columns: 1fr; }\n    .pm10-map{ height: 230px; }\n  }\n<\/style>\n\n<div class=\"pm10-wrap\">\n  <div class=\"pm10-card\">\n    <div class=\"pm10-head\">\n      <h3 class=\"pm10-title\">PM10 \u0437\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u045a\u0435 (\u00b5g\/m\u00b3) \u2014 \u043c\u0430\u043f\u0430<\/h3>\n    <\/div>\n\n    <div class=\"pm10-body\">\n      <div class=\"pm10-grid\">\n        <ul class=\"pm10-list\" id=\"pm10-list\"><\/ul>\n\n        <!-- \u0432\u0430\u0436\u043d\u043e: ID \u045c\u0435 \u0433\u043e \u043f\u043e\u0441\u0442\u0430\u0432\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u0442\u0430 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u043a\u0438 \u0437\u0430 \u0434\u0430 \u043d\u0435\u043c\u0430 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u0430\u043a\u043e \u0438\u043c\u0430\u0448 \u043f\u043e\u0432\u0435\u045c\u0435 \u0432\u0438\u0434\u045f\u0435\u0442\u0438 -->\n        <div class=\"pm10-map\" id=\"pm10-map\"><\/div>\n      <\/div>\n\n      <div class=\"pm10-legend\">\n        <b>\u041b\u0435\u0433\u0435\u043d\u0434\u0430:<\/b>\n        <span class=\"pm10-key\"><span class=\"pm10-swatch\" style=\"background:#2ecc71\"><\/span> \u043d\u0438\u0441\u043a\u043e (0\u201325)<\/span>\n        <span class=\"pm10-key\"><span class=\"pm10-swatch\" style=\"background:#f1c40f\"><\/span> \u0441\u0440\u0435\u0434\u043d\u043e (26\u201350)<\/span>\n        <span class=\"pm10-key\"><span class=\"pm10-swatch\" style=\"background:#e67e22\"><\/span> \u0432\u0438\u0441\u043e\u043a\u043e (51\u2013100)<\/span>\n        <span class=\"pm10-key\"><span class=\"pm10-swatch\" style=\"background:#e74c3c\"><\/span> \u043c\u043d\u043e\u0433\u0443 \u0432\u0438\u0441\u043e\u043a\u043e (100+)<\/span>\n      <\/div>\n\n      <div class=\"pm10-note\">\u041a\u043b\u0438\u043a\u043d\u0438 \u043d\u0430 \u0433\u0440\u0430\u0434 \u043e\u0434 \u043b\u0438\u0441\u0442\u0430\u0442\u0430 \u0437\u0430 \u0434\u0430 \u0458\u0430 \u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0430\u0448 \u043c\u0430\u043f\u0430\u0442\u0430 \u0438 \u0434\u0430 \u0433\u043e \u0432\u0438\u0434\u0438\u0448 PM10.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ --- 1) \u041f\u0440\u0438\u043c\u0435\u0440 (mock) \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438. \u0417\u0430\u043c\u0435\u043d\u0438 \u0433\u0438 \u0441\u043e \u0440\u0435\u0430\u043b\u043d\u0438, \u0438\u043b\u0438 \u045c\u0435 \u0433\u0438 \u0432\u0440\u0437\u0435\u043c\u0435 \u0441\u043e API \u043f\u043e\u0434\u043e\u0446\u043d\u0430.\n  const data = [\n    { name:\"\u0421\u043a\u043e\u043f\u0458\u0435\",   lat:41.9981, lng:21.4254, pm10: 68 },\n    { name:\"\u0411\u0438\u0442\u043e\u043b\u0430\",   lat:41.0314, lng:21.3347, pm10: 42 },\n    { name:\"\u041a\u0443\u043c\u0430\u043d\u043e\u0432\u043e\", lat:42.1322, lng:21.7144, pm10: 55 },\n    { name:\"\u041f\u0440\u0438\u043b\u0435\u043f\",   lat:41.3451, lng:21.5550, pm10: 35 },\n    { name:\"\u0428\u0442\u0438\u043f\",     lat:41.7465, lng:22.1997, pm10: 24 }\n  ];\n\n  \/\/ --- 2) \u0410\u043a\u043e Leaflet \u043d\u0435 \u0435 \u0432\u0447\u0438\u0442\u0430\u043d, \u043f\u0440\u0435\u043a\u0438\u043d\u0438\n  if(!window.L) return;\n\n  \/\/ --- 3) \u0411\u043e\u0458\u0430 \u0441\u043f\u043e\u0440\u0435\u0434 PM10\n  function pm10Color(v){\n    if(v >= 100) return \"#e74c3c\";\n    if(v >= 51)  return \"#e67e22\";\n    if(v >= 26)  return \"#f1c40f\";\n    return \"#2ecc71\";\n  }\n\n  \/\/ --- 4) \u041d\u0430\u043f\u0440\u0430\u0432\u0438 \u043b\u0438\u0441\u0442\u0430 + \u043c\u0430\u043f\u0430\n  const listEl = document.getElementById(\"pm10-list\");\n  const mapEl  = document.getElementById(\"pm10-map\");\n  if(!listEl || !mapEl) return;\n\n  \/\/ --- 5) \u0421\u043f\u0440\u0435\u0447\u0438 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442 \u0430\u043a\u043e \u0438\u043c\u0430\u0448 \u043f\u043e\u0432\u0435\u045c\u0435 \u0432\u0430\u043a\u0432\u0438 \u0431\u043b\u043e\u043a\u043e\u0432\u0438\n  const uid = \"pm10_\" + Math.random().toString(16).slice(2);\n  mapEl.id = uid;\n  listEl.id = uid + \"_list\";\n\n  \/\/ --- 6) \u0420\u0435\u043d\u0434\u0435\u0440 \u043b\u0438\u0441\u0442\u0430\n  listEl.innerHTML = data.map(d => {\n    const c = pm10Color(d.pm10);\n    return `\n      <li class=\"pm10-item\" data-lat=\"${d.lat}\" data-lng=\"${d.lng}\" data-name=\"${d.name}\" data-pm10=\"${d.pm10}\">\n        <span class=\"pm10-dot\" style=\"background:${c}\"><\/span>\n        <span class=\"pm10-name\">${d.name}<\/span>\n        <span class=\"pm10-val\">${d.pm10}<span class=\"pm10-unit\">\u00b5g\/m\u00b3<\/span><\/span>\n      <\/li>\n    `;\n  }).join(\"\");\n\n  \/\/ --- 7) \u0418\u043d\u0438\u0446\u0438\u0458\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0458\u0430 \u043d\u0430 \u043c\u0430\u043f\u0430 (\u0446\u0435\u043d\u0442\u0430\u0440 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0438\u0458\u0430)\n  const map = L.map(uid, { scrollWheelZoom:false }).setView([41.6086, 21.7453], 8);\n\n  L.tileLayer(\"https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png\", {\n    maxZoom: 18,\n    attribution: \"&copy; OpenStreetMap\"\n  }).addTo(map);\n\n  \/\/ --- 8) \u041c\u0430\u0440\u043a\u0435\u0440\u0438\n  const markers = [];\n\n  data.forEach(d => {\n    const color = pm10Color(d.pm10);\n    const marker = L.circleMarker([d.lat, d.lng], {\n      radius: 8,\n      color: \"#ffffff\",\n      weight: 2,\n      fillColor: color,\n      fillOpacity: 0.95\n    }).addTo(map);\n\n    marker.bindPopup(`\n      <div style=\"font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif\">\n        <b>${d.name}<\/b><br\/>\n        PM10: <b>${d.pm10} \u00b5g\/m\u00b3<\/b>\n      <\/div>\n    `);\n\n    markers.push(marker);\n  });\n\n  \/\/ Fit bounds \u0434\u0430 \u0441\u0435 \u0432\u0438\u0434\u0438 \u0446\u0435\u043b\u0430 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0438\u0458\u0430 + \u0442\u043e\u0447\u043a\u0438\n  const group = L.featureGroup(markers);\n  map.fitBounds(group.getBounds().pad(0.25));\n\n  \/\/ --- 9) \u041a\u043b\u0438\u043a \u043d\u0430 \u043b\u0438\u0441\u0442\u0430 \u2192 \u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0430 + popup\n  const items = Array.from(document.querySelectorAll(\"#\" + (uid + \"_list\") + \" .pm10-item\"));\n  items.forEach((li, idx) => {\n    li.addEventListener(\"click\", () => {\n      const lat = parseFloat(li.dataset.lat);\n      const lng = parseFloat(li.dataset.lng);\n      map.setView([lat,lng], 11);\n      markers[idx].openPopup();\n    });\n  });\n\n  \/* --- (\u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e) \u0410\u043a\u043e \u0438\u043c\u0430\u0448 API \u0448\u0442\u043e \u0432\u0440\u0430\u045c\u0430 \u0432\u0440\u0435\u0434\u043d\u043e\u0441\u0442\u0438:\n     \u041d\u0430\u043f\u0440\u0430\u0432\u0438 JSON \u0448\u0442\u043e \u043b\u0438\u0447\u0438 \u043d\u0430:\n     [{name:\"\u0421\u043a\u043e\u043f\u0458\u0435\", pm10: 55}, {name:\"\u0411\u0438\u0442\u043e\u043b\u0430\", pm10: 30}, ...]\n     \u041f\u0430 \u045c\u0435 \u0433\u0438 \u0430\u043f\u0434\u0435\u0458\u0442\u0438\u0440\u0430 \u0431\u0440\u043e\u0458\u043a\u0438\u0442\u0435\/\u0431\u043e\u0438\u0442\u0435.\n  *\/\n  \/\/ async function updateFromJson(url){\n  \/\/   const res = await fetch(url);\n  \/\/   const arr = await res.json();\n  \/\/   arr.forEach(u => {\n  \/\/     const item = data.find(d => d.name === u.name);\n  \/\/     if(item) item.pm10 = Number(u.pm10);\n  \/\/   });\n  \/\/   \/\/ \u0437\u0430 \u201elive\u201c \u0430\u043f\u0434\u0435\u0458\u0442: \u045c\u0435 \u0433\u043e \u043f\u0440\u0435\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0440\u0430\u043c\u0435 \u0438 \u043c\u0430\u0440\u043a\u0435\u0440\u0438\u0442\u0435 \u0438 \u043b\u0438\u0441\u0442\u0430\u0442\u0430\n  \/\/ }\n})();\n\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ad0757 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4ad0757\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e73129 elementor-widget elementor-widget-html\" data-id=\"4e73129\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<style>\n  :root{\n    --green:#0B4A2A;\n    --green2:#1E7E34;\n    --stroke:rgba(0,0,0,.08);\n    --shadow:0 18px 40px rgba(0,0,0,.12);\n    --radius:18px;\n  }\n\n  .ops-sidebar{\n    max-width: 999px;\n    display:grid;\n    gap:14px;\n    font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n  }\n\n  .ops-card{\n    background: rgba(255,255,255,.86);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    border:1px solid var(--stroke);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    overflow:hidden;\n  }\n\n  .ops-card__head{\n    padding:14px 14px 10px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n  }\n\n  .ops-card__title{\n    margin:0;\n    font-size:16px;\n    font-weight:750;\n    color:#1b1b1b;\n  }\n\n  \/* (1) \u041f\u0440\u0430\u0448\u0430\u043b\u043d\u0438\u043a\u043e\u0442 \u0433\u043e \u0442\u0440\u0433\u0430\u043c\u0435 \u0441\u043e display:none *\/\n  .ops-help{ display:none !important; }\n\n  .ops-list{\n    list-style:none;\n    margin:0;\n    padding:0 10px 12px;\n  }\n\n  .ops-item{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    padding:10px 10px;\n  }\n  .ops-item + .ops-item{\n    border-top:1px solid rgba(0,0,0,.06);\n  }\n\n  .ops-icon{\n    width:30px;height:30px;\n    border-radius:999px;\n    display:flex;align-items:center;justify-content:center;\n    background: rgba(30,126,52,.10);\n    border:1px solid rgba(30,126,52,.16);\n    flex:0 0 30px;\n  }\n  .ops-icon svg{ width:16px;height:16px; fill: var(--green2); }\n\n  .ops-text{\n    font-size:14px;\n    color: rgba(0,0,0,.78);\n    font-weight:650;\n  }\n\n  .ops-chevron{\n    margin-left:auto;\n    width:18px;height:18px;\n    opacity:.55;\n  }\n\n  \/* Map area *\/\n  .ops-mapwrap{ padding: 0 12px 14px; }\n\n  .ops-mapgrid{\n    display:grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap:10px;\n    align-items:stretch;\n  }\n\n  .ops-munis{\n    list-style:none;\n    margin:0;\n    padding:0;\n    display:grid;\n    gap:8px;\n    font-size:13px;\n    color: rgba(0,0,0,.70);\n  }\n\n  .ops-munis li{\n    display:flex;\n    align-items:center;\n    gap:8px;\n    padding:6px 8px;\n    border-radius:12px;\n    background: rgba(255,255,255,.65);\n    border:1px solid rgba(0,0,0,.06);\n    cursor:pointer;\n  }\n  .ops-munis li:hover{ background: rgba(30,126,52,.06); }\n\n  .ops-dot{\n    width:10px;height:10px;border-radius:999px;\n    background: rgba(30,126,52,.18);\n    border:2px solid rgba(30,126,52,.75);\n    box-sizing:border-box;\n  }\n\n  \/* \u0412\u0438\u0441\u0442\u0438\u043d\u0441\u043a\u0430 Leaflet \u043c\u0430\u043f\u0430 *\/\n  #mun-map{\n    height: 190px;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid rgba(0,0,0,.06);\n    background: #eef3ef;\n  }\n\n  .ops-note{\n    margin-top:10px;\n    font-size:12px;\n    color: rgba(0,0,0,.55);\n  }\n\n  @media (max-width: 420px){\n    .ops-mapgrid{ grid-template-columns: 1fr; }\n    #mun-map{ height: 220px; }\n  }\n<\/style>\n\n<div class=\"ops-sidebar\">\n\n  \n\n\n  <!-- Card 2: Municipalities map (\u0441\u043e \u0432\u0438\u0441\u0442\u0438\u043d\u0441\u043a\u0430 \u043c\u0430\u043f\u0430) -->\n  <div class=\"ops-card\">\n    <div class=\"ops-card__head\">\n      <h3 class=\"ops-card__title\">\u041e\u043f\u0448\u0442\u0438\u043d\u0438\u0442\u0435 \u043d\u0430 \u043c\u0430\u043f\u0430<\/h3>\n      <div class=\"ops-help\">?<\/div>\n    <\/div>\n\n    <div class=\"ops-mapwrap\">\n      <div class=\"ops-mapgrid\">\n        <ul class=\"ops-munis\" id=\"mun-list\">\n          <li data-lat=\"41.9981\" data-lng=\"21.4254\" data-name=\"\u0421\u043a\u043e\u043f\u0458\u0435\"><span class=\"ops-dot\"><\/span> \u0421\u043a\u043e\u043f\u0458\u0435<\/li>\n          <li data-lat=\"41.0314\" data-lng=\"21.3347\" data-name=\"\u0411\u0438\u0442\u043e\u043b\u0430\"><span class=\"ops-dot\"><\/span> \u0411\u0438\u0442\u043e\u043b\u0430<\/li>\n          <li data-lat=\"42.1322\" data-lng=\"21.7144\" data-name=\"\u041a\u0443\u043c\u0430\u043d\u043e\u0432\u043e\"><span class=\"ops-dot\"><\/span> \u041a\u0443\u043c\u0430\u043d\u043e\u0432\u043e<\/li>\n          <li data-lat=\"41.3451\" data-lng=\"21.5550\" data-name=\"\u041f\u0440\u0438\u043b\u0435\u043f\"><span class=\"ops-dot\"><\/span> \u041f\u0440\u0438\u043b\u0435\u043f<\/li>\n          <li data-lat=\"41.7465\" data-lng=\"22.1997\" data-name=\"\u0428\u0442\u0438\u043f\"><span class=\"ops-dot\"><\/span> \u0428\u0442\u0438\u043f<\/li>\n        <\/ul>\n\n        <!-- \u0412\u0438\u0441\u0442\u0438\u043d\u0441\u043a\u0438 Leaflet map -->\n        <div id=\"mun-map\" aria-label=\"\u041c\u0430\u043f\u0430 \u043d\u0430 \u043e\u043f\u0448\u0442\u0438\u043d\u0438\"><\/div>\n      <\/div>\n\n      <div class=\"ops-note\">\u041a\u043b\u0438\u043a\u043d\u0438 \u043d\u0430 \u043e\u043f\u0448\u0442\u0438\u043d\u0430 \u043e\u0434 \u043b\u0438\u0441\u0442\u0430\u0442\u0430 \u0437\u0430 \u0434\u0430 \u0458\u0430 \u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0430\u0448 \u043c\u0430\u043f\u0430\u0442\u0430.<\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\nsetTimeout(() => {\n  \/\/ \u0410\u043a\u043e Leaflet \u043d\u0435 \u0435 \u0432\u0447\u0438\u0442\u0430\u043d, \u0438\u0437\u043b\u0435\u0437\n  if (!window.L) return;\n\n  \/\/ \u0418\u043d\u0438\u0446\u0438\u0458\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0458\u0430 \u043c\u0430\u043f\u0430 (\u0446\u0435\u043d\u0442\u0430\u0440 \u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0438\u0458\u0430)\n  const map = L.map('mun-map', { scrollWheelZoom: false }).setView([41.6086, 21.7453], 8);\n\n  L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n    maxZoom: 18,\n    attribution: '&copy; OpenStreetMap'\n  }).addTo(map);\n\n  const items = Array.from(document.querySelectorAll('#mun-list li'));\n  const markers = [];\n\n  const markerStyle = {\n    radius: 7,\n    color: \"#fff\",\n    weight: 2,\n    fillColor: \"#1E7E34\",\n    fillOpacity: 0.9\n  };\n\n  items.forEach(li => {\n    const lat = parseFloat(li.dataset.lat);\n    const lng = parseFloat(li.dataset.lng);\n    const name = li.dataset.name;\n\n    const m = L.circleMarker([lat, lng], markerStyle).addTo(map).bindPopup(`<b>${name}<\/b>`);\n    markers.push({ name, lat, lng, marker: m });\n\n    li.addEventListener('click', () => {\n      map.setView([lat, lng], 11);\n      m.openPopup();\n    });\n  });\n\n  \/\/ Fit bounds \u0434\u0430 \u0441\u0435 \u0432\u0438\u0434\u0430\u0442 \u0441\u0438\u0442\u0435 \u043c\u0430\u0440\u043a\u0435\u0440\u0438\n  const group = L.featureGroup(markers.map(x => x.marker));\n  map.fitBounds(group.getBounds().pad(0.25));\n\n}, 400);\n<\/script>\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<div class=\"elementor-element elementor-element-ccd2500 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ccd2500\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-49278f0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"49278f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c94886 elementor-widget elementor-widget-html\" data-id=\"5c94886\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"air-card\">\n  <div class=\"air-card__title\">\u041d\u0430\u0458\u0437\u0430\u0433\u0430\u0434\u0435\u043d\u0438 \u0433\u0440\u0430\u0434\u043e\u0432\u0438 \u0432\u043e \u0415\u0432\u0440\u043e\u043f\u0430 (\u043f\u0440\u0438\u043c\u0435\u0440)<\/div>\n  <div class=\"air-card__subtitle\">PM2.5 (\u00b5g\/m\u00b3) \u2014 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u043e \u0430\u0436\u0443\u0440\u0438\u0440\u0430\u045a\u0435: <span id=\"eu-updated\">\u0434\u0435\u043d\u0435\u0441<\/span><\/div>\n\n  <ol class=\"air-list\" id=\"eu-polluted\">\n    <li class=\"air-item\">\n      <span class=\"air-city\">Sarajevo<\/span>\n      <span class=\"air-value\">42<\/span>\n      <span class=\"air-unit\">\u00b5g\/m\u00b3<\/span>\n    <\/li>\n    <li class=\"air-item\">\n      <span class=\"air-city\">Skopje<\/span>\n      <span class=\"air-value\">38<\/span>\n      <span class=\"air-unit\">\u00b5g\/m\u00b3<\/span>\n    <\/li>\n    <li class=\"air-item\">\n      <span class=\"air-city\">Belgrade<\/span>\n      <span class=\"air-value\">35<\/span>\n      <span class=\"air-unit\">\u00b5g\/m\u00b3<\/span>\n    <\/li>\n    <li class=\"air-item\">\n      <span class=\"air-city\">Sofia<\/span>\n      <span class=\"air-value\">33<\/span>\n      <span class=\"air-unit\">\u00b5g\/m\u00b3<\/span>\n    <\/li>\n    <li class=\"air-item\">\n      <span class=\"air-city\">Krak\u00f3w<\/span>\n      <span class=\"air-value\">31<\/span>\n      <span class=\"air-unit\">\u00b5g\/m\u00b3<\/span>\n    <\/li>\n  <\/ol>\n\n  <div class=\"air-legend\">\n    <span class=\"dot dot--good\"><\/span> \u043d\u0438\u0441\u043a\u043e (0\u201310)\n    <span class=\"dot dot--mid\"><\/span> \u0441\u0440\u0435\u0434\u043d\u043e (11\u201325)\n    <span class=\"dot dot--bad\"><\/span> \u0432\u0438\u0441\u043e\u043a\u043e (26+)\n  <\/div>\n<\/div>\n\n<style>\n  .air-card{\n    background: rgba(255,255,255,0.88);\n    border-radius: 22px;\n    padding: 18px 18px 14px;\n    box-shadow: 0 10px 25px rgba(0,0,0,.10);\n    max-width: 520px;\n    font-family: \"Times New Roman\", Times, serif;\n  }\n  .air-card__title{\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 6px;\n    color: #1f2d2a;\n  }\n  .air-card__subtitle{\n    font-size: 14px;\n    opacity: .85;\n    margin-bottom: 14px;\n    color: #1f2d2a;\n  }\n  .air-list{\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    gap: 10px;\n  }\n  .air-item{\n    display: grid;\n    grid-template-columns: 1fr auto auto;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255,255,255,0.65);\n    border-radius: 14px;\n    padding: 10px 12px;\n    border: 1px solid rgba(0,0,0,0.06);\n  }\n  .air-city{ font-size: 16px; color:#1f2d2a; }\n  .air-value{\n    font-weight: 700;\n    padding: 4px 10px;\n    border-radius: 999px;\n    background: rgba(0,0,0,0.06);\n    min-width: 44px;\n    text-align: center;\n    color:#1f2d2a;\n  }\n  .air-unit{ font-size: 13px; opacity: .8; color:#1f2d2a; }\n  .air-legend{\n    margin-top: 12px;\n    font-size: 13px;\n    opacity: .85;\n    display:flex;\n    gap:14px;\n    flex-wrap: wrap;\n    align-items:center;\n    color:#1f2d2a;\n  }\n  .dot{ width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:6px; }\n  .dot--good{ background:#2ecc71; }\n  .dot--mid{ background:#f1c40f; }\n  .dot--bad{ background:#e67e22; }\n<\/style>\n\n<script>\n  \/\/ \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0441\u043a\u0438 \u0441\u0442\u0430\u0432\u0430 \u201c\u0434\u0435\u043d\u0435\u0441\u201d \u0434\u0430\u0442\u0443\u043c (\u043b\u043e\u043a\u0430\u043b\u043d\u043e)\n  const d = new Date();\n  const pad = (n)=> String(n).padStart(2,\"0\");\n  document.getElementById(\"eu-updated\").textContent =\n    `${pad(d.getDate())}.${pad(d.getMonth()+1)}.${d.getFullYear()} ${pad(d.getHours())}:${pad(d.getMinutes())}`;\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb6b104 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"cb6b104\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d35f3f8 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"d35f3f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;autoplay_speed&quot;:2000,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-4330fd4 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"23647928092_e842c5de6b_b-1024x768\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-e9c2050 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"S.Agha-Skopje-Macedonia-2016_SQ_4\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-bcbf0c2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"thumbs_b_c_794d3c33653b16a3450910919916a3c0\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\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<div class=\"elementor-element elementor-element-314c1ee e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"314c1ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_slide_duration&quot;:1000,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bd7e2f3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"bd7e2f3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_slide_duration&quot;:1000,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8124e6e elementor-widget elementor-widget-html\" data-id=\"8124e6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"air-card\">\n  <div class=\"air-card__title\">\u0418\u043d\u0438\u0446\u0438\u0458\u0430\u0442\u0438\u0432\u0438 \u0437\u0430 \u043f\u043e\u0434\u043e\u0431\u0430\u0440 \u043a\u0432\u0430\u043b\u0438\u0442\u0435\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u0442<\/div>\n  <div class=\"air-card__subtitle\">\n    \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0438 \u0430\u043a\u0446\u0438\u0438 \u0448\u0442\u043e \u043c\u043e\u0436\u0430\u0442 \u0434\u0430 \u0433\u0438 \u0441\u043f\u0440\u043e\u0432\u0435\u0434\u0430\u0442 \u043e\u043f\u0448\u0442\u0438\u043d\u0438, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0433\u0440\u0430\u0453\u0430\u043d\u0438.\n  <\/div>\n\n  <div class=\"air-grid\">\n    <div class=\"air-initiative\">\n      <div class=\"badge badge--green\">\u0417\u0415\u041b\u0415\u041d\u041e<\/div>\n      <div class=\"initiative-title\">\u0421\u0443\u0431\u0432\u0435\u043d\u0446\u0438\u0438 \u0437\u0430 \u0435\u043d\u0435\u0440\u0433\u0435\u0442\u0441\u043a\u0430 \u0435\u0444\u0438\u043a\u0430\u0441\u043d\u043e\u0441\u0442<\/div>\n      <div class=\"initiative-text\">\n        \u0417\u0430\u043c\u0435\u043d\u0430 \u043d\u0430 \u043f\u0440\u043e\u0437\u043e\u0440\u0446\u0438\/\u0438\u0437\u043e\u043b\u0430\u0446\u0438\u0458\u0430, \u0435\u0444\u0438\u043a\u0430\u0441\u043d\u0438 \u043f\u0435\u0447\u043a\u0438 \u0438 \u0442\u043e\u043f\u043b\u0438\u043d\u0441\u043a\u0438 \u043f\u0443\u043c\u043f\u0438 \u0437\u0430 \u0434\u043e\u043c\u0430\u045c\u0438\u043d\u0441\u0442\u0432\u0430 \u0441\u043e \u0432\u0438\u0441\u043e\u043a \u0440\u0438\u0437\u0438\u043a.\n      <\/div>\n    <\/div>\n\n    <div class=\"air-initiative\">\n      <div class=\"badge badge--blue\">\u0413\u0420\u0410\u0414<\/div>\n      <div class=\"initiative-title\">\u0417\u0435\u043b\u0435\u043d\u0438 \u0437\u043e\u043d\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d \u0441\u043e\u043e\u0431\u0440\u0430\u045c\u0430\u0458<\/div>\n      <div class=\"initiative-text\">\n        \u041d\u0438\u0441\u043a\u043e-\u0435\u043c\u0438\u0441\u0438\u043e\u043d\u0438 \u0437\u043e\u043d\u0438, \u0434\u0435\u043d\u043e\u0432\u0438 \u0431\u0435\u0437 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0438 \u0438 \u043f\u043e\u0434\u043e\u0431\u0440\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0458\u0430\u0432\u043d\u0438\u043e\u0442 \u043f\u0440\u0435\u0432\u043e\u0437 \u0432\u043e \u0448\u043f\u0438\u0446 \u0442\u0435\u0440\u043c\u0438\u043d\u0438.\n      <\/div>\n\n    <\/div>\n\n    <div class=\"air-initiative\">\n      <div class=\"badge badge--amber\">\u0418\u041d\u0424\u041e<\/div>\n      <div class=\"initiative-title\">\u0421\u0438\u0441\u0442\u0435\u043c \u0437\u0430 \u0458\u0430\u0432\u043d\u0438 \u0438\u0437\u0432\u0435\u0441\u0442\u0443\u0432\u0430\u045a\u0430<\/div>\n      <div class=\"initiative-text\">\n        \u0418\u0437\u0432\u0435\u0441\u0442\u0443\u0432\u0430\u045a\u0430 \u043a\u043e\u0433\u0430 \u0437\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u045a\u0435\u0442\u043e \u0435 \u0432\u0438\u0441\u043e\u043a\u043e + \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438 (\u0458\u0430\u0432\u0435\u043d \u043f\u0440\u0435\u0432\u043e\u0437, \u0438\u0437\u0431\u0435\u0433\u043d\u0443\u0432\u0430\u045a\u0435 \u043f\u0430\u043b\u0435\u045a\u0435 \u043e\u0442\u043f\u0430\u0434).\n      <\/div>\n\n    <\/div>\n\n    <div class=\"air-initiative\">\n      <div class=\"badge badge--purple\">\u041c\u041e\u041d\u0418\u0422\u041e\u0420<\/div>\n      <div class=\"initiative-title\">\u041c\u0440\u0435\u0436\u0430 \u043d\u0430 \u0441\u0435\u043d\u0437\u043e\u0440\u0438 \u0438 \u043e\u0442\u0432\u043e\u0440\u0435\u043d\u0438 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438<\/div>\n      <div class=\"initiative-text\">\n        \u041f\u043e\u0441\u0442\u0430\u0432\u0443\u0432\u0430\u045a\u0435 \u0441\u0435\u043d\u0437\u043e\u0440\u0438, \u0458\u0430\u0432\u0435\u043d dashboard \u0438 API \u0437\u0430 \u0438\u0441\u0442\u0440\u0430\u0436\u0443\u0432\u0430\u0447\u0438\/\u0430\u043f\u043b\u0438\u043a\u0430\u0446\u0438\u0438.\n      <\/div>\n\n    <\/div>\n\n    <div class=\"air-initiative\">\n      <div class=\"badge badge--red\">\u041a\u041e\u041d\u0422\u0420\u041e\u041b\u0410<\/div>\n      <div class=\"initiative-title\">\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u0438 \u043d\u0430 \u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0441\u043a\u0438 \u0435\u043c\u0438\u0441\u0438\u0438<\/div>\n      <div class=\"initiative-text\">\n        \u0417\u0430\u0441\u0438\u043b\u0435\u043d\u0438 \u0438\u043d\u0441\u043f\u0435\u043a\u0446\u0438\u0438, \u0444\u0438\u043b\u0442\u0440\u0438, \u043e\u0431\u0432\u0440\u0441\u043a\u0430 \u0437\u0430 \u0438\u0437\u0432\u0435\u0448\u0442\u0430\u0438 \u0438 \u0441\u0430\u043d\u043a\u0446\u0438\u0438 \u0437\u0430 \u043f\u0440\u0435\u043a\u0440\u0448\u0438\u0442\u0435\u043b\u0438.\n      <\/div>\n\n    <\/div>\n\n    <div class=\"air-initiative\">\n      <div class=\"badge badge--teal\">\u0417\u0410\u0415\u0414\u041d\u041e<\/div>\n      <div class=\"initiative-title\">\u0413\u0440\u0430\u0453\u0430\u043d\u0441\u043a\u0438 \u0430\u043a\u0446\u0438\u0438 \u0438 \u0432\u043e\u043b\u043e\u043d\u0442\u0435\u0440\u0441\u0442\u0432\u043e<\/div>\n      <div class=\"initiative-text\">\n        \u0421\u0430\u0434\u0435\u045a\u0435 \u0434\u0440\u0432\u0458\u0430, \u0435\u043a\u043e-\u0435\u0434\u0443\u043a\u0430\u0446\u0438\u0438 \u0432\u043e \u0443\u0447\u0438\u043b\u0438\u0448\u0442\u0430, \u043f\u0440\u0438\u0458\u0430\u0432\u0443\u0432\u0430\u045a\u0435 \u0437\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u0447\u0438 \u0438 \u0447\u0438\u0441\u0442\u0435\u045a\u0435 \u0434\u0438\u0432\u0438 \u0434\u0435\u043f\u043e\u043d\u0438\u0438.\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n  .air-card{\n    background: rgba(255,255,255,0.58);\n    border-radius: 22px;\n    padding: 18px 18px 14px;\n    box-shadow: 0 10px 25px rgba(0,0,0,.10);\n    font-family: \"Times New Roman\", Times, serif;\n    max-width: 1100px;\n  }\n  .air-card__title{\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 6px;\n    color: #1f2d2a;\n  }\n  .air-card__subtitle{\n    font-size: 15px;\n    opacity: .9;\n    margin-bottom: 14px;\n    color: #1f2d2a;\n  }\n\n  .air-grid{\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n  @media (max-width: 820px){\n    .air-grid{ grid-template-columns: 1fr; }\n  }\n\n  .air-initiative{\n    background: rgba(255,255,255,0.65);\n    border-radius: 16px;\n    padding: 14px 14px 12px;\n    border: 1px solid rgba(0,0,0,0.06);\n  }\n\n  .badge{\n    display:inline-block;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .3px;\n    padding: 4px 10px;\n    border-radius: 999px;\n    margin-bottom: 10px;\n    color: #1f2d2a;\n    background: rgba(0,0,0,0.06);\n  }\n  .badge--green{ background: rgba(46,204,113,.18); }\n  .badge--blue{ background: rgba(52,152,219,.18); }\n  .badge--amber{ background: rgba(241,196,15,.20); }\n  .badge--purple{ background: rgba(155,89,182,.18); }\n  .badge--red{ background: rgba(231,76,60,.18); }\n  .badge--teal{ background: rgba(26,188,156,.18); }\n\n  .initiative-title{\n    font-size: 17px;\n    font-weight: 700;\n    margin-bottom: 6px;\n    color: #1f2d2a;\n  }\n  .initiative-text{\n    font-size: 14px;\n    opacity: .92;\n    line-height: 1.35;\n    margin-bottom: 10px;\n    color: #1f2d2a;\n  }\n  .initiative-link{\n    display:inline-block;\n    text-decoration: none !important;\n    background: rgba(255,255,255,0.4);\n    border: 1px solid rgba(0,0,0,0.08);\n    padding: 7px 12px;\n    border-radius: 999px;\n    color: #1f2d2a;\n    font-weight: 700;\n    font-size: 13px;\n    transition: all .25s ease;\n  }\n  .initiative-link:hover{\n    background: rgba(255,255,255,0.65);\n    transform: translateY(-1px);\n  }\n\n  .air-note{\n    margin-top: 12px;\n    font-size: 13px;\n    opacity: .85;\n    color: #1f2d2a;\n  }\n<\/style>\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","protected":false},"excerpt":{"rendered":"<p>\u041e\u0424\u0418\u0426\u0418\u0408\u0410\u041b\u0415\u041d \u0418\u041d\u0424\u041e \u041f\u0420\u0415\u0413\u041b\u0415\u0414 \u2022 \u0421\u041a\u041e\u041f\u0408\u0415 \u0417\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u0442 \u0432\u043e \u0421\u043a\u043e\u043f\u0458\u0435 \u0421\u043e\u0441\u0442\u043e\u0458\u0431\u0430, \u0441\u043b\u0435\u0434\u0435\u045a\u0435 \u0438 \u043c\u0435\u0440\u043a\u0438 \u0437\u0430 \u043f\u043e\u0434\u043e\u0431\u0440\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u043a\u0432\u0430\u043b\u0438\u0442\u0435\u0442\u043e\u0442 \u043d\u0430 \u0430\u043c\u0431\u0438\u0435\u043d\u0442\u0430\u043b\u043d\u0438\u043e\u0442 \u0432\u043e\u0437\u0434\u0443\u0445 \u0432\u043e \u0433\u043b\u0430\u0432\u043d\u0438\u043e\u0442 \u0433\u0440\u0430\u0434. \u041e\u0432\u043e\u0458 \u0434\u0435\u043b \u043f\u0440\u0438\u043a\u0430\u0436\u0443\u0432\u0430 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0438 \u0437\u0430 PM10 \u0438 PM2.5, \u0442\u0440\u0435\u043d\u0434\u043e\u0432\u0438 \u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438 \u0437\u0430 \u0433\u0440\u0430\u0453\u0430\u043d\u0438\u0442\u0435, \u043a\u0430\u043a\u043e \u0438 \u0438\u043d\u0438\u0446\u0438\u0458\u0430\u0442\u0438\u0432\u0438 \u0438 \u043c\u0435\u0440\u043a\u0438 \u0448\u0442\u043e \u043f\u0440\u0438\u0434\u043e\u043d\u0435\u0441\u0443\u0432\u0430\u0430\u0442 \u0437\u0430 \u043f\u043e\u0447\u0438\u0441\u0442 \u0432\u043e\u0437\u0434\u0443\u0445. \u041c\u0435\u0440\u043a\u0438 \u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438 \u0418\u043d\u0438\u0446\u0438\u0458\u0430\u0442\u0438\u0432\u0438 \u041d\u0430\u0458\u0437\u0430\u0433\u0430\u0434\u0435\u043d\u0438 \u0433\u0440\u0430\u0434\u043e\u0432\u0438 \u041f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0430 \u0437\u0430 \u0434\u0435\u043d\u0435\u0441 \u26a0 \u041a\u0432\u0430\u043b\u0438\u0442\u0435\u0442\u043e\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u0442 \u0435 \u043d\u0435\u0437\u0434\u0440\u0430\u0432. \u0418\u0437\u0431\u0435\u0433\u043d\u0443\u0432\u0430\u0458 \u0444\u0438\u0437\u0438\u0447\u043a\u0438 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0442\u0432\u043e\u0440\u0435\u043d\u043e. \u041a\u043e\u0440\u0438\u0441\u0442\u0438 \u0458\u0430\u0432\u0435\u043d \u043f\u0440\u0435\u0432\u043e\u0437 \u043d\u0430\u043c\u0435\u0441\u0442\u043e \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b. \u0427\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u043d\u0438 \u0433\u0440\u0443\u043f\u0438 \u0434\u0430 \u043e\u0441\u0442\u0430\u043d\u0430\u0442 \u0432\u043e \u0437\u0430\u0442\u0432\u043e\u0440\u0435\u043d \u043f\u0440\u043e\u0441\u0442\u043e\u0440. \u041a\u0440\u0430\u0442\u043e\u043a \u043f\u0440\u0435\u0433\u043b\u0435\u0434 \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u043e \u0430\u0436\u0443\u0440\u0438\u0440\u0430\u045a\u0435: \u2014 \u0420\u0435\u0430\u043b\u043d\u043e \u0432\u0440\u0435\u043c\u0435 PM10 \u2014 \u00b5g\/m\u00b3 \u2014 PM2.5 \u2014 \u00b5g\/m\u00b3 \u2014 AQI \u2014 \u2014 * \u0412\u0440\u0435\u0434\u043d\u043e\u0441\u0442\u0438\u0442\u0435 \u0441\u0435 \u043f\u0440\u0438\u043c\u0435\u0440. \u0417\u0430\u043c\u0435\u043d\u0438 \u0433\u0438 \u0441\u043e \u0440\u0435\u0430\u043b\u043d\u0438 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438 \u043e\u0434 \u0442\u0432\u043e\u0458 \u0438\u0437\u0432\u043e\u0440\/\u0441\u0435\u043d\u0437\u043e\u0440\u0438. \u0428\u0442\u043e \u0437\u043d\u0430\u0447\u0438 \u043e\u0432\u0430? PM10 \u0438 PM2.5 \u0441\u0435 \u0447\u0435\u0441\u0442\u0438\u0447\u043a\u0438 \u0448\u0442\u043e \u0432\u043b\u0438\u0458\u0430\u0430\u0442 \u043d\u0430 \u0437\u0434\u0440\u0430\u0432\u0458\u0435\u0442\u043e. \u041f\u043e\u0432\u0438\u0441\u043e\u043a\u0438 \u0432\u0440\u0435\u0434\u043d\u043e\u0441\u0442\u0438 \u2192 \u043f\u043e\u0433\u043e\u043b\u0435\u043c \u0440\u0438\u0437\u0438\u043a, \u043e\u0441\u043e\u0431\u0435\u043d\u043e \u0437\u0430 \u0447\u0443\u0432\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u043d\u0438 \u0433\u0440\u0443\u043f\u0438. \u0421\u043b\u0435\u0434\u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438 \u0438 \u0438\u0437\u0431\u0435\u0433\u043d\u0443\u0432\u0430\u0458 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043d\u0430\u0434\u0432\u043e\u0440 \u043a\u043e\u0433\u0430 \u0435 \u0432\u0438\u0441\u043e\u043a\u043e. PM10 \u0437\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u045a\u0435 (\u00b5g\/m\u00b3) \u2014 \u043c\u0430\u043f\u0430 \u041b\u0435\u0433\u0435\u043d\u0434\u0430: \u043d\u0438\u0441\u043a\u043e (0\u201325) \u0441\u0440\u0435\u0434\u043d\u043e (26\u201350) \u0432\u0438\u0441\u043e\u043a\u043e (51\u2013100) \u043c\u043d\u043e\u0433\u0443 \u0432\u0438\u0441\u043e\u043a\u043e (100+) \u041a\u043b\u0438\u043a\u043d\u0438 \u043d\u0430 \u0433\u0440\u0430\u0434 \u043e\u0434 \u043b\u0438\u0441\u0442\u0430\u0442\u0430 \u0437\u0430 \u0434\u0430 \u0458\u0430 \u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0430\u0448 \u043c\u0430\u043f\u0430\u0442\u0430 \u0438 \u0434\u0430 \u0433\u043e \u0432\u0438\u0434\u0438\u0448 PM10. \u041e\u043f\u0448\u0442\u0438\u043d\u0438\u0442\u0435 \u043d\u0430 \u043c\u0430\u043f\u0430 ? \u0421\u043a\u043e\u043f\u0458\u0435 \u0411\u0438\u0442\u043e\u043b\u0430 \u041a\u0443\u043c\u0430\u043d\u043e\u0432\u043e \u041f\u0440\u0438\u043b\u0435\u043f \u0428\u0442\u0438\u043f \u041a\u043b\u0438\u043a\u043d\u0438 \u043d\u0430 \u043e\u043f\u0448\u0442\u0438\u043d\u0430 \u043e\u0434 \u043b\u0438\u0441\u0442\u0430\u0442\u0430 \u0437\u0430 \u0434\u0430 \u0458\u0430 \u0446\u0435\u043d\u0442\u0440\u0438\u0440\u0430\u0448 \u043c\u0430\u043f\u0430\u0442\u0430. \u041d\u0430\u0458\u0437\u0430\u0433\u0430\u0434\u0435\u043d\u0438 \u0433\u0440\u0430\u0434\u043e\u0432\u0438 \u0432\u043e \u0415\u0432\u0440\u043e\u043f\u0430 (\u043f\u0440\u0438\u043c\u0435\u0440) PM2.5 (\u00b5g\/m\u00b3) \u2014 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u043e \u0430\u0436\u0443\u0440\u0438\u0440\u0430\u045a\u0435: \u0434\u0435\u043d\u0435\u0441 Sarajevo 42 \u00b5g\/m\u00b3 Skopje 38 \u00b5g\/m\u00b3 Belgrade 35 \u00b5g\/m\u00b3 Sofia 33 \u00b5g\/m\u00b3 Krak\u00f3w 31 \u00b5g\/m\u00b3 \u043d\u0438\u0441\u043a\u043e (0\u201310) \u0441\u0440\u0435\u0434\u043d\u043e (11\u201325) \u0432\u0438\u0441\u043e\u043a\u043e (26+) \u0418\u043d\u0438\u0446\u0438\u0458\u0430\u0442\u0438\u0432\u0438 \u0437\u0430 \u043f\u043e\u0434\u043e\u0431\u0430\u0440 \u043a\u0432\u0430\u043b\u0438\u0442\u0435\u0442 \u043d\u0430 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u0442 \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0438 \u0430\u043a\u0446\u0438\u0438 \u0448\u0442\u043e \u043c\u043e\u0436\u0430\u0442 \u0434\u0430 \u0433\u0438 \u0441\u043f\u0440\u043e\u0432\u0435\u0434\u0430\u0442 \u043e\u043f\u0448\u0442\u0438\u043d\u0438, \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0433\u0440\u0430\u0453\u0430\u043d\u0438. \u0417\u0415\u041b\u0415\u041d\u041e \u0421\u0443\u0431\u0432\u0435\u043d\u0446\u0438\u0438 \u0437\u0430 \u0435\u043d\u0435\u0440\u0433\u0435\u0442\u0441\u043a\u0430 \u0435\u0444\u0438\u043a\u0430\u0441\u043d\u043e\u0441\u0442 \u0417\u0430\u043c\u0435\u043d\u0430 \u043d\u0430 \u043f\u0440\u043e\u0437\u043e\u0440\u0446\u0438\/\u0438\u0437\u043e\u043b\u0430\u0446\u0438\u0458\u0430, \u0435\u0444\u0438\u043a\u0430\u0441\u043d\u0438 \u043f\u0435\u0447\u043a\u0438 \u0438 \u0442\u043e\u043f\u043b\u0438\u043d\u0441\u043a\u0438 \u043f\u0443\u043c\u043f\u0438 \u0437\u0430 \u0434\u043e\u043c\u0430\u045c\u0438\u043d\u0441\u0442\u0432\u0430 \u0441\u043e \u0432\u0438\u0441\u043e\u043a \u0440\u0438\u0437\u0438\u043a. \u0413\u0420\u0410\u0414 \u0417\u0435\u043b\u0435\u043d\u0438 \u0437\u043e\u043d\u0438 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d \u0441\u043e\u043e\u0431\u0440\u0430\u045c\u0430\u0458 \u041d\u0438\u0441\u043a\u043e-\u0435\u043c\u0438\u0441\u0438\u043e\u043d\u0438 \u0437\u043e\u043d\u0438, \u0434\u0435\u043d\u043e\u0432\u0438 \u0431\u0435\u0437 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0438 \u0438 \u043f\u043e\u0434\u043e\u0431\u0440\u0443\u0432\u0430\u045a\u0435 \u043d\u0430 \u0458\u0430\u0432\u043d\u0438\u043e\u0442 \u043f\u0440\u0435\u0432\u043e\u0437 \u0432\u043e \u0448\u043f\u0438\u0446 \u0442\u0435\u0440\u043c\u0438\u043d\u0438. \u0418\u041d\u0424\u041e \u0421\u0438\u0441\u0442\u0435\u043c \u0437\u0430 \u0458\u0430\u0432\u043d\u0438 \u0438\u0437\u0432\u0435\u0441\u0442\u0443\u0432\u0430\u045a\u0430 \u0418\u0437\u0432\u0435\u0441\u0442\u0443\u0432\u0430\u045a\u0430 \u043a\u043e\u0433\u0430 \u0437\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u045a\u0435\u0442\u043e \u0435 \u0432\u0438\u0441\u043e\u043a\u043e + \u043f\u0440\u0435\u043f\u043e\u0440\u0430\u043a\u0438 (\u0458\u0430\u0432\u0435\u043d \u043f\u0440\u0435\u0432\u043e\u0437, \u0438\u0437\u0431\u0435\u0433\u043d\u0443\u0432\u0430\u045a\u0435 \u043f\u0430\u043b\u0435\u045a\u0435 \u043e\u0442\u043f\u0430\u0434). \u041c\u041e\u041d\u0418\u0422\u041e\u0420 \u041c\u0440\u0435\u0436\u0430 \u043d\u0430 \u0441\u0435\u043d\u0437\u043e\u0440\u0438 \u0438 \u043e\u0442\u0432\u043e\u0440\u0435\u043d\u0438 \u043f\u043e\u0434\u0430\u0442\u043e\u0446\u0438 \u041f\u043e\u0441\u0442\u0430\u0432\u0443\u0432\u0430\u045a\u0435 \u0441\u0435\u043d\u0437\u043e\u0440\u0438, \u0458\u0430\u0432\u0435\u043d dashboard \u0438 API \u0437\u0430 \u0438\u0441\u0442\u0440\u0430\u0436\u0443\u0432\u0430\u0447\u0438\/\u0430\u043f\u043b\u0438\u043a\u0430\u0446\u0438\u0438. \u041a\u041e\u041d\u0422\u0420\u041e\u041b\u0410 \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u0438 \u043d\u0430 \u0438\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0441\u043a\u0438 \u0435\u043c\u0438\u0441\u0438\u0438 \u0417\u0430\u0441\u0438\u043b\u0435\u043d\u0438 \u0438\u043d\u0441\u043f\u0435\u043a\u0446\u0438\u0438, \u0444\u0438\u043b\u0442\u0440\u0438, \u043e\u0431\u0432\u0440\u0441\u043a\u0430 \u0437\u0430 \u0438\u0437\u0432\u0435\u0448\u0442\u0430\u0438 \u0438 \u0441\u0430\u043d\u043a\u0446\u0438\u0438 \u0437\u0430 \u043f\u0440\u0435\u043a\u0440\u0448\u0438\u0442\u0435\u043b\u0438. \u0417\u0410\u0415\u0414\u041d\u041e \u0413\u0440\u0430\u0453\u0430\u043d\u0441\u043a\u0438 \u0430\u043a\u0446\u0438\u0438 \u0438 \u0432\u043e\u043b\u043e\u043d\u0442\u0435\u0440\u0441\u0442\u0432\u043e \u0421\u0430\u0434\u0435\u045a\u0435 \u0434\u0440\u0432\u0458\u0430, \u0435\u043a\u043e-\u0435\u0434\u0443\u043a\u0430\u0446\u0438\u0438 \u0432\u043e \u0443\u0447\u0438\u043b\u0438\u0448\u0442\u0430, \u043f\u0440\u0438\u0458\u0430\u0432\u0443\u0432\u0430\u045a\u0435 \u0437\u0430\u0433\u0430\u0434\u0443\u0432\u0430\u0447\u0438 \u0438 \u0447\u0438\u0441\u0442\u0435\u045a\u0435 \u0434\u0438\u0432\u0438 \u0434\u0435\u043f\u043e\u043d\u0438\u0438.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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":""}},"iawp_total_views":3,"footnotes":""},"class_list":["post-3808","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/3808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/comments?post=3808"}],"version-history":[{"count":113,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/3808\/revisions"}],"predecessor-version":[{"id":3978,"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/pages\/3808\/revisions\/3978"}],"wp:attachment":[{"href":"https:\/\/user22.delovna.finki.ukim.mk\/en\/wp-json\/wp\/v2\/media?parent=3808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}