PageSourceSearch

https://zeta.kz/about

html zeta.kz collected 2026-10-03 19:48:02 UTC 187,084 bytes, 1,236 lines download raw bytes

1<!DOCTYPE html><html lang="ru"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="canonical" href="https://zeta.kz/about"/><title>О компании ZETA — лидер производства мебели и товаров для дома в Казахстане | Zeta.kz</title><meta name="robots" content="index,follow"/><meta name="description" content="ZETA — казахстанская производственная компания с 1996 г. Сеть из 60 магазинов, 8 заводов, более 6000 наименований мягкой и корпусной мебели, кресел, столов и товаров для дома, школы, офиса и бизнеса. Узнайте о миссии, истории и достоинствах местного производителя."/><meta property="og:title" content="О компании ZETA — лидер производства мебели и товаров для дома в Казахстане | Zeta.kz"/><meta property="og:description" content="ZETA — казахстанская производственная компания с 1996 г. Сеть из 60 магазинов, 8 заводов, более 6000 наименований мягкой и корпусной мебели, кресел, столов и товаров для дома, школы, офиса и бизнеса. Узнайте о миссии, истории и достоинствах местного производителя."/><meta property="og:type" content="website"/><meta property="og:site_name" content="Zeta"/><meta name="h1" content="О компании ZETA — лидер производства мебели и товаров для дома в Казахстане | Zeta.kz"/><meta name="text" content="ZETA — казахстанская производственная компания с 1996 г. Сеть из 60 магазинов, 8 заводов, более 6000 наименований мягкой и корпусной мебели, кресел, столов и товаров для дома, школы, офиса и бизнеса. Узнайте о миссии, истории и достоинствах местного производителя."/><meta name="keywords" content=""/><meta name="next-head-count" content="13"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"/><link rel="icon" href="/favicon.ico"/><meta http-equiv="Content-type" content="text/html;charset=windows-1251"/>
1<script src="https://epay.homebank.kz/payform/payment-api.js" async="" defer=""></script>
1<script>
vendor: 324 bytes, line 1
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
1GTM-W3MSWZV
vendor: 3 bytes, line 1
1');
1</script>
1<link rel="preload" href="/_next/static/css/09c5b986deddcecd.css" as="style"/><link rel="stylesheet" href="/_next/static/css/09c5b986deddcecd.css" data-n-g=""/><link rel="preload" href="/_next/static/css/2d16db531cf1fe09.css" as="style"/><link rel="stylesheet" href="/_next/static/css/2d16db531cf1fe09.css" data-n-p=""/><link rel="preload" href="/_next/static/css/224a6b7d4d0ae701.css" as="style"/><link rel="stylesheet" href="/_next/static/css/224a6b7d4d0ae701.css" data-n-p=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
1<script src="/_next/static/chunks/webpack-ff25166a4d8842e9.js" defer=""></script>
1<script src="/_next/static/chunks/framework-c6ee5607585ef091.js" defer=""></script>
1<script src="/_next/static/chunks/main-84293e72f4c25e41.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-b6adc8c62327c09d.js" defer=""></script>
1<script src="/_next/static/chunks/1011-35bd5de2d87fbd97.js" defer=""></script>
1<script src="/_next/static/chunks/1555-b06ef6bf8bf3cfdd.js" defer=""></script>
1<script src="/_next/static/chunks/pages/about-74f32214affe00a9.js" defer=""></script>
1<script src="/_next/static/t6eMCPojw4pgEmWgImp-B/_buildManifest.js" defer=""></script>
1<script src="/_next/static/t6eMCPojw4pgEmWgImp-B/_ssgManifest.js" defer=""></script>
1</head><body>
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-W3MSWZV
vendor: 82 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<div id="__next"><div class="Layout_root__otoU0"><header class="Header_container__C_tPB Header_filled___lTQp"><nav class="Header_mobile__dY7v5 Header_filled___lTQp"><section class="Header_buttons__7X5vD"><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:28px;height:28px;min-width:28px;min-height:28px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M3.03125 5H20.9688M3.03125 12H20.9688M3.03125 19H20.9688" stroke="#000" stroke-width="1.5" stroke-linecap="round"></path></svg></button><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:28px;height:28px;min-width:28px;min-height:28px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M29.1426 29.6422L22.9955 23.495M22.9955 23.495C23.9821 22.5083 24.7648 21.337 25.2987 20.0479C25.8327 18.7588 26.1075 17.3771 26.1075 15.9817C26.1075 14.5864 25.8327 13.2047 25.2987 11.9156C24.7648 10.6265 23.9821 9.45518 22.9955 8.46852C22.0088 7.48187 20.8375 6.69922 19.5484 6.16525C18.2592 5.63128 16.8776 5.35645 15.4822 5.35645C14.0869 5.35645 12.7052 5.63128 11.4161 6.16525C10.127 6.69922 8.95566 7.48187 7.96901 8.46853C5.97638 10.4612 4.85693 13.1637 4.85693 15.9817C4.85693 18.7998 5.97638 21.5023 7.96901 23.495C9.96164 25.4876 12.6642 26.6071 15.4822 26.6071C18.3002 26.6071 21.0028 25.4876 22.9955 23.495Z" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></section><a href="/"><img src="/svg/logo-red.svg" alt="logo" class="Header_logo__5hOhm"/></a><section class="Header_buttons__7X5vD Header_buttonsEnd__XixwI"><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:28px;height:28px;min-width:28px;min-height:28px" class="Header_button__o25wv"><path style="transition:all 0.3s" fill-rule="evenodd" clip-rule="evenodd" d="M6.63271 17.9977C7.78643 17.9553 11.0561 17.5034 14.4804 14.0799C17.9039 10.6556 18.3549 7.38676 18.3982 6.23224C18.4623 4.47283 17.1147 2.76389 15.558 2.0965C15.3705 2.01555 15.1652 1.98473 14.9623 2.00707C14.7593 2.0294 14.5656 2.10412 14.4003 2.22389C13.1183 3.15808 12.2338 4.57138 11.4743 5.68263C11.3072 5.92677 11.2357 6.22387 11.2736 6.5173C11.3114 6.81074 11.4558 7.08 11.6794 7.27379L13.2425 8.43472C13.3181 8.48925 13.3712 8.56934 13.3921 8.66011C13.4131 8.75088 13.4003 8.84616 13.3563 8.92825C13.0022 9.57161 12.3724 10.5298 11.6514 11.2509C10.9303 11.972 9.92641 12.6434 9.23818 13.0376C9.15189 13.086 9.05032 13.0995 8.95436 13.0754C8.85839 13.0513 8.77532 12.9913 8.72222 12.9078L7.70471 11.3591C7.51764 11.1106 7.24168 10.9441 6.93462 10.8945C6.62756 10.8449 6.31323 10.9161 6.05746 11.0931C4.93018 11.8734 3.61463 12.7427 2.6516 13.9757C2.5221 14.1423 2.43973 14.3406 2.41309 14.5499C2.38645 14.7592 2.41653 14.9718 2.50017 15.1655C3.17077 16.7302 4.86769 18.0626 6.63271 17.9977Z" stroke="#000" stroke-width="1.5"></path></svg></button><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:28px;height:28px;min-width:28px;min-height:28px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M7.40701 21.7955C6.54218 19.5864 6.07129 17.2343 6.07129 15.0197C6.07129 9.01244 10.8554 4.14258 16.757 4.14258C22.6586 4.14258 27.4427 9.01244 27.4427 15.0197C27.4427 20.9799 24.0323 27.9349 18.711 30.422C17.4707 31.0018 16.0433 31.0018 14.803 30.422C13.1035 29.6276 9.08681 26.0865 7.40701 21.7955Z" stroke="#000" stroke-width="2" stroke-linecap="round"></path>
1<path style="transition:all 0.3s" d="M20.7087 14.1605C20.4072 10.8212 16.9846 10.8212 16.757 10.8212C14.5439 10.8212 12.7499 12.6152 12.7499 14.8283C12.7499 17.0415 14.5439 18.8355 16.757 18.8355C18.9702 18.8355 20.7642 17.0415 20.7642 14.8283C20.7642 14.6008 20.7452 14.3777 20.7087 14.1605Z" stroke="#000" stroke-width="2" stroke-linecap="round"></path></svg></button></section></nav><nav class="Header_wrapper__r3bEq"><section class="Header_buttons__7X5vD"><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:34px;height:34px;min-width:34px;min-height:34px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M3.03125 5H20.9688M3.03125 12H20.9688M3.03125 19H20.9688" stroke="#000" stroke-width="1.5" stroke-linecap="round"></path></svg></button><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:34px;height:34px;min-width:34px;min-height:34px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M7.40701 21.7955C6.54218 19.5864 6.07129 17.2343 6.07129 15.0197C6.07129 9.01244 10.8554 4.14258 16.757 4.14258C22.6586 4.14258 27.4427 9.01244 27.4427 15.0197C27.4427 20.9799 24.0323 27.9349 18.711 30.422C17.4707 31.0018 16.0433 31.0018 14.803 30.422C13.1035 29.6276 9.08681 26.0865 7.40701 21.7955Z" stroke="#000" stroke-width="2" stroke-linecap="round"></path><path style="transition:all 0.3s" d="M20.7087 14.1605C20.4072 10.8212 16.9846 10.8212 16.757 10.8212C14.5439 10.8212 12.7499 12.6152 12.7499 14.8283C12.7499 17.0415 14.5439 18.8355 16.757 18.8355C18.9702 18.8355 20.7642 17.0415 20.7642 14.8283C20.7642 14.6008 20.7452 14.3777 20.7087 14.1605Z" stroke="#000" stroke-width="2" stroke-linecap="round"></path></svg></button><div class="LocaleChanger_wrapper__JlIi8"><button type="button" class="LocaleChanger_button__uqtn6" style="color:#000">RU</button></div></section><a class="Header_logoDesktop__WaARM" href="/"><img src="/svg/logo-red.svg" alt="logo" class="Header_logoDesktopImg__FGCKY"/></a><section class="Header_buttons__7X5vD Header_buttonsEnd__XixwI"><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:34px;height:34px;min-width:34px;min-height:34px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M29.1426 29.6422L22.9955 23.495M22.9955 23.495C23.9821 22.5083 24.7648 21.337 25.2987 20.0479C25.8327 18.7588 26.1075 17.3771 26.1075 15.9817C26.1075 14.5864 25.8327 13.2047 25.2987 11.9156C24.7648 10.6265 23.9821 9.45518 22.9955 8.46852C22.0088 7.48187 20.8375 6.69922 19.5484 6.16525C18.2592 5.63128 16.8776 5.35645 15.4822 5.35645C14.0869 5.35645 12.7052 5.63128 11.4161 6.16525C10.127 6.69922 8.95566 7.48187 7.96901 8.46853C5.97638 10.4612 4.85693 13.1637 4.85693 15.9817C4.85693 18.7998 5.97638 21.5023 7.96901 23.495C9.96164 25.4876 12.6642 26.6071 15.4822 26.6071C18.3002 26.6071 21.0028 25.4876 22.9955 23.495Z" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:34px;height:34px;min-width:34px;min-height:34px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M10.6252 6.16602C6.32204 6.16602 2.8335 9.65456 2.8335 13.9577C2.8335 21.7494 12.0418 28.8327 17.0002 30.4803C21.9585 28.8327 31.1668 21.7494 31.1668 13.9577C31.1668 9.65456 27.6783 6.16602 23.3752 6.16602C20.7402 6.16602 18.4097 7.47431 17.0002 9.47677C16.2817 8.45337 15.3272 7.61816 14.2175 7.04186C13.1078 6.46556 11.8756 6.16513 10.6252 6.16602Z" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center">
1<svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:34px;height:34px;min-width:34px;min-height:34px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M5.6665 25.9992C5.6665 24.4963 6.26353 23.055 7.32623 21.9922C8.38894 20.9295 9.83028 20.3325 11.3332 20.3325H22.6665C24.1694 20.3325 25.6107 20.9295 26.6734 21.9922C27.7361 23.055 28.3332 24.4963 28.3332 25.9992C28.3332 26.7506 28.0347 27.4713 27.5033 28.0027C26.972 28.534 26.2513 28.8325 25.4998 28.8325H8.49984C7.74839 28.8325 7.02772 28.534 6.49637 28.0027C5.96501 27.4713 5.6665 26.7506 5.6665 25.9992Z" stroke="#000" stroke-width="2" stroke-linejoin="round"></path><path style="transition:all 0.3s" d="M17 14.666C19.3472 14.666 21.25 12.7632 21.25 10.416C21.25 8.06881 19.3472 6.16602 17 6.16602C14.6528 6.16602 12.75 8.06881 12.75 10.416C12.75 12.7632 14.6528 14.666 17 14.666Z" stroke="#000" stroke-width="2"></path></svg></button><button type="button" style="background:none;border:none;padding:0;margin:0;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:10"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg" style="width:34px;height:34px;min-width:34px;min-height:34px" class="Header_button__o25wv"><path style="transition:all 0.3s" d="M5.48696 24.6113L3.78129 14.4397C3.52346 12.9012 3.39454 12.1333 3.80821 11.629C4.22046 11.1247 4.97979 11.1247 6.49704 11.1247H27.5034C29.0206 11.1247 29.78 11.1247 30.1922 11.629C30.6059 12.1333 30.4755 12.9012 30.2191 14.4397L28.5135 24.6113C27.9482 27.983 27.6663 29.6674 26.5117 30.6676C25.3585 31.6663 23.6954 31.6663 20.369 31.6663H13.6314C10.305 31.6663 8.64187 31.6663 7.48871 30.6662C6.33412 29.6674 6.05221 27.9816 5.48696 24.6099M24.7919 11.1247C24.7919 9.0582 23.971 7.07636 22.5097 5.61513C21.0485 4.15391 19.0667 3.33301 17.0002 3.33301C14.9337 3.33301 12.9519 4.15391 11.4907 5.61513C10.0294 7.07636 9.20854 9.0582 9.20854 11.1247" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="position:absolute;top:55%;left:0;right:0;margin:0 auto;width:20px;overflow:hidden;text-align:center;transform:translateY(-30%);color:#AD1918;font-size:12px;font-weight:500;line-height:16px;cursor:pointer;z-index:-1">0</span></button></section></nav></header><div class="Layout_adaptive__A8rPN"><main class="About_main__PS49B"><div class="Breadcrumbs_pagination__Zf_Ba About_breadcrumbs__QkFDi"><a class="Breadcrumbs_route__2H7Bi" href="/">Главная</a><div class="Breadcrumbs_routeNext__mag3a Breadcrumbs_nonClick__LYijq"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="Breadcrumbs_arrow__9S3PZ" style="width:24px;height:24px;min-width:24px;min-height:24px"><path style="transition:all 0.3s" d="M4.79922 11.76L19.1992 11.76M19.1992 11.76L13.7992 6M19.1992 11.76L13.7992 17.52" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="Breadcrumbs_route__2H7Bi">О компании</span></div></div><div class="BannerSpace_wrapper__pzStb"></div><div class="Title_wrapper__DIf2F About_title__1jqDT">О компании</div><div class="About_tabs__SzimX"><div class="TabsJoined_wrapper__TBLhj"><div class="swiper TabsJoined_swiper__YqZff"><div class="swiper-wrapper"><div class="swiper-slide TabsJoined_slide__wRw50"><div class="TabsJoined_tab__26HpZ TabsJoined_active__iVfN9"><span class="TabsJoined_text__MoosG">О компании</span><div class="TabsJoined_line__UP8j6 TabsJoined_lineActive__v5nM_"></div></div></div><div class="swiper-slide TabsJoined_slide__wRw50"><div class="TabsJoined_tab__26HpZ"><span class="TabsJoined_text__MoosG">О производстве</span><div class="TabsJoined_line__UP8j6"></div></div></div></div><div class="TabsJoined_lineCommon__WyR54"></div></div></div></div><div class="BannerStatic_container__5xsVF BannerStatic_absolute__Aog1A"><div class="Breadcrumbs_pagination__Zf_Ba BannerStatic_breadcrumbs__NijQ8"><a class="Breadcrumbs_route__2H7Bi Breadcrumbs_light__XZ_J0" href="/">Главная</a><div class="Breadcrumbs_routeNext__mag3a Breadcrumbs_nonClick__LYijq Breadcrumbs_light__XZ_J0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="Breadcrumbs_arrow__9S3PZ" style="width:24px;height:24px;min-width:24px;min-height:24px"><path style="transition:all 0.3s" d="M4.79922 11.76L19.1992 11.76M19.1992 11.76L13.7992 6M19.1992 11.76L13.7992 17.52" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="Breadcrumbs_route__2H7Bi Breadcrumbs_light__XZ_J0">О компании</span></div></div><div class="BannerStatic_empty__HYiMR"></div><img src="https://back.zeta.kz/uploads/images/banner/6811f230ebbd571b5c27e5e6/1920х600 (2).webp" class="BannerStatic_img__ZTJ4x"/><img src="https://back.zeta.kz/uploads/images/banner/6811f230ebbd571b5c27e5e6/1920х600 (2).webp" class="BannerStatic_imgTablet__xjybF"/><img src="https://back.zeta.kz/uploads/images/banner/6811f230ebbd571b5c27e5e6/1920х600 (2).webp" class="BannerStatic_imgMobile___I9HB"/><h1 class="BannerStatic_heading__iATRE">О компании</h1><div class="Shadow_wrapper__J2CcC" style="background:rgba(0, 0, 0, 0.04)"></div></div><div class="content space">
2  <style>
3  .za-page {
4    --za-red: #a61717;
5    --za-red-soft: #bd3434;
6    --za-black: #171717;
7    --za-text: #4f4f4f;
8    --za-muted: #777777;
9    --za-line: #e3e3e3;
10    --za-bg: #f5f5f5;
11
12    width: 100%;
13    color: var(--za-black);
14    font-family: inherit;
15    line-height: 1.5;
16}
17
18.za-page *,
19.za-page *::before,
20.za-page *::after {
21    box-sizing: border-box;
22}
23
24.za-container {
25    width: 100%;
26    max-width: 1240px;
27    margin: 0 auto;
28    padding: 0 32px;
29}
30
31
32/* =========================
33   ОБЩИЕ ЭЛЕМЕНТЫ
34   ========================= */
35
36.za-section {
37    width: 100%;
38    margin-top: 52px;
39}
40
41.za-section--compact {
42    margin-top: 36px;
43}
44
45.za-section--final {
46    margin-bottom: 36px;
47}
48
49.za-label {
50    margin: 0 0 16px;
51    color: var(--za-red);
52    font-size: 14px;
53    font-weight: 700;
54    line-height: 1.2;
55    letter-spacing: 0.11em;
56    text-transform: uppercase;
57}
58
59.za-title {
60    margin: 0;
61    color: var(--za-black);
62    font-size: clamp(32px, 3vw, 46px);
63    font-weight: 700;
64    line-height: 1.1;
65    letter-spacing: -0.028em;
66}
67
68.za-text {
69    margin: 0 0 20px;
70    color: var(--za-text);
71    font-size: 19px;
72    font-weight: 400;
73    line-height: 1.62;
74}
75
76.za-text:last-child {
77    margin-bottom: 0;
78}
79
80.za-text strong {
81    color: var(--za-black);
82    font-weight: 600;
83}
84
85
86/* =========================
87   HERO
88   ========================= */
89
90.za-hero {
91    width: 100%;
92    padding-top: 28px;
93}
94
95.za-hero__content {
96    position: relative;
97    overflow: hidden;
98    min-height: 330px;
99    padding: 58px 64px;
100    border-radius: 24px;
101    background:
102        radial-gradient(
103            circle at 91% 8%,
104            rgba(166, 23, 23, 0.13) 0,
105            rgba(166, 23, 23, 0) 39%
106        ),
107        #f5f5f5;
108}
109
110.za-hero__content::after {
111    position: absolute;
112    right: -100px;
113    bottom: -205px;
114    width: 470px;
115    height: 470px;
116    border: 64px solid rgba(166, 23, 23, 0.055);
117    border-radius: 50%;
118    content: "";
119    pointer-events: none;
120}
121
122.za-hero__title {
123    position: relative;
124    z-index: 1;
125    max-width: 920px;
126    margin: 0 0 24px;
127    color: var(--za-black);
128    font-size: clamp(44px, 5vw, 68px);
129    font-weight: 700;
130    line-height: 1.02;
131    letter-spacing: -0.04em;
132}
133
134.za-hero__text {
135    position: relative;
136    z-index: 1;
137    max-width: 820px;
138    margin: 0;
139    color: #4b4b4b;
140    font-size: 20px;
141    line-height: 1.58;
142}
143
144
145/* =========================
146   ГЛАВНЫЕ ЦИФРЫ
147   ========================= */
148
149.za-section--stats {
150    margin-top: 22px;
151}
152
153.za-stats {
154    display: grid;
155    grid-template-columns: repeat(5, minmax(0, 1fr));
156    overflow: hidden;
157    border: 1px solid var(--za-line);
158    border-radius: 16px;
159    background: #fff;
160}
161
162.za-stat {
163    display: flex;
164    min-height: 118px;
165    padding: 20px 24px;
166    border-right: 1px solid var(--za-line);
167    flex-direction: column;
168    justify-content: center;
169}
170
171.za-stat:last-child {
172    border-right: 0;
173}
174
175.za-stat__value {
176    margin-bottom: 8px;
177    color: var(--za-red);
178    font-size: clamp(48px, 4.4vw, 62px);
179    font-weight: 700;
180    line-height: 0.9;
181    letter-spacing: -0.045em;
182    font-variant-numeric: tabular-nums;
183}
184
185.za-stat__name {
186    max-width: 190px;
187    color: #505050;
188    font-size: 17px;
189    font-weight: 500;
190    line-height: 1.28;
191}
192
193
194/* =========================
195   ПРОИЗВОДСТВО
196   ========================= */
197
198.za-production {
199    display: grid;
200    grid-template-columns: minmax(0, 1.6fr) minmax(270px, 0.75fr);
201    gap: 62px;
202    padding: 54px 64px;
203    border-radius: 22px;
204    background: #191919;
205}
206
207.za-label--dark {
208    color: #dc5555;
209}
210
211.za-title--white {
212    margin-bottom: 22px;
213    color: #fff;
214}
215
216.za-text--dark {
217    max-width: 720px;
218    color: #c4c4c4;
219    font-size: 18px;
220}
221
222.za-text--dark strong {
223    color: #fff;
224}
225
226.za-button {
227    display: inline-flex;
228    align-items: center;
229    gap: 18px;
230    margin-top: 6px;
231    padding: 13px 20px;
232    border-radius: 8px;
233    background: var(--za-red);
234    color: #fff !important;
235    font-size: 15px;
236    font-weight: 600;
237    text-decoration: none !important;
238    transition: transform .2s ease, background .2s ease;
239}
240
241.za-button:hover {
242    background: #8e1212;
243    color: #fff !important;
244    transform: translateY(-2px);
245}
246
247.za-button span {
248    font-size: 20px;
249}
250
251.za-production__facts {
252    align-self: center;
253}
254
255.za-production-fact {
256    padding: 17px 0;
257    border-bottom: 1px solid #363636;
258}
259
260.za-production-fact:first-child {
261    padding-top: 0;
262}
263
264.za-production-fact:last-child {
265    padding-bottom: 0;
266    border-bottom: 0;
267}
268
269.za-production-fact strong {
270    display: block;
271    margin-bottom: 7px;
272    color: #fff;
273    font-size: 44px;
274    font-weight: 700;
275    line-height: 1;
276    letter-spacing: -0.035em;
277    font-variant-numeric: tabular-nums;
278}
279
280.za-production-fact strong .za-counter {
281    color: inherit;
282    font: inherit;
283    letter-spacing: inherit;
284}
285
286.za-production-fact > span {
287    color: #bcbcbc;
288    font-size: 17px;
289    line-height: 1.35;
290}
291
292
293/* =========================
294   ЗАГОЛОВОК СЕКЦИИ
295   ========================= */
296
297.za-section-head {
298    max-width: 850px;
299    margin-bottom: 30px;
300}
301
302.za-section-head .za-title {
303    margin-bottom: 16px;
304}
305
306.za-section-head__text {
307    max-width: 800px;
308    margin: 0;
309    color: var(--za-text);
310    font-size: 19px;
311    line-height: 1.6;
312}
313
314
315/* =========================
316   НАПРАВЛЕНИЯ
317   ========================= */
318
319.za-products {
320    display: grid;
321    grid-template-columns: repeat(3, minmax(0, 1fr));
322    gap: 12px;
323}
324
325.za-product {
326    min-height: 192px;
327    padding: 23px 25px;
328    border: 1px solid var(--za-line);
329    border-radius: 15px;
330    background: #fff;
331    transition:
332        transform .2s ease,
333        box-shadow .2s ease,
334        border-color .2s ease;
335}
336
337.za-product:hover {
338    border-color: #d1d1d1;
339    box-shadow: 0 12px 28px rgba(0, 0, 0, .055);
340    transform: translateY(-3px);
341}
342
343.za-product__number {
344    margin-bottom: 22px;
345    color: var(--za-red);
346    font-size: 15px;
347    font-weight: 700;
348}
349
350.za-product h4 {
351    margin: 0 0 8px;
352    color: var(--za-black);
353    font-size: 22px;
354    font-weight: 650;
355    line-height: 1.2;
356}
357
358.za-product p {
359    margin: 0;
360    color: #5c5c5c;
361    font-size: 17px;
362    line-height: 1.48;
363}
364
365
366/* =========================
367   ДВУХКОЛОНОЧНАЯ СЕТКА
368   Одинаковая для двух блоков
369   ========================= */
370
371.za-split {
372    display: grid;
373    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
374    gap: 74px;
375    align-items: start;
376}
377
378.za-split__left,
379.za-split__right {
380    min-width: 0;
381}
382
383
384/* =========================
385   ZETA СЕГОДНЯ
386   ========================= */
387
388.za-info-box {
389    padding: 50px 64px;
390    border-radius: 20px;
391    background: var(--za-bg);
392}
393
394.za-info-box .za-title {
395    font-size: clamp(32px, 2.7vw, 43px);
396}
397
398
399/* =========================
400   КОМАНДА
401   ========================= */
402
403.za-split--plain {
404    padding: 24px 64px 12px;
405}
406
407.za-split__right--line {
408    padding-top: 30px;
409    border-top: 1px solid var(--za-line);
410}
411
412
413/* =========================
414   7 ПРИЧИН
415   ========================= */
416
417.za-reasons-box {
418    padding: 46px 56px 48px;
419    border-radius: 20px;
420    background: var(--za-bg);
421}
422
423.za-reasons-head {
424    max-width: 780px;
425    margin: 0 auto 30px;
426    text-align: center;
427}
428
429.za-reasons {
430    display: grid;
431    grid-template-columns: repeat(2, minmax(0, 1fr));
432    gap: 10px;
433    max-width: 1060px;
434    margin: 0 auto;
435}
436
437.za-reason {
438    display: grid;
439    grid-template-columns: 34px minmax(0, 1fr);
440    gap: 13px;
441    padding: 19px 21px;
442    border-radius: 13px;
443    background: #fff;
444}
445
446.za-reason > span {
447    padding-top: 2px;
448    color: var(--za-red);
449    font-size: 15px;
450    font-weight: 700;
451}
452
453.za-reason h4 {
454    margin: 0 0 5px;
455    color: var(--za-black);
456    font-size: 20px;
457    font-weight: 650;
458    line-height: 1.25;
459}
460
461.za-reason p {
462    margin: 0;
463    color: #5d5d5d;
464    font-size: 16.5px;
465    line-height: 1.46;
466}
467
468
469/* =========================
470   ФИНАЛ
471   ========================= */
472
473.za-final {
474    padding: 62px 40px;
475    border-radius: 20px;
476    background: var(--za-red);
477    color: #fff;
478    text-align: center;
479}
480
481.za-final__brand {
482    margin-bottom: 14px;
483    color: rgba(255, 255, 255, .82);
484    font-size: 13px;
485    font-weight: 700;
486    letter-spacing: .2em;
487}
488
489.za-final h3 {
490    max-width: 820px;
491    margin: 0 auto 18px;
492    color: #fff;
493    font-size: clamp(34px, 3.5vw, 50px);
494    font-weight: 700;
495    line-height: 1.1;
496    letter-spacing: -0.025em;
497}
498
499.za-final p {
500    max-width: 780px;
501    margin: 0 auto;
502    color: rgba(255, 255, 255, .88);
503    font-size: 18px;
504    line-height: 1.58;
505}
506
507
508/* =========================
509   TABLET
510   ========================= */
511
512@media (max-width: 1024px) {
513
514    .za-container {
515        padding: 0 24px;
516    }
517
518    .za-hero__content {
519        padding: 48px;
520    }
521
522    .za-stats {
523        grid-template-columns: repeat(3, 1fr);
524    }
525
526    .za-stat {
527        border-bottom: 1px solid var(--za-line);
528    }
529
530    .za-production {
531        grid-template-columns: 1fr;
532        gap: 38px;
533        padding: 46px 48px;
534    }
535
536    .za-production__facts {
537        display: grid;
538        grid-template-columns: repeat(3, 1fr);
539        gap: 22px;
540    }
541
542    .za-production-fact {
543        padding: 0;
544        border-right: 1px solid #363636;
545        border-bottom: 0;
546    }
547
548    .za-production-fact:last-child {
549        border-right: 0;
550    }
551
552    .za-products {
553        grid-template-columns: repeat(2, 1fr);
554    }
555
556    .za-split {
557        gap: 42px;
558    }
559
560    .za-info-box {
561        padding: 44px 48px;
562    }
563
564    .za-split--plain {
565        padding-right: 48px;
566        padding-left: 48px;
567    }
568
569    .za-reasons-box {
570        padding: 42px;
571    }
572}
573
574
575/* =========================
576   MOBILE
577   ========================= */
578
579@media (max-width: 700px) {
580
581    .za-container {
582        padding: 0 16px;
583    }
584
585    .za-section {
586        margin-top: 42px;
587    }
588
589    .za-section--compact {
590        margin-top: 26px;
591    }
592
593    .za-label {
594        margin-bottom: 12px;
595        font-size: 12px;
596    }
597
598    .za-title {
599        font-size: 29px;
600    }
601
602    .za-text {
603        font-size: 16px;
604        line-height: 1.58;
605    }
606
607    .za-hero {
608        padding-top: 18px;
609    }
610
611    .za-hero__content {
612        min-height: auto;
613        padding: 34px 22px;
614        border-radius: 17px;
615    }
616
617    .za-hero__content::after {
618        display: none;
619    }
620
621    .za-hero__title {
622        margin-bottom: 18px;
623        font-size: 35px;
624        line-height: 1.04;
625    }
626
627    .za-hero__text {
628        font-size: 17px;
629        line-height: 1.55;
630    }
631
632    .za-section--stats {
633        margin-top: 15px;
634    }
635
636    .za-stats {
637        grid-template-columns: repeat(2, 1fr);
638        border-radius: 14px;
639    }
640
641    .za-stat {
642        min-height: 102px;
643        padding: 17px 15px;
644    }
645
646    .za-stat__value {
647        font-size: 38px;
648    }
649
650    .za-stat__name {
651        font-size: 14px;
652    }
653
654    .za-production {
655        gap: 32px;
656        padding: 34px 22px;
657        border-radius: 17px;
658    }
659
660    .za-production__facts {
661        grid-template-columns: 1fr;
662        gap: 0;
663    }
664
665    .za-production-fact {
666        padding: 18px 0;
667        border-right: 0;
668        border-bottom: 1px solid #363636;
669    }
670
671    .za-production-fact:first-child {
672        padding-top: 0;
673    }
674
675    .za-production-fact:last-child {
676        border-bottom: 0;
677    }
678
679    .za-production-fact strong {
680        font-size: 38px;
681    }
682
683    .za-production-fact > span {
684        font-size: 15px;
685    }
686
687    .za-section-head {
688        margin-bottom: 24px;
689    }
690
691    .za-section-head__text {
692        font-size: 16px;
693    }
694
695    .za-products {
696        grid-template-columns: 1fr;
697    }
698
699    .za-product {
700        min-height: auto;
701        padding: 21px;
702    }
703
704    .za-product__number {
705        margin-bottom: 20px;
706    }
707
708    .za-product h4 {
709        font-size: 20px;
710    }
711
712    .za-product p {
713        font-size: 16px;
714    }
715
716    .za-split {
717        grid-template-columns: 1fr;
718        gap: 25px;
719    }
720
721    .za-info-box {
722        padding: 32px 22px;
723        border-radius: 17px;
724    }
725
726    .za-split--plain {
727        padding: 8px 22px 0;
728    }
729
730    .za-split__right--line {
731        padding-top: 22px;
732    }
733
734    .za-reasons-box {
735        padding: 34px 16px;
736        border-radius: 17px;
737    }
738
739    .za-reasons-head {
740        margin-bottom: 24px;
741    }
742
743    .za-reasons {
744        grid-template-columns: 1fr;
745    }
746
747    .za-reason {
748        padding: 17px;
749    }
750
751    .za-reason h4 {
752        font-size: 18px;
753    }
754
755    .za-reason p {
756        font-size: 15px;
757    }
758
759    .za-final {
760        padding: 44px 20px;
761        border-radius: 17px;
762    }
763
764    .za-final h3 {
765        font-size: 30px;
766    }
767
768    .za-final p {
769        font-size: 16px;
770    }
771}
772@media (max-width: 700px) {
773    .za-stat:last-child {
774        grid-column: 1 / -1;
775        align-items: center;
776        text-align: center;
777    }
778
779    .za-stat:last-child .za-stat__name {
780        max-width: none;
781        text-align: center;
782    }
783}
784  </style>
785  <body>
786  <div class="za-page">
787
788    <!-- HERO -->
789    <section class="za-hero">
790        <div class="za-container">
791            <div class="za-hero__content">
792
793                <h2 class="za-hero__title">
794                    ZETA - производим<br>
795                    в Казахстане с 1996 года
796                </h2>
797
798                <p class="za-hero__text">
799                    Казахстанская производственная компания ZETA создаёт мебель,
800                    изделия из пластика и металла для дома, офиса, бизнеса
801                    и общественных пространств.
802                </p>
803            </div>
804        </div>
805    </section>
806
807    <!-- КЛЮЧЕВЫЕ ЦИФРЫ -->
808    <section class="za-section za-section--stats">
809        <div class="za-container">
810            <div class="za-stats">
811
812                <div class="za-stat">
813                    <div class="za-stat__value za-counter"
814                         data-start="1900"
815                         data-target="1996"
816                         data-delay="0">1996</div>
817                    <div class="za-stat__name">год основания</div>
818                </div>
819
820                <div class="za-stat">
821                    <div class="za-stat__value za-counter"
822                         data-start="0"
823                         data-target="39"
824                         data-delay="70">39</div>
825                    <div class="za-stat__name">магазинов по Казахстану</div>
826                </div>
827
828                <div class="za-stat">
829                    <div class="za-stat__value za-counter"
830                         data-start="0"
831                         data-target="7"
832                         data-delay="140">7</div>
833                    <div class="za-stat__name">собственных заводов</div>
834                </div>
835
836                <div class="za-stat">
837                    <div class="za-stat__value za-counter"
838                         data-start="0"
839                         data-target="2400"
840                         data-delay="210">2400</div>
841                    <div class="za-stat__name">сотрудников</div>
842                </div>
843
844                <div class="za-stat">
845                    <div class="za-stat__value za-counter"
846                         data-start="0"
847                         data-target="8000"
848                         data-suffix="+"
849                         data-delay="280">8000+</div>
850                    <div class="za-stat__name">наименований товаров</div>
851                </div>
852
853            </div>
854        </div>
855    </section>
856
857    <!-- ПРОИЗВОДСТВО -->
858    <section class="za-section">
859        <div class="za-container">
860            <div class="za-production">
861
862                <div class="za-production__main">
863                    <div class="za-label za-label--dark">Собственное производство</div>
864
865                    <h3 class="za-title za-title--white">
866                        7 заводов на территории<br>
867                        8 гектаров
868                    </h3>
869
870                    <p class="za-text za-text--dark">
871                        Производственные мощности ZETA расположены в Казахстане.
872                        Компания выпускает мебель, изделия из пластика и металла,
873                        постоянно развивая собственные технологии и производственные процессы.
874                    </p>
875
876                    <p class="za-text za-text--dark">
877                        Доля казахстанского содержания в готовой продукции
878                        достигает около <strong>80%</strong>.
879                    </p>
880
881                    <a href="https://zeta.kz/manufacture" class="za-button">
882                        Подробнее о производстве <span>→</span>
883                    </a>
884                </div>
885
886                <div class="za-production__facts">
887
888                    <div class="za-production-fact">
889                        <strong class="za-counter"
890                                data-start="0"
891                                data-target="7"
892                                data-delay="0">7</strong>
893                        <span>производственных площадок</span>
894                    </div>
895
896                    <div class="za-production-fact">
897                        <strong>
898                            <span class="za-counter"
899                                  data-start="0"
900                                  data-target="8"
901                                  data-delay="100">8</span> га
902                        </strong>
903                        <span>территория производства</span>
904                    </div>
905
906                    <div class="za-production-fact">
907                        <strong class="za-counter"
908                                data-start="0"
909                                data-target="80"
910                                data-prefix="≈"
911                                data-suffix="%"
912                                data-delay="200">≈80%</strong>
913                        <span>казахстанского содержания</span>
914                    </div>
915
916                </div>
917
918            </div>
919        </div>
920    </section>
921
922    <!-- НАПРАВЛЕНИЯ -->
923    <section class="za-section">
924        <div class="za-container">
925
926            <div class="za-section-head">
927                <div class="za-label">Направления</div>
928                <h3 class="za-title">Что мы производим</h3>
929
930                <p class="za-section-head__text">
931                    Продукция ZETA используется дома, в офисах, образовательных
932                    и медицинских учреждениях, гостиницах, ресторанах
933                    и других общественных пространствах.
934                </p>
935            </div>
936
937            <div class="za-products">
938
939                <article class="za-product">
940                    <div class="za-product__number">01</div>
941                    <h4>Мягкая мебель</h4>
942                    <p>Диваны, кресла и другие модели из мебельных тканей и натуральной кожи различных цветов и фактур.</p>
943                </article>
944
945                <article class="za-product">
946                    <div class="za-product__number">02</div>
947                    <h4>Корпусная мебель</h4>
948                    <p>Шкафы, столы, системы хранения и другая мебель для дома и коммерческих помещений.</p>
949                </article>
950
951                <article class="za-product">
952                    <div class="za-product__number">03</div>
953                    <h4>Кресла и стулья</h4>
954                    <p>Решения для дома, офиса, рабочих зон, учебных заведений и общественных пространств.</p>
955                </article>
956
957                <article class="za-product">
958                    <div class="za-product__number">04</div>
959                    <h4>Мебель для бизнеса</h4>
960                    <p>Продукция для гостиниц, ресторанов, салонов красоты и коммерческих объектов.</p>
961                </article>
962
963                <article class="za-product">
964                    <div class="za-product__number">05</div>
965                    <h4>Мебель для учреждений</h4>
966                    <p>Специализированные решения для школ, медицинских учреждений и конференц-залов.</p>
967                </article>
968
969                <article class="za-product">
970                    <div class="za-product__number">06</div>
971                    <h4>Пластик и металл</h4>
972                    <p>Изделия для дома, хранения, хозяйственных и коммерческих задач.</p>
973                </article>
974
975            </div>
976        </div>
977    </section>
978
979    <!-- ZETA СЕГОДНЯ -->
980    <section class="za-section">
981        <div class="za-container">
982            <div class="za-info-box">
983                <div class="za-split">
984
985                    <div class="za-split__left">
986                        <div class="za-label">ZETA сегодня</div>
987                        <h3 class="za-title">
988                            Большая команда<br>
989                            и собственная<br>
990                            производственная база
991                        </h3>
992                    </div>
993
994                    <div class="za-split__right">
995                        <p class="za-text">
996                            Сегодня сеть ZETA насчитывает
997                            <strong>39 магазинов по всему Казахстану</strong>.
998                            В компании работают около <strong>2400 сотрудников</strong>,
999                            а ассортимент превышает <strong>8000 наименований</strong>.
1000                        </p>
1001
1002                        <p class="za-text">
1003                            Наряду с продукцией собственного производства
1004                            в ассортименте представлены товары из России,
1005                            Италии, Вьетнама, Турции, Польши,
1006                            Малайзии и Узбекистана.
1007                        </p>
1008                    </div>
1009
1010                </div>
1011            </div>
1012        </div>
1013    </section>
1014
1015    <!-- КОМАНДА -->
1016    <section class="za-section za-section--compact">
1017        <div class="za-container">
1018            <div class="za-split za-split--plain">
1019
1020                <div class="za-split__left">
1021                    <div class="za-label">Команда и технологии</div>
1022                    <h3 class="za-title">
1023                        Опыт, который<br>
1024                        превращается<br>
1025                        в производство
1026                    </h3>
1027                </div>
1028
1029                <div class="za-split__right za-split__right--line">
1030                    <p class="za-text">
1031                        Ядро коллектива ZETA — квалифицированные менеджеры,
1032                        инженеры, конструкторы и производственные специалисты
1033                        с многолетним опытом.
1034                    </p>
1035
1036                    <p class="za-text">
1037                        Современное оборудование, европейские технологии,
1038                        развитие производственных процессов и гибкий подход
1039                        к рынку позволяют компании расширять ассортимент
1040                        и укреплять позиции в Казахстане и Центральной Азии.
1041                    </p>
1042                </div>
1043
1044            </div>
1045        </div>
1046    </section>
1047
1048    <!-- 7 ПРИЧИН -->
1049    <section class="za-section">
1050        <div class="za-container">
1051            <div class="za-reasons-box">
1052
1053                <div class="za-reasons-head">
1054                    <div class="za-label">Сделано в Казахстане</div>
1055                    <h3 class="za-title">
1056                        7 причин поддерживать<br>
1057                        казахстанское производство
1058                    </h3>
1059                </div>
1060
1061                <div class="za-reasons">
1062
1063                    <article class="za-reason">
1064                        <span>01</span>
1065                        <div>
1066                            <h4>Рабочие места</h4>
1067                            <p>Развитие производства создаёт рабочие места и способствует занятости населения.</p>
1068                        </div>
1069                    </article>
1070
1071                    <article class="za-reason">
1072                        <span>02</span>
1073                        <div>
1074                            <h4>Вклад в экономику</h4>
1075                            <p>Налоговые и другие обязательные платежи отечественных предприятий остаются внутри страны.</p>
1076                        </div>
1077                    </article>
1078
1079                    <article class="za-reason">
1080                        <span>03</span>
1081                        <div>
1082                            <h4>Доходы сотрудников</h4>
1083                            <p>Заработные платы поддерживают внутренний спрос и развитие экономики Казахстана.</p>
1084                        </div>
1085                    </article>
1086
1087                    <article class="za-reason">
1088                        <span>04</span>
1089                        <div>
1090                            <h4>Конкуренция и качество</h4>
1091                            <p>Развитие местных производителей способствует росту качества и формированию доступных цен.</p>
1092                        </div>
1093                    </article>
1094
1095                    <article class="za-reason">
1096                        <span>05</span>
1097                        <div>
1098                            <h4>Развитие специалистов</h4>
1099                            <p>Производственные предприятия развивают профессиональные и инженерные компетенции.</p>
1100                        </div>
1101                    </article>
1102
1103                    <article class="za-reason">
1104                        <span>06</span>
1105                        <div>
1106                            <h4>Смежные отрасли</h4>
1107                            <p>Производство формирует спрос на местное сырьё, комплектующие, оборудование и услуги.</p>
1108                        </div>
1109                    </article>
1110
1111                    <article class="za-reason">
1112                        <span>07</span>
1113                        <div>
1114                            <h4>Экспортный потенциал</h4>
1115                            <p>Выход казахстанской продукции на зарубежные рынки укрепляет позиции отечественных брендов.</p>
1116                        </div>
1117                    </article>
1118
1119                </div>
1120            </div>
1121        </div>
1122    </section>
1123
1124    <!-- ФИНАЛ -->
1125    <section class="za-section za-section--final">
1126        <div class="za-container">
1127            <div class="za-final">
1128                <div class="za-final__brand">ZETA</div>
1129
1130                <h3>
1131                    Производим в Казахстане<br>
1132                    с 1996 года
1133                </h3>
1134
1135                <p>
1136                    Выбирая продукцию казахстанского производства,
1137                    вы поддерживаете рабочие места, развитие предприятий
1138                    и создание товаров внутри страны.
1139                </p>
1140            </div>
1141        </div>
1142    </section>
1143
1144</div>
1145
1146<!-- JS можно хранить прямо в HTML-поле админки -->
1147<script>
1148(function () {
1149    function initZaCounters() {
1150        var counters = document.querySelectorAll('.za-counter');
1151        if (!counters.length) return;
1152
1153        function getFinalText(counter) {
1154            var target = parseInt(counter.getAttribute('data-target') || '0', 10);
1155            var prefix = counter.getAttribute('data-prefix') || '';
1156            var suffix = counter.getAttribute('data-suffix') || '';
1157            return prefix + target + suffix;
1158        }
1159
1160        /* Если пользователь отключил анимации в системе — показываем финальные значения */
1161        if (window.matchMedia &&
1162            window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
1163            counters.forEach(function (counter) {
1164                counter.textContent = getFinalText(counter);
1165            });
1166            return;
1167        }
1168
1169        counters.forEach(function (counter) {
1170            var start = parseInt(counter.getAttribute('data-start') || '0', 10);
1171            var prefix = counter.getAttribute('data-prefix') || '';
1172            var suffix = counter.getAttribute('data-suffix') || '';
1173            counter.textContent = prefix + start + suffix;
1174        });
1175
1176        function animateCounter(counter) {
1177            if (counter.getAttribute('data-animated') === 'true') return;
1178            counter.setAttribute('data-animated', 'true');
1179
1180            var target = parseInt(counter.getAttribute('data-target') || '0', 10);
1181            var start = parseInt(counter.getAttribute('data-start') || '0', 10);
1182            var prefix = counter.getAttribute('data-prefix') || '';
1183            var suffix = counter.getAttribute('data-suffix') || '';
1184            var delay = parseInt(counter.getAttribute('data-delay') || '0', 10);
1185            var duration = 1400;
1186
1187            setTimeout(function () {
1188                var startTime = performance.now();
1189
1190                function update(currentTime) {
1191                    var progress = Math.min((currentTime - startTime) / duration, 1);
1192                    var eased = 1 - Math.pow(1 - progress, 3);
1193                    var value = Math.round(start + (target - start) * eased);
1194
1195                    counter.textContent = prefix + value + suffix;
1196
1197                    if (progress < 1) {
1198                        requestAnimationFrame(update);
1199                    } else {
1200                        counter.textContent = prefix + target + suffix;
1201                    }
1202                }
1203
1204                requestAnimationFrame(update);
1205            }, delay);
1206        }
1207
1208        if ('IntersectionObserver' in window) {
1209            var observer = new IntersectionObserver(function (entries) {
1210                entries.forEach(function (entry) {
1211                    if (entry.isIntersecting) {
1212                        animateCounter(entry.target);
1213                        observer.unobserve(entry.target);
1214                    }
1215                });
1216            }, {
1217                threshold: 0.3
1218            });
1219
1220            counters.forEach(function (counter) {
1221                observer.observe(counter);
1222            });
1223        } else {
1224            counters.forEach(animateCounter);
1225        }
1226    }
1227
1228    if (document.readyState === 'loading') {
1229        document.addEventListener('DOMContentLoaded', initZaCounters);
1230    } else {
1231        initZaCounters();
1232    }
1233})();
1234</script>
1234
1235  </body>
1236  </div><div class="content"><div class="BannerStatic_container__5xsVF"><div></div><div class="BannerStatic_empty__HYiMR"></div><img src="https://back.zeta.kz/uploads/images/descriptionblock/67f7d9e4f59e6ed632142a2c/media/Магазин. о компании.jpg" class="BannerStatic_img__ZTJ4x"/><img src="https://back.zeta.kz/uploads/images/descriptionblock/67f7d9e4f59e6ed632142a2c/media/Магазин. о компании.jpg" class="BannerStatic_imgTablet__xjybF"/><img src="https://back.zeta.kz/uploads/images/descriptionblock/67f7d9e4f59e6ed632142a2c/media/Магазин. о компании.jpg" class="BannerStatic_imgMobile___I9HB"/><div class="Shadow_wrapper__J2CcC" style="background:rgba(0, 0, 0, 0.04)"></div></div></div></main></div><footer class="Footer_mobile__10BRz"><div class="Footer_column__I_SdU"><div class="Accordion_accordion__heJes"><div class="Accordion_title___CGmZ"><div class="Accordion_titleText__fnHZF">О компании</div><div class="Accordion_icon__cNiYt"><img src="/svg/plus.svg" alt="plus" class="Accordion_icon__cNiYt"/></div></div><div class="Accordion_list__6nDdH Accordion_hidden__k5zOT" style="max-height:0px"><div class="Footer_link__uZNdP">О компании</div><div class="Footer_link__uZNdP">Работа у нас</div><div class="Footer_link__uZNdP">Сертификаты</div><div class="Footer_link__uZNdP">Новости</div><div class="Footer_link__uZNdP">Контакты</div><div class="Footer_link__uZNdP">О производстве</div></div></div><div class="Accordion_accordion__heJes"><div class="Accordion_title___CGmZ"><div class="Accordion_titleText__fnHZF">Покупателям</div><div class="Accordion_icon__cNiYt"><img src="/svg/plus.svg" alt="plus" class="Accordion_icon__cNiYt"/></div></div><div class="Accordion_list__6nDdH Accordion_hidden__k5zOT" style="max-height:0px"><div class="Footer_link__uZNdP">Доставка</div><div class="Footer_link__uZNdP">Оплата</div><div class="Footer_link__uZNdP">Гарантия</div><div class="Footer_link__uZNdP">Наши магазины</div><div class="Footer_link__uZNdP">Программа лояльности</div><div class="Footer_link__uZNdP">Сервисный центр</div><div class="Footer_link__uZNdP">Карта сайта</div><div class="Footer_link__uZNdP">Вопрос ответ</div></div></div><div class="Accordion_accordion__heJes"><div class="Accordion_title___CGmZ"><div class="Accordion_titleText__fnHZF">Контакты</div><div class="Accordion_icon__cNiYt"><img src="/svg/plus.svg" alt="plus" class="Accordion_icon__cNiYt"/></div></div><div class="Accordion_list__6nDdH Accordion_hidden__k5zOT" style="max-height:0px"><div class="Footer_contact__QRp2k"><span class="Footer_address__oQAxq">Казахстан, г. Алматы, улица Ангарская, 103а</span></div></div></div></div><div class="Footer_column__I_SdU"><h4 class="Footer_followUs__Zpu_i">Следите за нами</h4><div class="Footer_socials__1neBr"></div></div></footer><footer class="Footer_container__Urhys"><div class="Footer_wrapper__iU9LJ"><div class="Footer_footerMain__jpYyQ"><div class="Footer_socialsDesktop__ECHNE"><img src="/svg/logo-red.svg" alt="logo" class="Footer_logoDesktop__yHKkE"/><div class="Footer_column__I_SdU"><h4 class="Footer_followUs__Zpu_i">Следите за нами</h4><div class="Footer_socials__1neBr"></div></div></div><div class="Footer_block__91_RY"><span>О компании</span><div class="Footer_links__0ds_r"><a class="Footer_link__uZNdP" href="/about">О компании</a><a class="Footer_link__uZNdP" href="/careers">Работа у нас</a><a class="Footer_link__uZNdP" href="/certificates">Сертификаты</a><a class="Footer_link__uZNdP" href="/news">Новости</a><a class="Footer_link__uZNdP" href="/contacts">Контакты</a><a class="Footer_link__uZNdP" href="/manufacture">О производстве</a></div></div><div class="Footer_block__91_RY"><span>Покупателям</span><div class="Footer_links__0ds_r"><a class="Footer_link__uZNdP" href="/delivery">Доставка</a><a class="Footer_link__uZNdP" href="/payment">
1236Оплата</a><a class="Footer_link__uZNdP" href="/guarantee">Гарантия</a><a class="Footer_link__uZNdP" href="/shops">Наши магазины</a><a class="Footer_link__uZNdP" href="/loyalty">Программа лояльности</a><a class="Footer_link__uZNdP" href="/service">Сервисный центр</a><a class="Footer_link__uZNdP" href="/sitemap">Карта сайта</a><a class="Footer_link__uZNdP" href="/faq">Вопрос ответ</a></div></div><div class="Footer_block__91_RY"><span>Контакты</span><div class="Footer_contacts__Y2noW"><div class="Footer_contact__QRp2k"><span class="Footer_address__oQAxq">Казахстан, г. Алматы, улица Ангарская, 103а</span></div></div></div></div><div class="Footer_policy__Kdgjl"><div class="Footer_disclaimer__d7jne">Интернет-магазин мебели «Зета». 2004-2026. Все права защищены</div><div class="Footer_disclaimer__d7jne">Разработано<!-- --> <a target="_blank" rel="noreferrer" style="color:#8c8989" href="https://air.agency/">Air Production</a></div></div></div></footer><div class="TabBar_wrapper__cRHDO"><nav class="TabBar_tab__h_JKQ"><svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path style="transition:all 0.3s" d="M18.7498 22.7305H11.2498M27.0811 10.0742C27.7573 11.483 27.3048 14.6142 26.6961 18.8492C26.0873 23.0842 25.7823 25.2005 24.3136 26.4655C22.8448 27.7305 20.6911 27.7305 16.3823 27.7305H13.6173C9.30858 27.7305 7.15483 27.7305 5.68608 26.4655C4.21733 25.2005 3.91233 23.0842 3.30358 18.8492L2.95483 16.428C2.47983 13.1317 2.24233 11.483 2.91858 10.0742C3.59358 8.66547 5.03233 7.80797 7.90858 6.09547L9.63983 5.06422C12.2498 3.50797 13.5573 2.73047 14.9998 2.73047C16.4423 2.73047 17.7486 3.50797 20.3598 5.06422L22.0911 6.09547C24.9661 7.80797 26.4048 8.66547 27.0811 10.0742Z" stroke="#000" stroke-width="1.5" stroke-linecap="round"></path></svg><span class="TabBar_text__w5htk">Главная</span></nav><nav class="TabBar_tab__h_JKQ"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path style="transition:all 0.3s" d="M28.5131 6.66663H2.66699M12.7183 15.282H2.66699M12.7183 23.8974H2.66699" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path style="transition:all 0.3s" d="M22.7696 23.8974C25.1487 23.8974 27.0773 21.9687 27.0773 19.5897C27.0773 17.2106 25.1487 15.282 22.7696 15.282C20.3905 15.282 18.4619 17.2106 18.4619 19.5897C18.4619 21.9687 20.3905 23.8974 22.7696 23.8974Z" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path style="transition:all 0.3s" d="M28.5134 25.3334L25.7852 22.6052" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="TabBar_text__w5htk">Каталог</span></nav><nav class="TabBar_tab__h_JKQ"><div style="position:relative;display:flex;align-items:center;justify-content:center;z-index:10"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path style="transition:all 0.3s" d="M5.48696 24.6113L3.78129 14.4397C3.52346 12.9012 3.39454 12.1333 3.80821 11.629C4.22046 11.1247 4.97979 11.1247 6.49704 11.1247H27.5034C29.0206 11.1247 29.78 11.1247 30.1922 11.629C30.6059 12.1333 30.4755 12.9012 30.2191 14.4397L28.5135 24.6113C27.9482 27.983 27.6663 29.6674 26.5117 30.6676C25.3585 31.6663 23.6954 31.6663 20.369 31.6663H13.6314C10.305 31.6663 8.64187 31.6663 7.48871 30.6662C6.33412 29.6674 6.05221 27.9816 5.48696 24.6099M24.7919 11.1247C24.7919 9.0582 23.971 7.07636 22.5097 5.61513C21.0485 4.15391 19.0667 3.33301 17.0002 3.33301C14.9337 3.33301 12.9519 4.15391 11.4907 5.61513C10.0294 7.07636 9.20854 9.0582 9.20854 11.1247" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span style="position:absolute;top:55%;left:0;right:0;margin:0 auto;width:20px;overflow:hidden;text-align:center;transform:translateY(-30%);color:#AD1918;font-size:12px;font-weight:500;line-height:16px;cursor:pointer;z-index:-1">0</span></div><span class="TabBar_text__w5htk">Корзина</span></nav><nav class="TabBar_tab__h_JKQ">
1236<svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path style="transition:all 0.3s" d="M10.6252 6.16602C6.32204 6.16602 2.8335 9.65456 2.8335 13.9577C2.8335 21.7494 12.0418 28.8327 17.0002 30.4803C21.9585 28.8327 31.1668 21.7494 31.1668 13.9577C31.1668 9.65456 27.6783 6.16602 23.3752 6.16602C20.7402 6.16602 18.4097 7.47431 17.0002 9.47677C16.2817 8.45337 15.3272 7.61816 14.2175 7.04186C13.1078 6.46556 11.8756 6.16513 10.6252 6.16602Z" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="TabBar_text__w5htk">Избранное</span></nav><nav class="TabBar_tab__h_JKQ"><svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path style="transition:all 0.3s" d="M5.6665 25.9992C5.6665 24.4963 6.26353 23.055 7.32623 21.9922C8.38894 20.9295 9.83028 20.3325 11.3332 20.3325H22.6665C24.1694 20.3325 25.6107 20.9295 26.6734 21.9922C27.7361 23.055 28.3332 24.4963 28.3332 25.9992C28.3332 26.7506 28.0347 27.4713 27.5033 28.0027C26.972 28.534 26.2513 28.8325 25.4998 28.8325H8.49984C7.74839 28.8325 7.02772 28.534 6.49637 28.0027C5.96501 27.4713 5.6665 26.7506 5.6665 25.9992Z" stroke="#000" stroke-width="2" stroke-linejoin="round"></path><path style="transition:all 0.3s" d="M17 14.666C19.3472 14.666 21.25 12.7632 21.25 10.416C21.25 8.06881 19.3472 6.16602 17 6.16602C14.6528 6.16602 12.75 8.06881 12.75 10.416C12.75 12.7632 14.6528 14.666 17 14.666Z" stroke="#000" stroke-width="2"></path></svg><span class="TabBar_text__w5htk">Профиль</span></nav></div><div class="ScrollToTopButton_wrapper__A7oxp" aria-hidden="true"><button type="button" class="ScrollToTopButton_button__Dv2b_" aria-label="Наверх" title="Наверх" tabindex="-1"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="ScrollToTopButton_icon__8ku83" style="width:20px;height:20px;min-width:20px;min-height:20px"><path style="transition:all 0.3s" d="M4.79922 11.76L19.1992 11.76M19.1992 11.76L13.7992 6M19.1992 11.76L13.7992 17.52" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div><div data-rht-toaster="" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div></div>
1236<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"banners":[{"id":"6811f230ebbd571b5c27e5e6","title":{"ru":"О компании","en":"About company"},"text":{"ru":"О компании","en":"About company"},"mediaFile":"/uploads/images/banner/6811f230ebbd571b5c27e5e6/1920х600 (2).webp","tabletMediaFile":"/uploads/images/banner/6811f230ebbd571b5c27e5e6/1920х600 (2).webp","mobileMediaFile":"/uploads/images/banner/6811f230ebbd571b5c27e5e6/1920х600 (2).webp","page":"aboutCompany","order":100,"enabled":true,"createdAt":"2025-04-30T09:49:36.785Z","updatedAt":"2026-02-13T12:12:08.665Z"}],"description":{"id":"67f7d9e4f59e6ed632142a2c","title":{"kz":"Компания туралы","ru":"О компании","en":"About the Company"},"body":{"kz":"\n  \u003cstyle\u003e\n  .za-page {\r\n    --za-red: #a61717;\r\n    --za-red-soft: #bd3434;\r\n    --za-black: #171717;\r\n    --za-text: #4f4f4f;\r\n    --za-muted: #777777;\r\n    --za-line: #e3e3e3;\r\n    --za-bg: #f5f5f5;\r\n\r\n    width: 100%;\r\n    color: var(--za-black);\r\n    font-family: inherit;\r\n    line-height: 1.5;\r\n}\r\n\r\n.za-page *,\r\n.za-page *::before,\r\n.za-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.za-container {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n}\r\n\r\n\r\n/* =========================\r\n   ОБЩИЕ ЭЛЕМЕНТЫ\r\n   ========================= */\r\n\r\n.za-section {\r\n    width: 100%;\r\n    margin-top: 52px;\r\n}\r\n\r\n.za-section--compact {\r\n    margin-top: 36px;\r\n}\r\n\r\n.za-section--final {\r\n    margin-bottom: 36px;\r\n}\r\n\r\n.za-label {\r\n    margin: 0 0 16px;\r\n    color: var(--za-red);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.za-title {\r\n    margin: 0;\r\n    color: var(--za-black);\r\n    font-size: clamp(32px, 3vw, 46px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.028em;\r\n}\r\n\r\n.za-text {\r\n    margin: 0 0 20px;\r\n    color: var(--za-text);\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    line-height: 1.62;\r\n}\r\n\r\n.za-text:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.za-text strong {\r\n    color: var(--za-black);\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n/* =========================\r\n   HERO\r\n   ========================= */\r\n\r\n.za-hero {\r\n    width: 100%;\r\n    padding-top: 28px;\r\n}\r\n\r\n.za-hero__content {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 330px;\r\n    padding: 58px 64px;\r\n    border-radius: 24px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 91% 8%,\r\n            rgba(166, 23, 23, 0.13) 0,\r\n            rgba(166, 23, 23, 0) 39%\r\n        ),\r\n        #f5f5f5;\r\n}\r\n\r\n.za-hero__content::after {\r\n    position: absolute;\r\n    right: -100px;\r\n    bottom: -205px;\r\n    width: 470px;\r\n    height: 470px;\r\n    border: 64px solid rgba(166, 23, 23, 0.055);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n    pointer-events: none;\r\n}\r\n\r\n.za-hero__title {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 920px;\r\n    margin: 0 0 24px;\r\n    color: var(--za-black);\r\n    font-size: clamp(44px, 5vw, 68px);\r\n    font-weight: 700;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.04em;\r\n}\r\n\r\n.za-hero__text {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: #4b4b4b;\r\n    font-size: 20px;\r\n    line-height: 1.58;\r\n}\r\n\r\n\r\n/* =========================\r\n   ГЛАВНЫЕ ЦИФРЫ\r\n   ========================= */\r\n\r\n.za-section--stats {\r\n    margin-top: 22px;\r\n}\r\n\r\n.za-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    overflow: hidden;\r\n    border: 1px solid var(--za-line);\r\n    border-radius: 16px;\r\n    background: #fff;\r\n}\r\n\r\n.za-stat {\r\n    display: flex;\r\n    min-height: 118px;\r\n    padding: 20px 24px;\r\n    border-right: 1px solid var(--za-line);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.za-stat:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n.za-stat__value {\r\n    margin-bottom: 8px;\r\n    color: var(--za-red);\r\n    font-size: clamp(48px, 4.4vw, 62px);\r\n    font-weight: 700;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.045em;\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.za-stat__name {\r\n    max-width: 190px;\r\n    color: #505050;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    line-height: 1.28;\r\n}\r\n\r\n\r\n/* =========================\r\n   ПРОИЗВОДСТВО\r\n   ========================= */\r\n\r\n.za-production {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.6fr) minmax(270px, 0.75fr);\r\n    gap: 62px;\r\n    padding: 54px 64px;\r\n    border-radius: 22px;\r\n    background: #191919;\r\n}\r\n\r\n.za-label--dark {\r\n    color: #dc5555;\r\n}\r\n\r\n.za-title--white {\r\n    margin-bottom: 22px;\r\n    color: #fff;\r\n}\r\n\r\n.za-text--dark {\r\n    max-width: 720px;\r\n    color: #c4c4c4;\r\n    font-size: 18px;\r\n}\r\n\r\n.za-text--dark strong {\r\n    color: #fff;\r\n}\r\n\r\n.za-button {\r\n    display: inline-flex;
1236\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-top: 6px;\r\n    padding: 13px 20px;\r\n    border-radius: 8px;\r\n    background: var(--za-red);\r\n    color: #fff !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: transform .2s ease, background .2s ease;\r\n}\r\n\r\n.za-button:hover {\r\n    background: #8e1212;\r\n    color: #fff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.za-button span {\r\n    font-size: 20px;\r\n}\r\n\r\n.za-production__facts {\r\n    align-self: center;\r\n}\r\n\r\n.za-production-fact {\r\n    padding: 17px 0;\r\n    border-bottom: 1px solid #363636;\r\n}\r\n\r\n.za-production-fact:first-child {\r\n    padding-top: 0;\r\n}\r\n\r\n.za-production-fact:last-child {\r\n    padding-bottom: 0;\r\n    border-bottom: 0;\r\n}\r\n\r\n.za-production-fact strong {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #fff;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.za-production-fact strong .za-counter {\r\n    color: inherit;\r\n    font: inherit;\r\n    letter-spacing: inherit;\r\n}\r\n\r\n.za-production-fact \u003e span {\r\n    color: #bcbcbc;\r\n    font-size: 17px;\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n/* =========================\r\n   ЗАГОЛОВОК СЕКЦИИ\r\n   ========================= */\r\n\r\n.za-section-head {\r\n    max-width: 850px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.za-section-head .za-title {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.za-section-head__text {\r\n    max-width: 800px;\r\n    margin: 0;\r\n    color: var(--za-text);\r\n    font-size: 19px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n/* =========================\r\n   НАПРАВЛЕНИЯ\r\n   ========================= */\r\n\r\n.za-products {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n}\r\n\r\n.za-product {\r\n    min-height: 192px;\r\n    padding: 23px 25px;\r\n    border: 1px solid var(--za-line);\r\n    border-radius: 15px;\r\n    background: #fff;\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.za-product:hover {\r\n    border-color: #d1d1d1;\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, .055);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.za-product__number {\r\n    margin-bottom: 22px;\r\n    color: var(--za-red);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.za-product h4 {\r\n    margin: 0 0 8px;\r\n    color: var(--za-black);\r\n    font-size: 22px;\r\n    font-weight: 650;\r\n    line-height: 1.2;\r\n}\r\n\r\n.za-product p {\r\n    margin: 0;\r\n    color: #5c5c5c;\r\n    font-size: 17px;\r\n    line-height: 1.48;\r\n}\r\n\r\n\r\n/* =========================\r\n   ДВУХКОЛОНОЧНАЯ СЕТКА\r\n   Одинаковая для двух блоков\r\n   ========================= */\r\n\r\n.za-split {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\r\n    gap: 74px;\r\n    align-items: start;\r\n}\r\n\r\n.za-split__left,\r\n.za-split__right {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n/* =========================\r\n   ZETA СЕГОДНЯ\r\n   ========================= */\r\n\r\n.za-info-box {\r\n    padding: 50px 64px;\r\n    border-radius: 20px;\r\n    background: var(--za-bg);\r\n}\r\n\r\n.za-info-box .za-title {\r\n    font-size: clamp(32px, 2.7vw, 43px);\r\n}\r\n\r\n\r\n/* =========================\r\n   КОМАНДА\r\n   ========================= */\r\n\r\n.za-split--plain {\r\n    padding: 24px 64px 12px;\r\n}\r\n\r\n.za-split__right--line {\r\n    padding-top: 30px;\r\n    border-top: 1px solid var(--za-line);\r\n}\r\n\r\n\r\n/* =========================\r\n   7 ПРИЧИН\r\n   ========================= */\r\n\r\n.za-reasons-box {\r\n    padding: 46px 56px 48px;\r\n    border-radius: 20px;\r\n    background: var(--za-bg);\r\n}\r\n\r\n.za-reasons-head {\r\n    max-width: 780px;\r\n    margin: 0 auto 30px;\r\n    text-align: center;\r\n}\r\n\r\n.za-reasons {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n    max-width: 1060px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.za-reason {\r\n    display: grid;\r\n    grid-template-columns: 34px minmax(0, 1fr);\r\n    gap: 13px;\r\n    padding: 19px 21px;\r\n    border-radius: 13px;\r\n    background: #fff;\r\n}\r\n\r\n.za-reason \u003e span {\r\n    padding-top: 2px;\r\n    color: var(--za-red);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.za-reason h4 {\r\n    margin: 0 0 5px;\r\n    color: var(--za-black);\r\n    font-size: 20px;\r\n    font-weight: 650;\r\n    line-height: 1.25;\r\n}\r\n\r\n.za-reason p {\r\n    margin: 0;\r\n    color: #5d5d5d;\r\n    font-size: 16.5px;\r\n    line-height: 1.46;\r\n}\r\n\r\n\r\n/* =========================\r\n   ФИНАЛ\r\n   ========================= */\r\n\r\n.za-final {\r\n    padding: 62px 40px;\r\n    border-radius: 20px;\r\n    background: var(--za-red);\r\n    color: #fff;\r\n    text-align: center;\r\n}\r\n\r\n.za-final__brand {\r\n    margin-bottom: 14px;\r\n    color: rgba(255, 255, 255, .82);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: .2em;\r\n}\r\n\r\n.za-final h3 {\r\n    max-width: 820px;\r\n    margin: 0 auto 18px;\r\n    color: #fff;\r\n    font-size: clamp(34px, 3.5vw, 50px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.za-final p {\r\n    max-width: 780px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, .88);\r\n    font-size: 18px;\r\n    line-height: 1.58;\r\n}\r\n\r\n\r\n/* =========================\r\n   TABLET\r\n   ========================= */\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .za-container {\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .za-hero__content {\r\n        padding: 48px;\r\n    }\r\n\r\n    .za-stats {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .za-stat {\r\n        border-bottom: 1px solid var(--za-line);\r\n    }\r\n\r\n    .za-production {\r\n        grid-template-columns: 1fr;\r\n        gap: 38px;\r\n        padding: 46px 48px;\r\n    }\r\n\r\n    .za-production__facts {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 22px;\r\n    }\r\n\r\n    .za-production-fact {\r\n        padding: 0;\r\n        border-right: 1px solid #363636;\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .za-production-fact:last-child {\r\n        border-right: 0;\r\n    }\r\n\r\n    .za-products {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .za-split {\r\n        gap: 42px;\r\n    }\r\n\r\n    .za-info-box {\r\n        padding: 44px 48px;\r\n    }\r\n\r\n    .za-split--plain {\r\n        padding-right: 48px;\r\n        padding-left: 48px;\r\n    }\r\n\r\n    .za-reasons-box {\r\n        padding: 42px;\r\n    }\r\n}\r\n\r\n\r\n/* =========================\r\n   MOBILE\r\n   ========================= */\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .za-container {\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .za-section {\r\n        margin-top: 42px;\r\n    }\r\n\r\n    .za-section--compact {\r\n        margin-top: 26px;\r\n    }\r\n\r\n    .za-label {\r\n        margin-bottom: 12px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .za-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .za-text {\r\n        font-size: 16px;\r\n        line-height: 1.58;\r\n    }\r\n\r\n    .za-hero {\r\n        padding-top: 18px;\r\n    }\r\n\r\n    .za-hero__content {\r\n        min-height: auto;\r\n        padding: 34px 22px;
1236\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-hero__content::after {\r\n        display: none;\r\n    }\r\n\r\n    .za-hero__title {\r\n        margin-bottom: 18px;\r\n        font-size: 35px;\r\n        line-height: 1.04;\r\n    }\r\n\r\n    .za-hero__text {\r\n        font-size: 17px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .za-section--stats {\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .za-stats {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .za-stat {\r\n        min-height: 102px;\r\n        padding: 17px 15px;\r\n    }\r\n\r\n    .za-stat__value {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .za-stat__name {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .za-production {\r\n        gap: 32px;\r\n        padding: 34px 22px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-production__facts {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n    }\r\n\r\n    .za-production-fact {\r\n        padding: 18px 0;\r\n        border-right: 0;\r\n        border-bottom: 1px solid #363636;\r\n    }\r\n\r\n    .za-production-fact:first-child {\r\n        padding-top: 0;\r\n    }\r\n\r\n    .za-production-fact:last-child {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .za-production-fact strong {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .za-production-fact \u003e span {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .za-section-head {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .za-section-head__text {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .za-products {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .za-product {\r\n        min-height: auto;\r\n        padding: 21px;\r\n    }\r\n\r\n    .za-product__number {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .za-product h4 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .za-product p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .za-split {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .za-info-box {\r\n        padding: 32px 22px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-split--plain {\r\n        padding: 8px 22px 0;\r\n    }\r\n\r\n    .za-split__right--line {\r\n        padding-top: 22px;\r\n    }\r\n\r\n    .za-reasons-box {\r\n        padding: 34px 16px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-reasons-head {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .za-reasons {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .za-reason {\r\n        padding: 17px;\r\n    }\r\n\r\n    .za-reason h4 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .za-reason p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .za-final {\r\n        padding: 44px 20px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-final h3 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .za-final p {\r\n        font-size: 16px;\r\n    }\r\n}\r\n@media (max-width: 700px) {\r\n    .za-stat:last-child {\r\n        grid-column: 1 / -1;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .za-stat:last-child .za-stat__name {\r\n        max-width: none;\r\n        text-align: center;\r\n    }\r\n}\n  \u003c/style\u003e\n  \u003cbody\u003e\n  \u003cdiv class=\"za-page\"\u003e\r\n\r\n    \u003c!-- HERO --\u003e\r\n    \u003csection class=\"za-hero\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-hero__content\"\u003e\r\n\r\n                \u003ch2 class=\"za-hero__title\"\u003e\r\n                    ZETA - производим\u003cbr\u003e\r\n                    в Казахстане с 1996 года\r\n                \u003c/h2\u003e\r\n\r\n                \u003cp class=\"za-hero__text\"\u003e\r\n                    Казахстанская производственная компания ZETA создаёт мебель,\r\n                    изделия из пластика и металла для дома, офиса, бизнеса\r\n                    и общественных пространств.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- КЛЮЧЕВЫЕ ЦИФРЫ --\u003e\r\n    \u003csection class=\"za-section za-section--stats\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-stats\"\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"1900\"\r\n                         data-target=\"1996\"\r\n                         data-delay=\"0\"\u003e1996\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eгод основания\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"39\"\r\n                         data-delay=\"70\"\u003e39\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eмагазинов по Казахстану\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"7\"\r\n                         data-delay=\"140\"\u003e7\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eсобственных заводов\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"2400\"\r\n                         data-delay=\"210\"\u003e2400\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eсотрудников\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"8000\"\r\n                         data-suffix=\"+\"\r\n                         data-delay=\"280\"\u003e8000+\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eнаименований товаров\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ПРОИЗВОДСТВО --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-production\"\u003e\r\n\r\n                \u003cdiv class=\"za-production__main\"\u003e\r\n                    \u003cdiv class=\"za-label za-label--dark\"\u003eСобственное производство\u003c/div\u003e\r\n\r\n                    \u003ch3 class=\"za-title za-title--white\"\u003e\r\n                        7 заводов на территории\u003cbr\u003e\r\n                        8 гектаров\r\n                    \u003c/h3\u003e\r\n\r\n                    \u003cp class=\"za-text za-text--dark\"\u003e\r\n                        Производственные мощности ZETA расположены в Казахстане.\r\n                        Компания выпускает мебель, изделия из пластика и металла,\r\n                        постоянно развивая собственные технологии и производственные процессы.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003cp class=\"za-text za-text--dark\"\u003e\r\n                        Доля казахстанского содержания в готовой продукции\r\n                        достигает около \u003cstrong\u003e80%\u003c/strong\u003e.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003ca href=\"https://zeta.kz/manufacture\" class=\"za-button\"\u003e\r\n                        Подробнее о производстве \u003cspan\u003e→\u003c/span\u003e\r\n                    \u003c/a\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-production__facts\"\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong class=\"za-counter\"\r\n                                data-start=\"0\"\r\n                                data-target=\"7\"\r\n                                data-delay=\"0\"\u003e7\u003c/strong\u003e\r\n                        \u003cspan\u003eпроизводственных площадок\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong\u003e\r\n                            \u003cspan class=\"za-counter\"\r\n                                  data-start=\"0\"\r\n                                  data-target=\"8\"\r\n                                  data-delay=\"100\"\u003e8\u003c/span\u003e га\r\n                        \u003c/strong\u003e\r\n                        \u003cspan\u003eтерритория производства\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong class=\"za-counter\"\r\n                                data-start=\"0\"\r\n                                data-target=\"80\"\r\n                                data-prefix=\"≈\"\r\n                                data-suffix=\"%\"\r\n                                data-delay=\"200\"\u003e≈80%\u003c/strong\u003e\r\n                        \u003cspan\u003eказахстанского содержания\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- НАПРАВЛЕНИЯ --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n\r\n            \u003cdiv class=\"za-section-head\"\u003e\r\n                \u003cdiv class=\"za-label\"\u003eНаправления\u003c/div\u003e\r\n                \u003ch3 class=\"za-title\"\u003eЧто мы производим\u003c/h3\u003e\r\n\r\n                \u003cp class=\"za-section-head__text\"\u003e\r\n                    Продукция ZETA используется дома, в офисах, образовательных\r\n                    и медицинских учреждениях, гостиницах, ресторанах\r\n                    и других общественных пространствах.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n\r\n            \u003cdiv class=\"za-products\"\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e01\u003c/div\u003e\r\n                    \u003ch4\u003eМягкая мебель\u003c/h4\u003e\r\n                    \u003cp\u003eДиваны, кресла и другие модели из мебельных тканей и натуральной кожи различных цветов и фактур.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e02\u003c/div\u003e\r\n                    \u003ch4\u003eКорпусная мебель\u003c/h4\u003e\r\n                    \u003cp\u003eШкафы, столы, системы хранения и другая мебель для дома и коммерческих помещений.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e03\u003c/div\u003e\r\n                    \u003ch4\u003eКресла и стулья\u003c/h4\u003e\r\n                    \u003cp\u003eРешения для дома, офиса, рабочих зон, учебных заведений и общественных пространств.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e04\u003c/div\u003e\r\n                    \u003ch4\u003eМебель для бизнеса\u003c/h4\u003e\r\n                    \u003cp\u003eПродукция для гостиниц, ресторанов, салонов красоты и коммерческих объектов.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e05\u003c/div\u003e\r\n                    \u003ch4\u003eМебель для учреждений\u003c/h4\u003e\r\n                    \u003cp\u003eСпециализированные решения для школ, медицинских учреждений и конференц-залов.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e06\u003c/div\u003e\r\n                    \u003ch4\u003eПластик и металл\u003c/h4\u003e\r\n                    \u003cp\u003eИзделия для дома, хранения, хозяйственных и коммерческих задач.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ZETA СЕГОДНЯ --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-info-box\"\u003e\r\n                \u003cdiv class=\"za-split\"\u003e\r\n\r\n                    \u003cdiv class=\"za-split__left\"\u003e\r\n                        \u003cdiv class=\"za-label\"\u003eZETA сегодня\u003c/div\u003e\r\n                        \u003ch3 class=\"za-title\"\u003e\r\n                            Большая команда\u003cbr\u003e\r\n                            и собственная\u003cbr\u003e\r\n                            производственная база\r\n                        \u003c/h3\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-split__right\"\u003e\r\n                        \u003cp class=\"za-text\"\u003e\r\n                            Сегодня сеть ZETA насчитывает\r\n                            \u003cstrong\u003e39 магазинов по всему Казахстану\u003c/strong\u003e.\r\n                            В компании работают около \u003cstrong\u003e2400 сотрудников\u003c/strong\u003e,\r\n                            а ассортимент превышает \u003cstrong\u003e8000 наименований\u003c/strong\u003e.\r\n                        \u003c/p\u003e\r\n\r\n                        \u003cp class=\"za-text\"\u003e\r\n                            Наряду с продукцией собственного производства\r\n                            в ассортименте представлены товары из России,\r\n                            Италии, Вьетнама, Турции, Польши,\r\n                            Малайзии и Узбекистана.\r\n                        \u003c/p\u003e\r\n                    \u003c/div\u003e\r\n\r\n                \u003c/div\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u00
12363c/section\u003e\r\n\r\n    \u003c!-- КОМАНДА --\u003e\r\n    \u003csection class=\"za-section za-section--compact\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-split za-split--plain\"\u003e\r\n\r\n                \u003cdiv class=\"za-split__left\"\u003e\r\n                    \u003cdiv class=\"za-label\"\u003eКоманда и технологии\u003c/div\u003e\r\n                    \u003ch3 class=\"za-title\"\u003e\r\n                        Опыт, который\u003cbr\u003e\r\n                        превращается\u003cbr\u003e\r\n                        в производство\r\n                    \u003c/h3\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-split__right za-split__right--line\"\u003e\r\n                    \u003cp class=\"za-text\"\u003e\r\n                        Ядро коллектива ZETA — квалифицированные менеджеры,\r\n                        инженеры, конструкторы и производственные специалисты\r\n                        с многолетним опытом.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003cp class=\"za-text\"\u003e\r\n                        Современное оборудование, европейские технологии,\r\n                        развитие производственных процессов и гибкий подход\r\n                        к рынку позволяют компании расширять ассортимент\r\n                        и укреплять позиции в Казахстане и Центральной Азии.\r\n                    \u003c/p\u003e\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- 7 ПРИЧИН --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-reasons-box\"\u003e\r\n\r\n                \u003cdiv class=\"za-reasons-head\"\u003e\r\n                    \u003cdiv class=\"za-label\"\u003eСделано в Казахстане\u003c/div\u003e\r\n                    \u003ch3 class=\"za-title\"\u003e\r\n                        7 причин поддерживать\u003cbr\u003e\r\n                        каÐ
1236·Ð°Ñ…станское производство\r\n                    \u003c/h3\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-reasons\"\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e01\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eРабочие места\u003c/h4\u003e\r\n                            \u003cp\u003eРазвитие производства создаёт рабочие места и способствует занятости населения.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e02\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eВклад в экономику\u003c/h4\u003e\r\n                            \u003cp\u003eНалоговые и другие обязательные платежи отечественных предприятий остаются внутри страны.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e03\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eДоходы сотрудников\u003c/h4\u003e\r\n                            \u003cp\u003eЗаработные платы поддерживают внутренний спрос и развитие экономики Казахстана.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e04\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eКонкуренция и качество\u003c/h4\u003e\r\n                            \u003cp\u003eРазвитие местных производителей способствует росту качества и формированию доступных цен.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e05\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eРазвитие специалистов\u003c/h4\u003e\r\n                            \u003cp\u003eПроизводственные предприятия развивают профессиональные и инженерные компетенции.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e06\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eСмежные отрасли\u003c/h4\u003e\r\n                            \u003cp\u003eПроизводство формирует спрос на местное сырьё, комплектующие, оборудование и услуги.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e07\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eЭкспортный потенциал\u003c/h4\u003e\r\n                            \u003cp\u003eВыход казахстанской продукции на зарубежные рынки укрепляет позиции отечественных брендов.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                \u003c/div\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ФИНАЛ --\u003e\r\n    \u003csection class=\"za-section za-section--final\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-final\"\u003e\r\n                \u003cdiv class=\"za-final__brand\"\u003eZETA\u003c/div\u003e\r\n\r\n                \u003ch3\u003e\r\n                    Производим в Казахстане\u003cbr\u003e\r\n                    с 1996 года\r\n                \u003c/h3\u003e\r\n\r\n                \u003cp\u003e\r\n                    Выбирая продукцию казахстанского производства,\r\n                    вы поддерживаете рабочие места, развитие предприятий\r\n                    и создание товаров внутри страны.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n\u003c/div\u003e\r\n\r\n\u003c!-- JS можно хранить прямо в HTML-поле админки --\u003e\r\n\u003cscript\u003e\r\n(function () {\r\n    function initZaCounters() {\r\n        var counters = document.querySelectorAll('.za-counter');\r\n        if (!counters.length) return;\r\n\r\n        function getFinalText(counter) {\r\n            var target = parseInt(counter.getAttribute('data-target') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            return prefix + target + suffix;\r\n        }\r\n\r\n        /* Если пользователь отключил анимации в системе — показываем финальные значения */\r\n        if (window.matchMedia \u0026\u0026\r\n            window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n            counters.forEac
1236h(function (counter) {\r\n                counter.textContent = getFinalText(counter);\r\n            });\r\n            return;\r\n        }\r\n\r\n        counters.forEach(function (counter) {\r\n            var start = parseInt(counter.getAttribute('data-start') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            counter.textContent = prefix + start + suffix;\r\n        });\r\n\r\n        function animateCounter(counter) {\r\n            if (counter.getAttribute('data-animated') === 'true') return;\r\n            counter.setAttribute('data-animated', 'true');\r\n\r\n            var target = parseInt(counter.getAttribute('data-target') || '0', 10);\r\n            var start = parseInt(counter.getAttribute('data-start') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            var delay = parseInt(counter.getAttribute('data-delay') || '0', 10);\r\n            var duration = 1400;\r\n\r\n            setTimeout(function () {\r\n                var startTime = performance.now();\r\n\r\n                function update(currentTime) {\r\n                    var progress = Math.min((currentTime - startTime) / duration, 1);\r\n                    var eased = 1 - Math.pow(1 - progress, 3);\r\n                    var value = Math.round(start + (target - start) * eased);\r\n\r\n                    counter.textContent = prefix + value + suffix;\r\n\r\n                    if (progress \u003c 1) {\r\n                        requestAnimationFrame(update);\r\n                    } else {\r\n                        counter.textContent = prefix + target + suffix;\r\n                    }\r\n                }\r\n\r\n                requestAnimationFrame(update);\r\n            }, delay);\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n            var observer = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        animateCounter(entry.target);\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.3\r\n            });\r\n\r\n            counters.forEach(function (counter) {\r\n                observer.observe(counter);\r\n            });\r\n        } else {\r\n            counters.forEach(animateCounter);\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initZaCounters);\r\n    } else {\r\n        initZaCounters();\r\n    }\r\n})();\r\n\u003c/script\u003e\n  \u003c/body\u003e\n  ","ru":"\n  \u003cstyle\u003e\n  .za-page {\r\n    --za-red: #a61717;\r\n    --za-red-soft: #bd3434;\r\n    --za-black: #171717;\r\n    --za-text: #4f4f4f;\r\n    --za-muted: #777777;\r\n    --za-line: #e3e3e3;\r\n    --za-bg: #f5f5f5;\r\n\r\n    width: 100%;\r\n    color: var(--za-black);\r\n    font-family: inherit;\r\n    line-height: 1.5;\r\n}\r\n\r\n.za-page *,\r\n.za-page *::before,\r\n.za-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.za-container {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n}\r\n\r\n\r\n/* =========================\r\n   ОБЩИЕ ЭЛЕМЕНТЫ\r\n   ========================= */\r\n\r\n.za-section {\r\n    width: 100%;\r\n    margin-top: 52px;\r\n}\r\n\r\n.za-section--compact {\r\n    margin-top: 36px;\r\n}\r\n\r\n.za-section--final {\r\n    margin-bottom: 36px;\r\n}\r\n\r\n.za-label {\r\n    margin: 0 0 16px;\r\n    color: var(--za-red);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.za-title {\r\n    margin: 0;\r\n    color: var(--za-black);\r\n    font-size: clamp(32px, 3vw, 46px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.028em;\r\n}\r\n\r\n.za-text {\r\n    margin: 0 0 20px;\r\n    color: var(--za-text);\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    line-height: 1.62;\r\n}\r\n\r\n.za-text:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.za-text strong {\r\n    color: var(--za-black);\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n/* =========================\r\n   HERO\r\n   ========================= */\r\n\r\n.za-hero {\r\n    width: 100%;\r\n    padding-top: 28px;\r\n}\r\n\r\n.za-hero__content {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 330px;\r\n    padding: 58px 64px;\r\n    border-radius: 24px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 91% 8%,\r\n            rgba(166, 23, 23, 0.13) 0,\r\n            rgba(166, 23, 23, 0) 39%\r\n        ),\r\n        #f5f5f5;\r\n}\r\n\r\n.za-hero__content::after {\r\n    position: absolute;\r\n    right: -100px;\r\n    bottom: -205px;\r\n    width: 470px;\r\n    height: 470px;\r\n    border: 64px solid rgba(166, 23, 23, 0.055);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n    pointer-events: none;\r\n}\r\n\r\n.za-hero__title {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 920px;\r\n    margin: 0 0 24px;\r\n    color: var(--za-black);\r\n    font-size: clamp(44px, 5vw, 68px);\r\n    font-weight: 700;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.04em;\r\n}\r\n\r\n.za-hero__text {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: #4b4b4b;\r\n    font-size: 20px;\r\n    line-height: 1.58;\r\n}\r\n\r\n\r\n/* =========================\r\n   ГЛАВНЫЕ ЦИФРЫ\r\n   ========================= */\r\n\r\n.za-section--stats {\r\n    margin-top: 22px;\r\n}\r\n\r\n.za-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    overflow: hidden;\r\n    border: 1px solid var(--za-line);\r\n    border-radius: 16px;\r\n    background: #fff;\r\n}\r\n\r\n.za-stat {\r\n    display: flex;\r\n    min-height: 118px;\r\n    padding: 20px 24px;\r\n    border-right: 1px solid var(--za-line);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.za-stat:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n.za-stat__value {\r\n    margin-bottom: 8px;\r\n    color: var(--za-red);\r\n    font-size: clamp(48px, 4.4vw, 62px);\r\n    font-weight: 700;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.045em;\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.za-stat__name {\r\n    max-width: 190px;\r\n    color: #505050;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    line-height: 1.28;\r\n}\r\n\r\n\r\n/* =========================\r\n   ПРОИЗВОДСТВО\r\n   ========================= */\r\n\r\n.za-production {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.6fr) minmax(270px, 0.75fr);\r\n    gap: 62px;\r\n    padding: 54px 64px;\r\n    border-radius: 22px;\r\n    background: #191919;\r\n}\r\n\r\n.za-label--dark {\r\n    color: #dc5555;\r\n}\r\n\r\n.za-title--white {\r\n    margin-bottom: 22px;\r\n    color: #fff;\r\n}\r\n\r\n.za-text--dark {\r\n    max-width: 720px;\r\n    color: #c4c4c4;\r\n    font-size: 18px;\r\n}\r\n\r\n.za-text--dark strong {\r\n    color: #fff;\r\n}\r\n\r\n.za-button {\r\n    display: inline-flex;
1236\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-top: 6px;\r\n    padding: 13px 20px;\r\n    border-radius: 8px;\r\n    background: var(--za-red);\r\n    color: #fff !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: transform .2s ease, background .2s ease;\r\n}\r\n\r\n.za-button:hover {\r\n    background: #8e1212;\r\n    color: #fff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.za-button span {\r\n    font-size: 20px;\r\n}\r\n\r\n.za-production__facts {\r\n    align-self: center;\r\n}\r\n\r\n.za-production-fact {\r\n    padding: 17px 0;\r\n    border-bottom: 1px solid #363636;\r\n}\r\n\r\n.za-production-fact:first-child {\r\n    padding-top: 0;\r\n}\r\n\r\n.za-production-fact:last-child {\r\n    padding-bottom: 0;\r\n    border-bottom: 0;\r\n}\r\n\r\n.za-production-fact strong {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #fff;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.za-production-fact strong .za-counter {\r\n    color: inherit;\r\n    font: inherit;\r\n    letter-spacing: inherit;\r\n}\r\n\r\n.za-production-fact \u003e span {\r\n    color: #bcbcbc;\r\n    font-size: 17px;\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n/* =========================\r\n   ЗАГОЛОВОК СЕКЦИИ\r\n   ========================= */\r\n\r\n.za-section-head {\r\n    max-width: 850px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.za-section-head .za-title {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.za-section-head__text {\r\n    max-width: 800px;\r\n    margin: 0;\r\n    color: var(--za-text);\r\n    font-size: 19px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n/* =========================\r\n   НАПРАВЛЕНИЯ\r\n   ========================= */\r\n\r\n.za-products {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n}\r\n\r\n.za-product {\r\n    min-height: 192px;\r\n    padding: 23px 25px;\r\n    border: 1px solid var(--za-line);\r\n    border-radius: 15px;\r\n    background: #fff;\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.za-product:hover {\r\n    border-color: #d1d1d1;\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, .055);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.za-product__number {\r\n    margin-bottom: 22px;\r\n    color: var(--za-red);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.za-product h4 {\r\n    margin: 0 0 8px;\r\n    color: var(--za-black);\r\n    font-size: 22px;\r\n    font-weight: 650;\r\n    line-height: 1.2;\r\n}\r\n\r\n.za-product p {\r\n    margin: 0;\r\n    color: #5c5c5c;\r\n    font-size: 17px;\r\n    line-height: 1.48;\r\n}\r\n\r\n\r\n/* =========================\r\n   ДВУХКОЛОНОЧНАЯ СЕТКА\r\n   Одинаковая для двух блоков\r\n   ========================= */\r\n\r\n.za-split {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\r\n    gap: 74px;\r\n    align-items: start;\r\n}\r\n\r\n.za-split__left,\r\n.za-split__right {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n/* =========================\r\n   ZETA СЕГОДНЯ\r\n   ========================= */\r\n\r\n.za-info-box {\r\n    padding: 50px 64px;\r\n    border-radius: 20px;\r\n    background: var(--za-bg);\r\n}\r\n\r\n.za-info-box .za-title {\r\n    font-size: clamp(32px, 2.7vw, 43px);\r\n}\r\n\r\n\r\n/* =========================\r\n   КОМАНДА\r\n   ========================= */\r\n\r\n.za-split--plain {\r\n    padding: 24px 64px 12px;\r\n}\r\n\r\n.za-split__right--line {\r\n    padding-top: 30px;\r\n    border-top: 1px solid var(--za-line);\r\n}\r\n\r\n\r\n/* =========================\r\n   7 ПРИЧИН\r\n   ========================= */\r\n\r\n.za-reasons-box {\r\n    padding: 46px 56px 48px;\r\n    border-radius: 20px;\r\n    background: var(--za-bg);\r\n}\r\n\r\n.za-reasons-head {\r\n    max-width: 780px;\r\n    margin: 0 auto 30px;\r\n    text-align: center;\r\n}\r\n\r\n.za-reasons {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n    max-width: 1060px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.za-reason {\r\n    display: grid;\r\n    grid-template-columns: 34px minmax(0, 1fr);\r\n    gap: 13px;\r\n    padding: 19px 21px;\r\n    border-radius: 13px;\r\n    background: #fff;\r\n}\r\n\r\n.za-reason \u003e span {\r\n    padding-top: 2px;\r\n    color: var(--za-red);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.za-reason h4 {\r\n    margin: 0 0 5px;\r\n    color: var(--za-black);\r\n    font-size: 20px;\r\n    font-weight: 650;\r\n    line-height: 1.25;\r\n}\r\n\r\n.za-reason p {\r\n    margin: 0;\r\n    color: #5d5d5d;\r\n    font-size: 16.5px;\r\n    line-height: 1.46;\r\n}\r\n\r\n\r\n/* =========================\r\n   ФИНАЛ\r\n   ========================= */\r\n\r\n.za-final {\r\n    padding: 62px 40px;\r\n    border-radius: 20px;\r\n    background: var(--za-red);\r\n    color: #fff;\r\n    text-align: center;\r\n}\r\n\r\n.za-final__brand {\r\n    margin-bottom: 14px;\r\n    color: rgba(255, 255, 255, .82);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: .2em;\r\n}\r\n\r\n.za-final h3 {\r\n    max-width: 820px;\r\n    margin: 0 auto 18px;\r\n    color: #fff;\r\n    font-size: clamp(34px, 3.5vw, 50px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.za-final p {\r\n    max-width: 780px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, .88);\r\n    font-size: 18px;\r\n    line-height: 1.58;\r\n}\r\n\r\n\r\n/* =========================\r\n   TABLET\r\n   ========================= */\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .za-container {\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .za-hero__content {\r\n        padding: 48px;\r\n    }\r\n\r\n    .za-stats {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .za-stat {\r\n        border-bottom: 1px solid var(--za-line);\r\n    }\r\n\r\n    .za-production {\r\n        grid-template-columns: 1fr;\r\n        gap: 38px;\r\n        padding: 46px 48px;\r\n    }\r\n\r\n    .za-production__facts {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 22px;\r\n    }\r\n\r\n    .za-production-fact {\r\n        padding: 0;\r\n        border-right: 1px solid #363636;\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .za-production-fact:last-child {\r\n        border-right: 0;\r\n    }\r\n\r\n    .za-products {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .za-split {\r\n        gap: 42px;\r\n    }\r\n\r\n    .za-info-box {\r\n        padding: 44px 48px;\r\n    }\r\n\r\n    .za-split--plain {\r\n        padding-right: 48px;\r\n        padding-left: 48px;\r\n    }\r\n\r\n    .za-reasons-box {\r\n        padding: 42px;\r\n    }\r\n}\r\n\r\n\r\n/* =========================\r\n   MOBILE\r\n   ========================= */\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .za-container {\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .za-section {\r\n        margin-top: 42px;\r\n    }\r\n\r\n    .za-section--compact {\r\n        margin-top: 26px;\r\n    }\r\n\r\n    .za-label {\r\n        margin-bottom: 12px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .za-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .za-text {\r\n        font-size: 16px;\r\n        line-height: 1.58;\r\n    }\r\n\r\n    .za-hero {\r\n        padding-top: 18px;\r\n    }\r\n\r\n    .za-hero__content {\r\n        min-height: auto;\r\n        padding: 34px 22px;
1236\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-hero__content::after {\r\n        display: none;\r\n    }\r\n\r\n    .za-hero__title {\r\n        margin-bottom: 18px;\r\n        font-size: 35px;\r\n        line-height: 1.04;\r\n    }\r\n\r\n    .za-hero__text {\r\n        font-size: 17px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .za-section--stats {\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .za-stats {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .za-stat {\r\n        min-height: 102px;\r\n        padding: 17px 15px;\r\n    }\r\n\r\n    .za-stat__value {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .za-stat__name {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .za-production {\r\n        gap: 32px;\r\n        padding: 34px 22px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-production__facts {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n    }\r\n\r\n    .za-production-fact {\r\n        padding: 18px 0;\r\n        border-right: 0;\r\n        border-bottom: 1px solid #363636;\r\n    }\r\n\r\n    .za-production-fact:first-child {\r\n        padding-top: 0;\r\n    }\r\n\r\n    .za-production-fact:last-child {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .za-production-fact strong {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .za-production-fact \u003e span {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .za-section-head {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .za-section-head__text {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .za-products {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .za-product {\r\n        min-height: auto;\r\n        padding: 21px;\r\n    }\r\n\r\n    .za-product__number {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .za-product h4 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .za-product p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .za-split {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .za-info-box {\r\n        padding: 32px 22px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-split--plain {\r\n        padding: 8px 22px 0;\r\n    }\r\n\r\n    .za-split__right--line {\r\n        padding-top: 22px;\r\n    }\r\n\r\n    .za-reasons-box {\r\n        padding: 34px 16px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-reasons-head {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .za-reasons {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .za-reason {\r\n        padding: 17px;\r\n    }\r\n\r\n    .za-reason h4 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .za-reason p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .za-final {\r\n        padding: 44px 20px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-final h3 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .za-final p {\r\n        font-size: 16px;\r\n    }\r\n}\r\n@media (max-width: 700px) {\r\n    .za-stat:last-child {\r\n        grid-column: 1 / -1;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .za-stat:last-child .za-stat__name {\r\n        max-width: none;\r\n        text-align: center;\r\n    }\r\n}\n  \u003c/style\u003e\n  \u003cbody\u003e\n  \u003cdiv class=\"za-page\"\u003e\r\n\r\n    \u003c!-- HERO --\u003e\r\n    \u003csection class=\"za-hero\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-hero__content\"\u003e\r\n\r\n                \u003ch2 class=\"za-hero__title\"\u003e\r\n                    ZETA - производим\u003cbr\u003e\r\n                    в Казахстане с 1996 года\r\n                \u003c/h2\u003e\r\n\r\n                \u003cp class=\"za-hero__text\"\u003e\r\n                    Казахстанская производственная компания ZETA создаёт мебель,\r\n                    изделия из пластика и металла для дома, офиса, бизнеса\r\n                    и общественных пространств.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- КЛЮЧЕВЫЕ ЦИФРЫ --\u003e\r\n    \u003csection class=\"za-section za-section--stats\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-stats\"\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"1900\"\r\n                         data-target=\"1996\"\r\n                         data-delay=\"0\"\u003e1996\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eгод основания\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"39\"\r\n                         data-delay=\"70\"\u003e39\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eмагазинов по Казахстану\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"7\"\r\n                         data-delay=\"140\"\u003e7\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eсобственных заводов\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"2400\"\r\n                         data-delay=\"210\"\u003e2400\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eсотрудников\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"8000\"\r\n                         data-suffix=\"+\"\r\n                         data-delay=\"280\"\u003e8000+\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eнаименований товаров\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ПРОИЗВОДСТВО --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-production\"\u003e\r\n\r\n                \u003cdiv class=\"za-production__main\"\u003e\r\n                    \u003cdiv class=\"za-label za-label--dark\"\u003eСобственное производство\u003c/div\u003e\r\n\r\n                    \u003ch3 class=\"za-title za-title--white\"\u003e\r\n                        7 заводов на территории\u003cbr\u003e\r\n                        8 гектаров\r\n                    \u003c/h3\u003e\r\n\r\n                    \u003cp class=\"za-text za-text--dark\"\u003e\r\n                        Производственные мощности ZETA расположены в Казахстане.\r\n                        Компания выпускает мебель, изделия из пластика и металла,\r\n                        постоянно развивая собственные технологии и производственные процессы.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003cp class=\"za-text za-text--dark\"\u003e\r\n                        Доля казахстанского содержания в готовой продукции\r\n                        достигает около \u003cstrong\u003e80%\u003c/strong\u003e.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003ca href=\"https://zeta.kz/manufacture\" class=\"za-button\"\u003e\r\n                        Подробнее о производстве \u003cspan\u003e→\u003c/span\u003e\r\n                    \u003c/a\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-production__facts\"\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong class=\"za-counter\"\r\n                                data-start=\"0\"\r\n                                data-target=\"7\"\r\n                                data-delay=\"0\"\u003e7\u003c/strong\u003e\r\n                        \u003cspan\u003eпроизводственных площадок\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong\u003e\r\n                            \u003cspan class=\"za-counter\"\r\n                                  data-start=\"0\"\r\n                                  data-target=\"8\"\r\n                                  data-delay=\"100\"\u003e8\u003c/span\u003e га\r\n                        \u003c/strong\u003e\r\n                        \u003cspan\u003eтерритория производства\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong class=\"za-counter\"\r\n                                data-start=\"0\"\r\n                                data-target=\"80\"\r\n                                data-prefix=\"≈\"\r\n                                data-suffix=\"%\"\r\n                                data-delay=\"200\"\u003e≈80%\u003c/strong\u003e\r\n                        \u003cspan\u003eказахстанского содержания\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- НАПРАВЛЕНИЯ --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n\r\n            \u003cdiv class=\"za-section-head\"\u003e\r\n                \u003cdiv class=\"za-label\"\u003eНаправления\u003c/div\u003e\r\n                \u003ch3 class=\"za-title\"\u003eЧто мы производим\u003c/h3\u003e\r\n\r\n                \u003cp class=\"za-section-head__text\"\u003e\r\n                    Продукция ZETA используется дома, в офисах, образовательных\r\n                    и медицинских учреждениях, гостиницах, ресторанах\r\n                    и других общественных пространствах.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n\r\n            \u003cdiv class=\"za-products\"\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e01\u003c/div\u003e\r\n                    \u003ch4\u003eМягкая мебель\u003c/h4\u003e\r\n                    \u003cp\u003eДиваны, кресла и другие модели из мебельных тканей и натуральной кожи различных цветов и фактур.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e02\u003c/div\u003e\r\n                    \u003ch4\u003eКорпусная мебель\u003c/h4\u003e\r\n                    \u003cp\u003eШкафы, столы, системы хранения и другая мебель для дома и коммерческих помещений.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e03\u003c/div\u003e\r\n                    \u003ch4\u003eКресла и стулья\u003c/h4\u003e\r\n                    \u003cp\u003eРешения для дома, офиса, рабочих зон, учебных заведений и общественных пространств.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e04\u003c/div\u003e\r\n                    \u003ch4\u003eМебель для бизнеса\u003c/h4\u003e\r\n                    \u003cp\u003eПродукция для гостиниц, ресторанов, салонов красоты и коммерческих объектов.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e05\u003c/div\u003e\r\n                    \u003ch4\u003eМебель для учреждений\u003c/h4\u003e\r\n                    \u003cp\u003eСпециализированные решения для школ, медицинских учреждений и конференц-залов.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e06\u003c/div\u003e\r\n                    \u003ch4\u003eПластик и металл\u003c/h4\u003e\r\n                    \u003cp\u003eИзделия для дома, хранения, хозяйственных и коммерческих задач.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ZETA СЕГОДНЯ --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-info-box\"\u003e\r\n                \u003cdiv class=\"za-split\"\u003e\r\n\r\n                    \u003cdiv class=\"za-split__left\"\u003e\r\n                        \u003cdiv class=\"za-label\"\u003eZETA сегодня\u003c/div\u003e\r\n                        \u003ch3 class=\"za-title\"\u003e\r\n                            Большая команда\u003cbr\u003e\r\n                            и собственная\u003cbr\u003e\r\n                            производственная база\r\n                        \u003c/h3\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-split__right\"\u003e\r\n                        \u003cp class=\"za-text\"\u003e\r\n                            Сегодня сеть ZETA насчитывает\r\n                            \u003cstrong\u003e39 магазинов по всему Казахстану\u003c/strong\u003e.\r\n                            В компании работают около \u003cstrong\u003e2400 сотрудников\u003c/strong\u003e,\r\n                            а ассортимент превышает \u003cstrong\u003e8000 наименований\u003c/strong\u003e.\r\n                        \u003c/p\u003e\r\n\r\n                        \u003cp class=\"za-text\"\u003e\r\n                            Наряду с продукцией собственного производства\r\n                            в ассортименте представлены товары из России,\r\n                            Италии, Вьетнама, Турции, Польши,\r\n                            Малайзии и Узбекистана.\r\n                        \u003c/p\u003e\r\n                    \u003c/div\u003e\r\n\r\n                \u003c/div\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u00
12363c/section\u003e\r\n\r\n    \u003c!-- КОМАНДА --\u003e\r\n    \u003csection class=\"za-section za-section--compact\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-split za-split--plain\"\u003e\r\n\r\n                \u003cdiv class=\"za-split__left\"\u003e\r\n                    \u003cdiv class=\"za-label\"\u003eКоманда и технологии\u003c/div\u003e\r\n                    \u003ch3 class=\"za-title\"\u003e\r\n                        Опыт, который\u003cbr\u003e\r\n                        превращается\u003cbr\u003e\r\n                        в производство\r\n                    \u003c/h3\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-split__right za-split__right--line\"\u003e\r\n                    \u003cp class=\"za-text\"\u003e\r\n                        Ядро коллектива ZETA — квалифицированные менеджеры,\r\n                        инженеры, конструкторы и производственные специалисты\r\n                        с многолетним опытом.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003cp class=\"za-text\"\u003e\r\n                        Современное оборудование, европейские технологии,\r\n                        развитие производственных процессов и гибкий подход\r\n                        к рынку позволяют компании расширять ассортимент\r\n                        и укреплять позиции в Казахстане и Центральной Азии.\r\n                    \u003c/p\u003e\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- 7 ПРИЧИН --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-reasons-box\"\u003e\r\n\r\n                \u003cdiv class=\"za-reasons-head\"\u003e\r\n                    \u003cdiv class=\"za-label\"\u003eСделано в Казахстане\u003c/div\u003e\r\n                    \u003ch3 class=\"za-title\"\u003e\r\n                        7 причин поддерживать\u003cbr\u003e\r\n                        каÐ
1236·Ð°Ñ…станское производство\r\n                    \u003c/h3\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-reasons\"\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e01\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eРабочие места\u003c/h4\u003e\r\n                            \u003cp\u003eРазвитие производства создаёт рабочие места и способствует занятости населения.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e02\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eВклад в экономику\u003c/h4\u003e\r\n                            \u003cp\u003eНалоговые и другие обязательные платежи отечественных предприятий остаются внутри страны.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e03\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eДоходы сотрудников\u003c/h4\u003e\r\n                            \u003cp\u003eЗаработные платы поддерживают внутренний спрос и развитие экономики Казахстана.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e04\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eКонкуренция и качество\u003c/h4\u003e\r\n                            \u003cp\u003eРазвитие местных производителей способствует росту качества и формированию доступных цен.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e05\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eРазвитие специалистов\u003c/h4\u003e\r\n                            \u003cp\u003eПроизводственные предприятия развивают профессиональные и инженерные компетенции.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e06\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eСмежные отрасли\u003c/h4\u003e\r\n                            \u003cp\u003eПроизводство формирует спрос на местное сырьё, комплектующие, оборудование и услуги.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e07\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eЭкспортный потенциал\u003c/h4\u003e\r\n                            \u003cp\u003eВыход казахстанской продукции на зарубежные рынки укрепляет позиции отечественных брендов.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                \u003c/div\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ФИНАЛ --\u003e\r\n    \u003csection class=\"za-section za-section--final\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-final\"\u003e\r\n                \u003cdiv class=\"za-final__brand\"\u003eZETA\u003c/div\u003e\r\n\r\n                \u003ch3\u003e\r\n                    Производим в Казахстане\u003cbr\u003e\r\n                    с 1996 года\r\n                \u003c/h3\u003e\r\n\r\n                \u003cp\u003e\r\n                    Выбирая продукцию казахстанского производства,\r\n                    вы поддерживаете рабочие места, развитие предприятий\r\n                    и создание товаров внутри страны.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n\u003c/div\u003e\r\n\r\n\u003c!-- JS можно хранить прямо в HTML-поле админки --\u003e\r\n\u003cscript\u003e\r\n(function () {\r\n    function initZaCounters() {\r\n        var counters = document.querySelectorAll('.za-counter');\r\n        if (!counters.length) return;\r\n\r\n        function getFinalText(counter) {\r\n            var target = parseInt(counter.getAttribute('data-target') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            return prefix + target + suffix;\r\n        }\r\n\r\n        /* Если пользователь отключил анимации в системе — показываем финальные значения */\r\n        if (window.matchMedia \u0026\u0026\r\n            window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n            counters.forEac
1236h(function (counter) {\r\n                counter.textContent = getFinalText(counter);\r\n            });\r\n            return;\r\n        }\r\n\r\n        counters.forEach(function (counter) {\r\n            var start = parseInt(counter.getAttribute('data-start') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            counter.textContent = prefix + start + suffix;\r\n        });\r\n\r\n        function animateCounter(counter) {\r\n            if (counter.getAttribute('data-animated') === 'true') return;\r\n            counter.setAttribute('data-animated', 'true');\r\n\r\n            var target = parseInt(counter.getAttribute('data-target') || '0', 10);\r\n            var start = parseInt(counter.getAttribute('data-start') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            var delay = parseInt(counter.getAttribute('data-delay') || '0', 10);\r\n            var duration = 1400;\r\n\r\n            setTimeout(function () {\r\n                var startTime = performance.now();\r\n\r\n                function update(currentTime) {\r\n                    var progress = Math.min((currentTime - startTime) / duration, 1);\r\n                    var eased = 1 - Math.pow(1 - progress, 3);\r\n                    var value = Math.round(start + (target - start) * eased);\r\n\r\n                    counter.textContent = prefix + value + suffix;\r\n\r\n                    if (progress \u003c 1) {\r\n                        requestAnimationFrame(update);\r\n                    } else {\r\n                        counter.textContent = prefix + target + suffix;\r\n                    }\r\n                }\r\n\r\n                requestAnimationFrame(update);\r\n            }, delay);\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n            var observer = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        animateCounter(entry.target);\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.3\r\n            });\r\n\r\n            counters.forEach(function (counter) {\r\n                observer.observe(counter);\r\n            });\r\n        } else {\r\n            counters.forEach(animateCounter);\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initZaCounters);\r\n    } else {\r\n        initZaCounters();\r\n    }\r\n})();\r\n\u003c/script\u003e\n  \u003c/body\u003e\n  ","en":"\n  \u003cstyle\u003e\n  .za-page {\r\n    --za-red: #a61717;\r\n    --za-red-soft: #bd3434;\r\n    --za-black: #171717;\r\n    --za-text: #4f4f4f;\r\n    --za-muted: #777777;\r\n    --za-line: #e3e3e3;\r\n    --za-bg: #f5f5f5;\r\n\r\n    width: 100%;\r\n    color: var(--za-black);\r\n    font-family: inherit;\r\n    line-height: 1.5;\r\n}\r\n\r\n.za-page *,\r\n.za-page *::before,\r\n.za-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.za-container {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    padding: 0 32px;\r\n}\r\n\r\n\r\n/* =========================\r\n   ОБЩИЕ ЭЛЕМЕНТЫ\r\n   ========================= */\r\n\r\n.za-section {\r\n    width: 100%;\r\n    margin-top: 52px;\r\n}\r\n\r\n.za-section--compact {\r\n    margin-top: 36px;\r\n}\r\n\r\n.za-section--final {\r\n    margin-bottom: 36px;\r\n}\r\n\r\n.za-label {\r\n    margin: 0 0 16px;\r\n    color: var(--za-red);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.11em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.za-title {\r\n    margin: 0;\r\n    color: var(--za-black);\r\n    font-size: clamp(32px, 3vw, 46px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.028em;\r\n}\r\n\r\n.za-text {\r\n    margin: 0 0 20px;\r\n    color: var(--za-text);\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    line-height: 1.62;\r\n}\r\n\r\n.za-text:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.za-text strong {\r\n    color: var(--za-black);\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n/* =========================\r\n   HERO\r\n   ========================= */\r\n\r\n.za-hero {\r\n    width: 100%;\r\n    padding-top: 28px;\r\n}\r\n\r\n.za-hero__content {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 330px;\r\n    padding: 58px 64px;\r\n    border-radius: 24px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 91% 8%,\r\n            rgba(166, 23, 23, 0.13) 0,\r\n            rgba(166, 23, 23, 0) 39%\r\n        ),\r\n        #f5f5f5;\r\n}\r\n\r\n.za-hero__content::after {\r\n    position: absolute;\r\n    right: -100px;\r\n    bottom: -205px;\r\n    width: 470px;\r\n    height: 470px;\r\n    border: 64px solid rgba(166, 23, 23, 0.055);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n    pointer-events: none;\r\n}\r\n\r\n.za-hero__title {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 920px;\r\n    margin: 0 0 24px;\r\n    color: var(--za-black);\r\n    font-size: clamp(44px, 5vw, 68px);\r\n    font-weight: 700;\r\n    line-height: 1.02;\r\n    letter-spacing: -0.04em;\r\n}\r\n\r\n.za-hero__text {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: #4b4b4b;\r\n    font-size: 20px;\r\n    line-height: 1.58;\r\n}\r\n\r\n\r\n/* =========================\r\n   ГЛАВНЫЕ ЦИФРЫ\r\n   ========================= */\r\n\r\n.za-section--stats {\r\n    margin-top: 22px;\r\n}\r\n\r\n.za-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    overflow: hidden;\r\n    border: 1px solid var(--za-line);\r\n    border-radius: 16px;\r\n    background: #fff;\r\n}\r\n\r\n.za-stat {\r\n    display: flex;\r\n    min-height: 118px;\r\n    padding: 20px 24px;\r\n    border-right: 1px solid var(--za-line);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.za-stat:last-child {\r\n    border-right: 0;\r\n}\r\n\r\n.za-stat__value {\r\n    margin-bottom: 8px;\r\n    color: var(--za-red);\r\n    font-size: clamp(48px, 4.4vw, 62px);\r\n    font-weight: 700;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.045em;\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.za-stat__name {\r\n    max-width: 190px;\r\n    color: #505050;\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    line-height: 1.28;\r\n}\r\n\r\n\r\n/* =========================\r\n   ПРОИЗВОДСТВО\r\n   ========================= */\r\n\r\n.za-production {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.6fr) minmax(270px, 0.75fr);\r\n    gap: 62px;\r\n    padding: 54px 64px;\r\n    border-radius: 22px;\r\n    background: #191919;\r\n}\r\n\r\n.za-label--dark {\r\n    color: #dc5555;\r\n}\r\n\r\n.za-title--white {\r\n    margin-bottom: 22px;\r\n    color: #fff;\r\n}\r\n\r\n.za-text--dark {\r\n    max-width: 720px;\r\n    color: #c4c4c4;\r\n    font-size: 18px;\r\n}\r\n\r\n.za-text--dark strong {\r\n    color: #fff;\r\n}\r\n\r\n.za-button {\r\n    display: inline-flex;
1236\r\n    align-items: center;\r\n    gap: 18px;\r\n    margin-top: 6px;\r\n    padding: 13px 20px;\r\n    border-radius: 8px;\r\n    background: var(--za-red);\r\n    color: #fff !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: transform .2s ease, background .2s ease;\r\n}\r\n\r\n.za-button:hover {\r\n    background: #8e1212;\r\n    color: #fff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.za-button span {\r\n    font-size: 20px;\r\n}\r\n\r\n.za-production__facts {\r\n    align-self: center;\r\n}\r\n\r\n.za-production-fact {\r\n    padding: 17px 0;\r\n    border-bottom: 1px solid #363636;\r\n}\r\n\r\n.za-production-fact:first-child {\r\n    padding-top: 0;\r\n}\r\n\r\n.za-production-fact:last-child {\r\n    padding-bottom: 0;\r\n    border-bottom: 0;\r\n}\r\n\r\n.za-production-fact strong {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #fff;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: -0.035em;\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.za-production-fact strong .za-counter {\r\n    color: inherit;\r\n    font: inherit;\r\n    letter-spacing: inherit;\r\n}\r\n\r\n.za-production-fact \u003e span {\r\n    color: #bcbcbc;\r\n    font-size: 17px;\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n/* =========================\r\n   ЗАГОЛОВОК СЕКЦИИ\r\n   ========================= */\r\n\r\n.za-section-head {\r\n    max-width: 850px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.za-section-head .za-title {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.za-section-head__text {\r\n    max-width: 800px;\r\n    margin: 0;\r\n    color: var(--za-text);\r\n    font-size: 19px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n/* =========================\r\n   НАПРАВЛЕНИЯ\r\n   ========================= */\r\n\r\n.za-products {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n}\r\n\r\n.za-product {\r\n    min-height: 192px;\r\n    padding: 23px 25px;\r\n    border: 1px solid var(--za-line);\r\n    border-radius: 15px;\r\n    background: #fff;\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.za-product:hover {\r\n    border-color: #d1d1d1;\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, .055);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.za-product__number {\r\n    margin-bottom: 22px;\r\n    color: var(--za-red);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.za-product h4 {\r\n    margin: 0 0 8px;\r\n    color: var(--za-black);\r\n    font-size: 22px;\r\n    font-weight: 650;\r\n    line-height: 1.2;\r\n}\r\n\r\n.za-product p {\r\n    margin: 0;\r\n    color: #5c5c5c;\r\n    font-size: 17px;\r\n    line-height: 1.48;\r\n}\r\n\r\n\r\n/* =========================\r\n   ДВУХКОЛОНОЧНАЯ СЕТКА\r\n   Одинаковая для двух блоков\r\n   ========================= */\r\n\r\n.za-split {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\r\n    gap: 74px;\r\n    align-items: start;\r\n}\r\n\r\n.za-split__left,\r\n.za-split__right {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n/* =========================\r\n   ZETA СЕГОДНЯ\r\n   ========================= */\r\n\r\n.za-info-box {\r\n    padding: 50px 64px;\r\n    border-radius: 20px;\r\n    background: var(--za-bg);\r\n}\r\n\r\n.za-info-box .za-title {\r\n    font-size: clamp(32px, 2.7vw, 43px);\r\n}\r\n\r\n\r\n/* =========================\r\n   КОМАНДА\r\n   ========================= */\r\n\r\n.za-split--plain {\r\n    padding: 24px 64px 12px;\r\n}\r\n\r\n.za-split__right--line {\r\n    padding-top: 30px;\r\n    border-top: 1px solid var(--za-line);\r\n}\r\n\r\n\r\n/* =========================\r\n   7 ПРИЧИН\r\n   ========================= */\r\n\r\n.za-reasons-box {\r\n    padding: 46px 56px 48px;\r\n    border-radius: 20px;\r\n    background: var(--za-bg);\r\n}\r\n\r\n.za-reasons-head {\r\n    max-width: 780px;\r\n    margin: 0 auto 30px;\r\n    text-align: center;\r\n}\r\n\r\n.za-reasons {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n    max-width: 1060px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.za-reason {\r\n    display: grid;\r\n    grid-template-columns: 34px minmax(0, 1fr);\r\n    gap: 13px;\r\n    padding: 19px 21px;\r\n    border-radius: 13px;\r\n    background: #fff;\r\n}\r\n\r\n.za-reason \u003e span {\r\n    padding-top: 2px;\r\n    color: var(--za-red);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.za-reason h4 {\r\n    margin: 0 0 5px;\r\n    color: var(--za-black);\r\n    font-size: 20px;\r\n    font-weight: 650;\r\n    line-height: 1.25;\r\n}\r\n\r\n.za-reason p {\r\n    margin: 0;\r\n    color: #5d5d5d;\r\n    font-size: 16.5px;\r\n    line-height: 1.46;\r\n}\r\n\r\n\r\n/* =========================\r\n   ФИНАЛ\r\n   ========================= */\r\n\r\n.za-final {\r\n    padding: 62px 40px;\r\n    border-radius: 20px;\r\n    background: var(--za-red);\r\n    color: #fff;\r\n    text-align: center;\r\n}\r\n\r\n.za-final__brand {\r\n    margin-bottom: 14px;\r\n    color: rgba(255, 255, 255, .82);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: .2em;\r\n}\r\n\r\n.za-final h3 {\r\n    max-width: 820px;\r\n    margin: 0 auto 18px;\r\n    color: #fff;\r\n    font-size: clamp(34px, 3.5vw, 50px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.za-final p {\r\n    max-width: 780px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, .88);\r\n    font-size: 18px;\r\n    line-height: 1.58;\r\n}\r\n\r\n\r\n/* =========================\r\n   TABLET\r\n   ========================= */\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .za-container {\r\n        padding: 0 24px;\r\n    }\r\n\r\n    .za-hero__content {\r\n        padding: 48px;\r\n    }\r\n\r\n    .za-stats {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .za-stat {\r\n        border-bottom: 1px solid var(--za-line);\r\n    }\r\n\r\n    .za-production {\r\n        grid-template-columns: 1fr;\r\n        gap: 38px;\r\n        padding: 46px 48px;\r\n    }\r\n\r\n    .za-production__facts {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 22px;\r\n    }\r\n\r\n    .za-production-fact {\r\n        padding: 0;\r\n        border-right: 1px solid #363636;\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .za-production-fact:last-child {\r\n        border-right: 0;\r\n    }\r\n\r\n    .za-products {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .za-split {\r\n        gap: 42px;\r\n    }\r\n\r\n    .za-info-box {\r\n        padding: 44px 48px;\r\n    }\r\n\r\n    .za-split--plain {\r\n        padding-right: 48px;\r\n        padding-left: 48px;\r\n    }\r\n\r\n    .za-reasons-box {\r\n        padding: 42px;\r\n    }\r\n}\r\n\r\n\r\n/* =========================\r\n   MOBILE\r\n   ========================= */\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .za-container {\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .za-section {\r\n        margin-top: 42px;\r\n    }\r\n\r\n    .za-section--compact {\r\n        margin-top: 26px;\r\n    }\r\n\r\n    .za-label {\r\n        margin-bottom: 12px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .za-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .za-text {\r\n        font-size: 16px;\r\n        line-height: 1.58;\r\n    }\r\n\r\n    .za-hero {\r\n        padding-top: 18px;\r\n    }\r\n\r\n    .za-hero__content {\r\n        min-height: auto;\r\n        padding: 34px 22px;
1236\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-hero__content::after {\r\n        display: none;\r\n    }\r\n\r\n    .za-hero__title {\r\n        margin-bottom: 18px;\r\n        font-size: 35px;\r\n        line-height: 1.04;\r\n    }\r\n\r\n    .za-hero__text {\r\n        font-size: 17px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .za-section--stats {\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .za-stats {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .za-stat {\r\n        min-height: 102px;\r\n        padding: 17px 15px;\r\n    }\r\n\r\n    .za-stat__value {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .za-stat__name {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .za-production {\r\n        gap: 32px;\r\n        padding: 34px 22px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-production__facts {\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n    }\r\n\r\n    .za-production-fact {\r\n        padding: 18px 0;\r\n        border-right: 0;\r\n        border-bottom: 1px solid #363636;\r\n    }\r\n\r\n    .za-production-fact:first-child {\r\n        padding-top: 0;\r\n    }\r\n\r\n    .za-production-fact:last-child {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    .za-production-fact strong {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .za-production-fact \u003e span {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .za-section-head {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .za-section-head__text {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .za-products {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .za-product {\r\n        min-height: auto;\r\n        padding: 21px;\r\n    }\r\n\r\n    .za-product__number {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .za-product h4 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .za-product p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .za-split {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .za-info-box {\r\n        padding: 32px 22px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-split--plain {\r\n        padding: 8px 22px 0;\r\n    }\r\n\r\n    .za-split__right--line {\r\n        padding-top: 22px;\r\n    }\r\n\r\n    .za-reasons-box {\r\n        padding: 34px 16px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-reasons-head {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .za-reasons {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .za-reason {\r\n        padding: 17px;\r\n    }\r\n\r\n    .za-reason h4 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .za-reason p {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .za-final {\r\n        padding: 44px 20px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .za-final h3 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .za-final p {\r\n        font-size: 16px;\r\n    }\r\n}\r\n@media (max-width: 700px) {\r\n    .za-stat:last-child {\r\n        grid-column: 1 / -1;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .za-stat:last-child .za-stat__name {\r\n        max-width: none;\r\n        text-align: center;\r\n    }\r\n}\n  \u003c/style\u003e\n  \u003cbody\u003e\n  \u003cdiv class=\"za-page\"\u003e\r\n\r\n    \u003c!-- HERO --\u003e\r\n    \u003csection class=\"za-hero\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-hero__content\"\u003e\r\n\r\n                \u003ch2 class=\"za-hero__title\"\u003e\r\n                    ZETA - производим\u003cbr\u003e\r\n                    в Казахстане с 1996 года\r\n                \u003c/h2\u003e\r\n\r\n                \u003cp class=\"za-hero__text\"\u003e\r\n                    Казахстанская производственная компания ZETA создаёт мебель,\r\n                    изделия из пластика и металла для дома, офиса, бизнеса\r\n                    и общественных пространств.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- КЛЮЧЕВЫЕ ЦИФРЫ --\u003e\r\n    \u003csection class=\"za-section za-section--stats\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-stats\"\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"1900\"\r\n                         data-target=\"1996\"\r\n                         data-delay=\"0\"\u003e1996\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eгод основания\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"39\"\r\n                         data-delay=\"70\"\u003e39\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eмагазинов по Казахстану\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"7\"\r\n                         data-delay=\"140\"\u003e7\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eсобственных заводов\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"2400\"\r\n                         data-delay=\"210\"\u003e2400\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eсотрудников\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-stat\"\u003e\r\n                    \u003cdiv class=\"za-stat__value za-counter\"\r\n                         data-start=\"0\"\r\n                         data-target=\"8000\"\r\n                         data-suffix=\"+\"\r\n                         data-delay=\"280\"\u003e8000+\u003c/div\u003e\r\n                    \u003cdiv class=\"za-stat__name\"\u003eнаименований товаров\u003c/div\u003e\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ПРОИЗВОДСТВО --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-production\"\u003e\r\n\r\n                \u003cdiv class=\"za-production__main\"\u003e\r\n                    \u003cdiv class=\"za-label za-label--dark\"\u003eСобственное производство\u003c/div\u003e\r\n\r\n                    \u003ch3 class=\"za-title za-title--white\"\u003e\r\n                        7 заводов на территории\u003cbr\u003e\r\n                        8 гектаров\r\n                    \u003c/h3\u003e\r\n\r\n                    \u003cp class=\"za-text za-text--dark\"\u003e\r\n                        Производственные мощности ZETA расположены в Казахстане.\r\n                        Компания выпускает мебель, изделия из пластика и металла,\r\n                        постоянно развивая собственные технологии и производственные процессы.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003cp class=\"za-text za-text--dark\"\u003e\r\n                        Доля казахстанского содержания в готовой продукции\r\n                        достигает около \u003cstrong\u003e80%\u003c/strong\u003e.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003ca href=\"https://zeta.kz/manufacture\" class=\"za-button\"\u003e\r\n                        Подробнее о производстве \u003cspan\u003e→\u003c/span\u003e\r\n                    \u003c/a\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-production__facts\"\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong class=\"za-counter\"\r\n                                data-start=\"0\"\r\n                                data-target=\"7\"\r\n                                data-delay=\"0\"\u003e7\u003c/strong\u003e\r\n                        \u003cspan\u003eпроизводственных площадок\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong\u003e\r\n                            \u003cspan class=\"za-counter\"\r\n                                  data-start=\"0\"\r\n                                  data-target=\"8\"\r\n                                  data-delay=\"100\"\u003e8\u003c/span\u003e га\r\n                        \u003c/strong\u003e\r\n                        \u003cspan\u003eтерритория производства\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-production-fact\"\u003e\r\n                        \u003cstrong class=\"za-counter\"\r\n                                data-start=\"0\"\r\n                                data-target=\"80\"\r\n                                data-prefix=\"≈\"\r\n                                data-suffix=\"%\"\r\n                                data-delay=\"200\"\u003e≈80%\u003c/strong\u003e\r\n                        \u003cspan\u003eказахстанского содержания\u003c/span\u003e\r\n                    \u003c/div\u003e\r\n\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- НАПРАВЛЕНИЯ --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n\r\n            \u003cdiv class=\"za-section-head\"\u003e\r\n                \u003cdiv class=\"za-label\"\u003eНаправления\u003c/div\u003e\r\n                \u003ch3 class=\"za-title\"\u003eЧто мы производим\u003c/h3\u003e\r\n\r\n                \u003cp class=\"za-section-head__text\"\u003e\r\n                    Продукция ZETA используется дома, в офисах, образовательных\r\n                    и медицинских учреждениях, гостиницах, ресторанах\r\n                    и других общественных пространствах.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n\r\n            \u003cdiv class=\"za-products\"\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e01\u003c/div\u003e\r\n                    \u003ch4\u003eМягкая мебель\u003c/h4\u003e\r\n                    \u003cp\u003eДиваны, кресла и другие модели из мебельных тканей и натуральной кожи различных цветов и фактур.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e02\u003c/div\u003e\r\n                    \u003ch4\u003eКорпусная мебель\u003c/h4\u003e\r\n                    \u003cp\u003eШкафы, столы, системы хранения и другая мебель для дома и коммерческих помещений.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e03\u003c/div\u003e\r\n                    \u003ch4\u003eКресла и стулья\u003c/h4\u003e\r\n                    \u003cp\u003eРешения для дома, офиса, рабочих зон, учебных заведений и общественных пространств.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e04\u003c/div\u003e\r\n                    \u003ch4\u003eМебель для бизнеса\u003c/h4\u003e\r\n                    \u003cp\u003eПродукция для гостиниц, ресторанов, салонов красоты и коммерческих объектов.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e05\u003c/div\u003e\r\n                    \u003ch4\u003eМебель для учреждений\u003c/h4\u003e\r\n                    \u003cp\u003eСпециализированные решения для школ, медицинских учреждений и конференц-залов.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n                \u003carticle class=\"za-product\"\u003e\r\n                    \u003cdiv class=\"za-product__number\"\u003e06\u003c/div\u003e\r\n                    \u003ch4\u003eПластик и металл\u003c/h4\u003e\r\n                    \u003cp\u003eИзделия для дома, хранения, хозяйственных и коммерческих задач.\u003c/p\u003e\r\n                \u003c/article\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ZETA СЕГОДНЯ --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-info-box\"\u003e\r\n                \u003cdiv class=\"za-split\"\u003e\r\n\r\n                    \u003cdiv class=\"za-split__left\"\u003e\r\n                        \u003cdiv class=\"za-label\"\u003eZETA сегодня\u003c/div\u003e\r\n                        \u003ch3 class=\"za-title\"\u003e\r\n                            Большая команда\u003cbr\u003e\r\n                            и собственная\u003cbr\u003e\r\n                            производственная база\r\n                        \u003c/h3\u003e\r\n                    \u003c/div\u003e\r\n\r\n                    \u003cdiv class=\"za-split__right\"\u003e\r\n                        \u003cp class=\"za-text\"\u003e\r\n                            Сегодня сеть ZETA насчитывает\r\n                            \u003cstrong\u003e39 магазинов по всему Казахстану\u003c/strong\u003e.\r\n                            В компании работают около \u003cstrong\u003e2400 сотрудников\u003c/strong\u003e,\r\n                            а ассортимент превышает \u003cstrong\u003e8000 наименований\u003c/strong\u003e.\r\n                        \u003c/p\u003e\r\n\r\n                        \u003cp class=\"za-text\"\u003e\r\n                            Наряду с продукцией собственного производства\r\n                            в ассортименте представлены товары из России,\r\n                            Италии, Вьетнама, Турции, Польши,\r\n                            Малайзии и Узбекистана.\r\n                        \u003c/p\u003e\r\n                    \u003c/div\u003e\r\n\r\n                \u003c/div\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u00
12363c/section\u003e\r\n\r\n    \u003c!-- КОМАНДА --\u003e\r\n    \u003csection class=\"za-section za-section--compact\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-split za-split--plain\"\u003e\r\n\r\n                \u003cdiv class=\"za-split__left\"\u003e\r\n                    \u003cdiv class=\"za-label\"\u003eКоманда и технологии\u003c/div\u003e\r\n                    \u003ch3 class=\"za-title\"\u003e\r\n                        Опыт, который\u003cbr\u003e\r\n                        превращается\u003cbr\u003e\r\n                        в производство\r\n                    \u003c/h3\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-split__right za-split__right--line\"\u003e\r\n                    \u003cp class=\"za-text\"\u003e\r\n                        Ядро коллектива ZETA — квалифицированные менеджеры,\r\n                        инженеры, конструкторы и производственные специалисты\r\n                        с многолетним опытом.\r\n                    \u003c/p\u003e\r\n\r\n                    \u003cp class=\"za-text\"\u003e\r\n                        Современное оборудование, европейские технологии,\r\n                        развитие производственных процессов и гибкий подход\r\n                        к рынку позволяют компании расширять ассортимент\r\n                        и укреплять позиции в Казахстане и Центральной Азии.\r\n                    \u003c/p\u003e\r\n                \u003c/div\u003e\r\n\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- 7 ПРИЧИН --\u003e\r\n    \u003csection class=\"za-section\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-reasons-box\"\u003e\r\n\r\n                \u003cdiv class=\"za-reasons-head\"\u003e\r\n                    \u003cdiv class=\"za-label\"\u003eСделано в Казахстане\u003c/div\u003e\r\n                    \u003ch3 class=\"za-title\"\u003e\r\n                        7 причин поддерживать\u003cbr\u003e\r\n                        каÐ
1236·Ð°Ñ…станское производство\r\n                    \u003c/h3\u003e\r\n                \u003c/div\u003e\r\n\r\n                \u003cdiv class=\"za-reasons\"\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e01\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eРабочие места\u003c/h4\u003e\r\n                            \u003cp\u003eРазвитие производства создаёт рабочие места и способствует занятости населения.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e02\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eВклад в экономику\u003c/h4\u003e\r\n                            \u003cp\u003eНалоговые и другие обязательные платежи отечественных предприятий остаются внутри страны.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e03\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eДоходы сотрудников\u003c/h4\u003e\r\n                            \u003cp\u003eЗаработные платы поддерживают внутренний спрос и развитие экономики Казахстана.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e04\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eКонкуренция и качество\u003c/h4\u003e\r\n                            \u003cp\u003eРазвитие местных производителей способствует росту качества и формированию доступных цен.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e05\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eРазвитие специалистов\u003c/h4\u003e\r\n                            \u003cp\u003eПроизводственные предприятия развивают профессиональные и инженерные компетенции.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e06\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eСмежные отрасли\u003c/h4\u003e\r\n                            \u003cp\u003eПроизводство формирует спрос на местное сырьё, комплектующие, оборудование и услуги.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                    \u003carticle class=\"za-reason\"\u003e\r\n                        \u003cspan\u003e07\u003c/span\u003e\r\n                        \u003cdiv\u003e\r\n                            \u003ch4\u003eЭкспортный потенциал\u003c/h4\u003e\r\n                            \u003cp\u003eВыход казахстанской продукции на зарубежные рынки укрепляет позиции отечественных брендов.\u003c/p\u003e\r\n                        \u003c/div\u003e\r\n                    \u003c/article\u003e\r\n\r\n                \u003c/div\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n    \u003c!-- ФИНАЛ --\u003e\r\n    \u003csection class=\"za-section za-section--final\"\u003e\r\n        \u003cdiv class=\"za-container\"\u003e\r\n            \u003cdiv class=\"za-final\"\u003e\r\n                \u003cdiv class=\"za-final__brand\"\u003eZETA\u003c/div\u003e\r\n\r\n                \u003ch3\u003e\r\n                    Производим в Казахстане\u003cbr\u003e\r\n                    с 1996 года\r\n                \u003c/h3\u003e\r\n\r\n                \u003cp\u003e\r\n                    Выбирая продукцию казахстанского производства,\r\n                    вы поддерживаете рабочие места, развитие предприятий\r\n                    и создание товаров внутри страны.\r\n                \u003c/p\u003e\r\n            \u003c/div\u003e\r\n        \u003c/div\u003e\r\n    \u003c/section\u003e\r\n\r\n\u003c/div\u003e\r\n\r\n\u003c!-- JS можно хранить прямо в HTML-поле админки --\u003e\r\n\u003cscript\u003e\r\n(function () {\r\n    function initZaCounters() {\r\n        var counters = document.querySelectorAll('.za-counter');\r\n        if (!counters.length) return;\r\n\r\n        function getFinalText(counter) {\r\n            var target = parseInt(counter.getAttribute('data-target') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            return prefix + target + suffix;\r\n        }\r\n\r\n        /* Если пользователь отключил анимации в системе — показываем финальные значения */\r\n        if (window.matchMedia \u0026\u0026\r\n            window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n            counters.forEac
1236h(function (counter) {\r\n                counter.textContent = getFinalText(counter);\r\n            });\r\n            return;\r\n        }\r\n\r\n        counters.forEach(function (counter) {\r\n            var start = parseInt(counter.getAttribute('data-start') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            counter.textContent = prefix + start + suffix;\r\n        });\r\n\r\n        function animateCounter(counter) {\r\n            if (counter.getAttribute('data-animated') === 'true') return;\r\n            counter.setAttribute('data-animated', 'true');\r\n\r\n            var target = parseInt(counter.getAttribute('data-target') || '0', 10);\r\n            var start = parseInt(counter.getAttribute('data-start') || '0', 10);\r\n            var prefix = counter.getAttribute('data-prefix') || '';\r\n            var suffix = counter.getAttribute('data-suffix') || '';\r\n            var delay = parseInt(counter.getAttribute('data-delay') || '0', 10);\r\n            var duration = 1400;\r\n\r\n            setTimeout(function () {\r\n                var startTime = performance.now();\r\n\r\n                function update(currentTime) {\r\n                    var progress = Math.min((currentTime - startTime) / duration, 1);\r\n                    var eased = 1 - Math.pow(1 - progress, 3);\r\n                    var value = Math.round(start + (target - start) * eased);\r\n\r\n                    counter.textContent = prefix + value + suffix;\r\n\r\n                    if (progress \u003c 1) {\r\n                        requestAnimationFrame(update);\r\n                    } else {\r\n                        counter.textContent = prefix + target + suffix;\r\n                    }\r\n                }\r\n\r\n                requestAnimationFrame(update);\r\n            }, delay);\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n            var observer = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        animateCounter(entry.target);\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.3\r\n            });\r\n\r\n            counters.forEach(function (counter) {\r\n                observer.observe(counter);\r\n            });\r\n        } else {\r\n            counters.forEach(animateCounter);\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initZaCounters);\r\n    } else {\r\n        initZaCounters();\r\n    }\r\n})();\r\n\u003c/script\u003e\n  \u003c/body\u003e\n  "},"page":"aboutCompany","mediaFile":"/uploads/images/descriptionblock/67f7d9e4f59e6ed632142a2c/media/Магазин. о компании.jpg","enabled":true,"createdAt":"2025-04-10T14:47:00.787Z","updatedAt":"2026-09-02T11:31:03.735Z"},"seo":{"id":"687a573e349d59b5222d6806","title":{"ru":"О компании ZETA — лидер производства мебели и товаров для дома в Казахстане | Zeta.kz"},"text":{"ru":"ZETA — казахстанская производственная компания с 1996 г. Сеть из 60 магазинов, 8 заводов, более 6000 наименований мягкой и корпусной мебели, кресел, столов и товаров для дома, школы, офиса и бизнеса. Узнайте о миссии, истории и достоинствах местного производителя."},"page":"aboutCompany","enabled":true,"canonical":"","robots":"","keywords":"","slug":"","createdAt":"2025-07-18T14:16:30.965Z","updatedAt":"2026-03-02T09:34:24.406Z"}},"__N_SSP":true},"page":"/about","query":{},"buildId":"t6eMCPojw4pgEmWgImp-B","isFallback":false,"isExperimentalCompile":false,"gssp":true,"locale":"ru","locales":["ru","en","kz"],"defaultLocale":"ru","scriptLoader":[]}</script>
1236</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.