PageSourceSearch

https://chernogolovka.com/actions/

html chernogolovka.com collected 2026-10-02 18:46:07 UTC 554,343 bytes, 9,730 lines download raw bytes

1<!DOCTYPE html>
2				<div id="bxdynamic_options-block_start" style="display:none"></div><div id="bxdynamic_options-block_end" style="display:none"></div><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" class="  ">
3
4
5
6<div id="bxdynamic_1nrXUE_start" style="display:none"></div>
7
8
9
10<div id="bxdynamic_1nrXUE_end" style="display:none"></div><head>
11    <!-- Yandex.Metrika counter -->
12    
12<script data-skip-moving="true">
vendor: 455 bytes, lines 12-19
12
13        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
14            m[i].l=1*new Date();
15            for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
16            k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
17        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
18
19        ym(
1956024062
vendor: 154 bytes, lines 19-25
19, "init", {
20            clickmap:true,
21            trackLinks:true,
22            accurateTrackBounce:true,
23            webvisor:true
24        });
25    
25</script>
25
26    <noscript><div><img src="https://mc.yandex.ru/watch/56024062" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
27    <!-- /Yandex.Metrika counter -->
28    <title>Акции - Черноголовка — производитель напитков, снеков и кондитерских изделий в России</title>
29    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
30    <meta name="HandheldFriendly" content="true" />
31    <meta name="yes" content="yes" />
32    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
33    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
34    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
35<script data-skip-moving="true">(function(w, d) {var v = w.frameCacheVars = {"CACHE_MODE":"HTMLCACHE","storageBlocks":[],"dynamicBlocks":{"options-block":"d41d8cd98f00","1nrXUE":"ff4c8ff01d54","erjyYV":"606663352685","fW13iv":"2cc1e161d3de"},"AUTO_UPDATE":true,"AUTO_UPDATE_TTL":0,"version":2};var inv = false;if (v.AUTO_UPDATE === false){if (v.AUTO_UPDATE_TTL && v.AUTO_UPDATE_TTL > 0){var lm = Date.parse(d.lastModified);if (!isNaN(lm)){var td = new Date().getTime();if ((lm + v.AUTO_UPDATE_TTL * 1000) >= td){w.frameRequestStart = false;w.preventAutoUpdate = true;return;}inv = true;}}else{w.frameRequestStart = false;w.preventAutoUpdate = true;return;}}var r = w.XMLHttpRequest ? new XMLHttpRequest() : (w.ActiveXObject ? new w.ActiveXObject("Microsoft.XMLHTTP") : null);if (!r) { return; }w.frameRequestStart = true;var m = v.CACHE_MODE; var l = w.location; var x = new Date().getTime();var q = "?bxrand=" + x + (l.search.length > 0 ? "&" + l.search.substring(1) : "");var u = l.protocol + "//" + l.host + l.pathname + q;r.open("GET", u, true);r.setRequestHeader("BX-ACTION-TYPE", "get_dynamic");r.setRequestHeader("X-Bitrix-Composite", "get_dynamic");r.setRequestHeader("BX-CACHE-MODE", m);r.setRequestHeader("BX-CACHE-BLOCKS", v.dynamicBlocks ? JSON.stringify(v.dynamicBlocks) : "");if (inv){r.setRequestHeader("BX-INVALIDATE-CACHE", "Y");}try { r.setRequestHeader("BX-REF", d.referrer || "");} catch(e) {}if (m === "APPCACHE"){r.setRequestHeader("BX-APPCACHE-PARAMS", JSON.stringify(v.PARAMS));r.setRequestHeader("BX-APPCACHE-URL", v.PAGE_URL ? v.PAGE_URL : "");}r.onreadystatechange = function() {if (r.readyState != 4) { return; }var a = r.getResponseHeader("BX-RAND");var b = w.BX && w.BX.frameCache ? w.BX.frameCache : false;if (a != x || !((r.status >= 200 && r.status < 300) || r.status === 304 || r.status === 1223 || r.status === 0)){var f = {error:true, reason:a!=x?"bad_rand":"bad_status", url:u, xhr:r, status:r.status};if (w.BX && w.BX.ready && b){BX.ready(function() {setTimeout(function(){BX.onCustomEvent("onFrameDataRequestFail", [f]);}, 0);});}w.frameRequestFail = f;return;}if (b){b.onFrameDataReceived(r.responseText);if (!w.frameUpdateInvoked){b.update(false);}w.frameUpdateInvoked = true;}else{w.frameDataString = r.responseText;}};r.send();var p = w.performance;if (p && p.addEventListener && p.getEntries && p.setResourceTimingBufferSize){var e = 'resourcetimingbufferfull';var h = function() {if (w.BX && w.BX.frameCache && w.BX.frameCache.frameDataInserted){p.removeEventListener(e, h);}else {p.setResourceTimingBufferSize(p.getEntries().length + 50);}};p.addEventListener(e, h);}})(window, document);</script>
vendor: 1 bytes, line 35
35
36<script data-skip-moving="true">(function(w, d, n) {var cl = "bx-core";var ht = d.documentElement;var htc = ht ? ht.className : undefined;if (htc === undefined || htc.indexOf(cl) !== -1){return;}var ua = n.userAgent;if (/(iPad;)|(iPhone;)/i.test(ua)){cl += " bx-ios";}else if (/Windows/i.test(ua)){cl += ' bx-win';}else if (/Macintosh/i.test(ua)){cl += " bx-mac";}else if (/Linux/i.test(ua) && !/Android/i.test(ua)){cl += " bx-linux";}else if (/Android/i.test(ua)){cl += " bx-android";}cl += (/(ipad|iphone|android|mobile|touch)/i.test(ua) ? " bx-touch" : " bx-no-touch");cl += w.devicePixelRatio && w.devicePixelRatio >= 2? " bx-retina": " bx-no-retina";if (/Safari/i.test(ua) && !/Chrome/i.test(ua)){cl += " bx-safari";}else if (/AppleWebKit/.test(ua)){cl += " bx-chrome";}else if (/Opera/.test(ua)){cl += " bx-opera";}else if (/Firefox/.test(ua)){cl += " bx-firefox";}ht.className = htc ? htc + " " + cl : cl;})(window, document, navigator);</script>
36
37
38
39<link href="https://fonts.googleapis.com/css?family=Montserrat:300italic,400italic,500italic,700italic,400,300,500,700subset=latin,cyrillic-ext" rel="stylesheet"/>
40<link href="/local/templates/alef-chernogolovka/components/bitrix/news/actions/bitrix/news.list/actions_list_current/style.css?1697796027187" rel="stylesheet"/>
41<link href="/local/templates/alef-chernogolovka/components/bitrix/news/actions/bitrix/news.list/actions_list_past/style.css?1697796027187" rel="stylesheet"/>
42<link href="/local/templates/alef-chernogolovka/vendor/flexslider/flexslider.css?16977960276839" rel="stylesheet" data-template-style="true"/>
43<link href="/local/templates/alef-chernogolovka/vendor/owl/css/owl.carousel.min.css?16977960273351" rel="stylesheet" data-template-style="true"/>
44<link href="/local/templates/alef-chernogolovka/vendor/owl/css/owl.theme.default.min.css?16977960271013" rel="stylesheet" data-template-style="true"/>
45<link href="/bitrix/templates/.default/ajax/ajax.min.css?1697796024420" rel="stylesheet" data-template-style="true"/>
46<link href="/local/templates/alef-chernogolovka/css/fonts/inter/style.css?16977960272709" rel="stylesheet" data-template-style="true"/>
47<link href="/local/templates/alef-chernogolovka/components/bitrix/menu/top1/style.css?1768512978232" rel="stylesheet" data-template-style="true"/>
48<link href="/local/templates/alef-chernogolovka/components/bitrix/menu/bottom1/style.css?1768513780351" rel="stylesheet" data-template-style="true"/>
49<link href="/local/templates/alef-chernogolovka/components/bitrix/news.list/el_modal_brands_and_products/style.css?1697796027150" rel="stylesheet" data-template-style="true"/>
50<link href="/bitrix/tools/concept.quiz/css/template_styles.css?169772782486440" rel="stylesheet" data-template-style="true"/>
51<link href="/local/templates/alef-chernogolovka/styles.css?178639268812433" rel="stylesheet" data-template-style="true"/>
52<link href="/local/templates/alef-chernogolovka/template_styles.css?1783086937331834" rel="stylesheet" data-template-style="true"/>
53<link href="/local/templates/alef-chernogolovka/themes/CUSTOM_s1/colors.css?178817556937622" rel="stylesheet" data-template-style="true"/>
54<link href="/local/templates/alef-chernogolovka/bg_color/light/bgcolors.min.css?169779602654" rel="stylesheet" data-template-style="true"/>
55<link href="/bitrix/tools/concept.quiz/css/responsive.css?169772782413048" rel="stylesheet" data-template-style="true"/>
56
57
58<script type="extension/settings" data-extension="main.baseline">{"collectData":false,"helpUrl":"https:\/\/helpdesk.bitrix24.ru\/open\/code_27229654\/","helpCode":"redirect=detail\u0026code=27229654"}</script>
58
59
60
61
62
63
64
65
66
67
68<link rel="shortcut icon" href="/favicon.ico?1786713718" type="image/x-icon" />
69<link rel="apple-touch-icon" sizes="180x180" href="/upload/CPriority/9e2/web-icon" />
70<meta property="og:title" content="Акции - Черноголовка — производитель напитков, снеков и кондитерских изделий в России" />
71<meta property="og:type" content="website" />
72<meta property="og:image" content="https://chernogolovka.com/upload/CPriority/c21/hj0trwknzs5ze93irrf9ooxlkdthshrd/green_horizontal.png" />
73<link rel="image_src" href="https://chernogolovka.com/upload/CPriority/c21/hj0trwknzs5ze93irrf9ooxlkdthshrd/green_horizontal.png"  />
74<meta property="og:url" content="/actions/" />
75
76
77
78            
79    <noscript><img src="https://vk.com/rtrg?p=VK-RTRG-1746857-7x53l" style="position:fixed; left:-999px;" alt=""/></noscript>
80    
81    
81<script type="module" defer crossorigin src="/local/templates/alef-chernogolovka/js/home.js?v1"></script>
81
82	<style>
83		@media only screen and (max-width: 540px) {
84			.grad_0::before, .grad_1::before,
85			.grad_2::before, .grad_3::before,
86			.main-slider .swiper-main-left .swiper-slide .background::before,
87			 .grad_4::before,.grad_5::before {
88				display: none !important;
89				background: none !important;
90				visibility: hidden;
91			}
92		}
93	</style>
94    <link rel="stylesheet" href="/app.css">
95</head>
96
97<body x-data>
98<div id="panel"></div>
99<div class="container">
100    <div class="layout" >
101
102    	
103        <header x-data="header" :class="{'active': mobileMenu}" @click.outside="closeMobileMenu">
104            <div class="sub-container">
105                <div class="wrapper" :class="{'active': mobileMenu}">
106                    <button class="mobile-menu" @click="toggleMobileMenu" :class="{'hide': activeSearch, 'active': mobileMenu}">
107                        <span></span>
108                        <span></span>
109                        <span></span>
110                    </button>
111                    <div class="logo-wrapper" :class="{'hide': activeSearch}">
112                        <a class="logo" href="/">
113                            <img src="/local/templates/alef-chernogolovka/img/logo/svg/green_horizontal.svg" alt="Logo" width="291">
114                        </a>
115                    </div>
116                    <a class="logo" href="/" :class="{'hide': activeSearch}">
117
118                    </a>
119                    <div class="nav-and-search fade-in" :class="{'hide': activeSearch, 'active': mobileMenu}">
120                        <nav class="nav-menu" :class="{'active': mobileMenu}">
121                                <ul class="top-menu">
122                    <li style="display: flex; align-items: center" class="top-menu__item">
123                <a class="text-link" style="margin-right: 8px; display: flex; align-items: center;" href="/news/"
124                                    >Новости и пресс-релизы</a>
125            </li>
126                    <li style="display: flex; align-items: center" class="top-menu__item">
127                <a class="text-link" style="margin-right: 8px; display: flex; align-items: center;" href="/actions/"
128                                    >Акции</a>
129            </li>
130                    <li style="display: flex; align-items: center" class="top-menu__item">
131                <a class="text-link" style="margin-right: 8px; display: flex; align-items: center;" href="/question/"
132                                    >Вопросы и ответы</a>
133            </li>
134                    <li style="display: flex; align-items: center" class="top-menu__item">
135                <a class="text-link" style="margin-right: 8px; display: flex; align-items: center;" href="https://chernogolovka.hh.ru/employer/20839"
136                     target="_blank"                >Карьера</a>
137            </li>
138                    <li style="display: flex; align-items: center" class="top-menu__item">
139                <a class="text-link" style="margin-right: 8px; display: flex; align-items: center;" href="/supp/"
140                                    >Поставщикам</a>
141            </li>
142            </ul>
143                                <ul class="bottom-menu">
144                            <div class="bottom-menu__item  link-dropdown" :class="{'active': $store.navMenu.dropdown1}" @mouseenter="$store.navMenu.openDropdown1()" @mouseleave="$store.navMenu.closeDropdown1()" @click="$store.navMenu.toggleDropdown1Touch()" @click.outside="$store.navMenu.closeDropdown1Touch()"">
145            <a class="text-link" href="/company/" >Кто мы</a>
146                            <button class="button-dropdown">
147                    <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
148                        <g id="Down">
149                            <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
150                        </g>
151                    </svg>
152                </button>
153                                    <ul class="dropdown-content fade-in" :class="{'active': $store.navMenu.dropdown1}">
154                <ul class="dropdown-menu">                                                                            <li class="dropdown-menu__item title">
155                        <a class="text-link" href="/company/#about-company">О компании</a>
156                    </li>
157                                                                                                                    <li class="dropdown-menu__item title">
158                        <a class="text-link" href="/company/#geography">География</a>
159                    </li>
160                                                                                                                    <li class="dropdown-menu__item title">
161                        <a class="text-link" href="/company/#brands">Бренды</a>
162                    </li>
163                                                                                                                    <li class="dropdown-menu__item title">
164                        <a class="text-link" href="/company/#business_areas">Бизнес-направления</a>
165                    </li>
166                                                                                                                    <li class="dropdown-menu__item title">
167                        <a class="text-link" href="/company/#timeline">Наша история</a>
168                    </li>
169                                                                                                                    <li class="dropdown-menu__item title">
170                        <a class="text-link" href="/company/#about-production">О производстве</a>
171                    </li>
172                                                                                                                    <li class="dropdown-menu__item title">
173                        <a class="text-link" href="/company/#quality-and-safety">Качество и безопасность</a>
174                    </li>
175                                                                                                                    <li class="dropdown-menu__item title">
176                        <a class="text-link" href="/company/#mission-and-values">Миссия и ценности</a>
177                    </li>
178                                                                                                                    <li class="dropdown-menu__item title">
179                        <a class="text-link" href="/company/#awards">Награды</a>
180                    </li>
181                                                                                                                    <li class="dropdown-menu__item title">
182                        <a class="text-link" href="/company/#certificates">Наши сертификаты</a>
183                    </li>
184                                                                        </ul>                </div>
185                    </li>
186                            <div class="bottom-menu__item  link-dropdown" :class="{'active': $store.navMenu.dropdown2}" @mouseenter="$store.navMenu.openDropdown2()" @mouseleave="$store.navMenu.closeDropdown2()" @click="$store.navMenu.toggleDropdown2Touch()" @click.outside="$store.navMenu.closeDropdown2Touch()"">
187            <a class="text-link" href="/catalog/" >Что мы производим</a>
188                            <button class="button-dropdown">
189                    <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
190                        <g id="Down">
191                            <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
192                        </g>
193                    </svg>
194                </button>
195                                    <ul class="dropdown-content fade-in" :class="{'active': $store.navMenu.dropdown2}">
196                <div class="dropdown-content-wrapper">                                                        <ul class="dropdown__list">                    <li class="dropdown-menu__item title">
197                        <a class="text-link" href="/catalog/drinks/">Напитки</a>
198                    </li>
199                                                                <li class="dropdown-menu__item link">
200                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=30337">X-TURBO</a>
201                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
202                            <g id="Down">
203                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
204                            </g>
205                        </svg>
206                    </li>
207                                            <li class="dropdown-menu__item link">
208                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=182">Черноголовка лимонад</a>
209                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
210                            <g id="Down">
211                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
212                            </g>
213                        </svg>
214                    </li>
215                                            <li class="dropdown-menu__item link">
216                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=21122">Черноголовка Cola</a>
217                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
218                            <g id="Down">
219                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
220                            </g>
221                        </svg>
222                    </li>
223                                            <li class="dropdown-menu__item link">
224                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=29047">Холодный чай</a>
225                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
226                            <g id="Down">
227                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
228                            </g>
229                        </svg>
230                    </li>
231                                            <li class="dropdown-menu__item link">
232                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=31435">Черноголовка Квас</a>
233                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
234                            <g id="Down">
235                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
236                            </g>
237                        </svg>
238                    </li>
239                                            <li class="dropdown-menu__item link">
240                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=183">Черноголовка вода</a>
241                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
242                            <g id="Down">
243                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
244                            </g>
245                        </svg>
246                    </li>
247                                            <li class="dropdown-menu__item link">
248                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=14560">Chillout</a>
249                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
250                            <g id="Down">
251                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
252                            </g>
253                        </svg>
254                    </li>
255                                            <li class="dropdown-menu__item link">
256                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=30344">Черноголовка TRENDY MIXES</a>
257                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
258                            <g id="Down">
259                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
260                            </g>
261                        </svg>
262                    </li>
263                                            <li class="dropdown-menu__item link">
264                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=30311">ЧЕРНОГОЛОВКА H2FRUIT</a>
265                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
266                            <g id="Down">
267                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
268                            </g>
269                        </svg>
270                    </li>
271                                            <li class="dropdown-menu__item link">
272                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=185">Fantola</a>
273                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
274                            <g id="Down">
275                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
276                            </g>
277                        </svg>
278                    </li>
279                                            <li class="dropdown-menu__item link">
280                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=187">Cristelle вода</a>
281                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
282                            <g id="Down">
283                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
284                            </g>
285                        </svg>
286                    </li>
287                                            <li class="dropdown-menu__item link">
288                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=30356">COSMOS</a>
289                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
290                            <g id="Down">
291                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
292                            </g>
293                        </svg>
294                    </li>
295                                            <li class="dropdown-menu__item link">
296                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=17669">БАЙКАЛ</a>
297                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
298                            <g id="Down">
299            
299                    <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
300                            </g>
301                        </svg>
302                    </li>
303                                            <li class="dropdown-menu__item link">
304                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=17605">FUN</a>
305                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
306                            <g id="Down">
307                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
308                            </g>
309                        </svg>
310                    </li>
311                                            <li class="dropdown-menu__item link">
312                        <a class="text-link" href="/catalog/drinks/?arrFilter_pf[BRAND]=29129">Черноголовка сиропы</a>
313                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
314                            <g id="Down">
315                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
316                            </g>
317                        </svg>
318                    </li>
319                                                                </ul>                                                        <ul class="dropdown__list">                    <li class="dropdown-menu__item title">
320                        <a class="text-link" href="/catalog/sneki/">Снеки</a>
321                    </li>
322                                                                <li class="dropdown-menu__item link">
323                        <a class="text-link" href="/catalog/sneki/?arrFilter_pf[BRAND]=30115">CHEESL'S</a>
324                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
325                            <g id="Down">
326                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
327                            </g>
328                        </svg>
329                    </li>
330                                            <li class="dropdown-menu__item link">
331                        <a class="text-link" href="/catalog/sneki/?arrFilter_pf[BRAND]=279">FRY’S</a>
332                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
333                            <g id="Down">
334                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
335                            </g>
336                        </svg>
337                    </li>
338                                            <li class="dropdown-menu__item link">
339                        <a class="text-link" href="/catalog/sneki/?arrFilter_pf[BRAND]=189">BON GIORNO</a>
340                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
341                            <g id="Down">
342                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
343                            </g>
344                        </svg>
345                    </li>
346                                            <li class="dropdown-menu__item link">
347                        <a class="text-link" href="/catalog/sneki/?arrFilter_pf[BRAND]=190">CHAKA</a>
348                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
349                            <g id="Down">
350                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
351                            </g>
352                        </svg>
353                    </li>
354                                            <li class="dropdown-menu__item link">
355                        <a class="text-link" href="/catalog/sneki/?arrFilter_pf[BRAND]=191">Крутец</a>
356                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
357                            <g id="Down">
358                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
359                            </g>
360                        </svg>
361                    </li>
362                                                                </ul>                                                        <ul class="dropdown__list">                    <li class="dropdown-menu__item title">
363                        <a class="text-link" href="/catalog/konditerskie-izdeliya/">Кондитерские изделия</a>
364                    </li>
365                                                                <li class="dropdown-menu__item link">
366                        <a class="text-link" href="/catalog/konditerskie-izdeliya/?arrFilter_pf[BRAND]=30158">Extrasi</a>
367                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
368                            <g id="Down">
369                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
370                            </g>
371                        </svg>
372                    </li>
373                                            <li class="dropdown-menu__item link">
374                        <a class="text-link" href="/catalog/konditerskie-izdeliya/?arrFilter_pf[BRAND]=29950">Любятово</a>
375                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
376                            <g id="Down">
377                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
378                            </g>
379                        </svg>
380                    </li>
381                                            <li class="dropdown-menu__item link">
382                        <a class="text-link" href="/catalog/konditerskie-izdeliya/?arrFilter_pf[BRAND]=30170">Unicorn</a>
383                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
384                            <g id="Down">
385                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
386                            </g>
387                        </svg>
388                    </li>
389                                            <li class="dropdown-menu__item link">
390                        <a class="text-link" href="/catalog/konditerskie-izdeliya/?arrFilter_pf[BRAND]=235">Савинов</a>
391                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
392                            <g id="Down">
393                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
394                            </g>
395                        </svg>
396                    </li>
397                                                                </ul>                                                        <ul class="dropdown__list">                    <li class="dropdown-menu__item title">
398                        <a class="text-link" href="/catalog/detskoe-pitanie-/">Детское питание </a>
399                    </li>
400                                                                <li class="dropdown-menu__item link">
401                        <a class="text-link" href="/catalog/detskoe-pitanie-/?arrFilter_pf[BRAND]=30479">Gipopo</a>
402                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
403                            <g id="Down">
404                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
405                            </g>
406                        </svg>
407                    </li>
408                                            <li class="dropdown-menu__item link">
409                        <a class="text-link" href="/catalog/detskoe-pitanie-/?arrFilter_pf[BRAND]=292">Черноголовка Бэйби</a>
410                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
411                            <g id="Down">
412                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
413                            </g>
414                        </svg>
415                    </li>
416                                                                </ul>                                                        <ul class="dropdown__list">                    <li class="dropdown-menu__item title">
417                        <a class="text-link" href="/catalog/gotovye-zavtraki/">Готовые завтраки</a>
418                    </li>
419                                                                <li class="dropdown-menu__item link">
420                        <a class="text-link" href="/catalog/gotovye-zavtraki/?arrFilter_pf[BRAND]=30630">Matti</a>
421                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
422                            <g id="Down">
423                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
424                            </g>
425                        </svg>
426                    </li>
427                                            <li class="dropdown-menu__item link">
428                        <a class="text-link" href="/catalog/gotovye-zavtraki/?arrFilter_pf[BRAND]=299
42818">Любятово</a>
429                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
430                            <g id="Down">
431                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
432                            </g>
433                        </svg>
434                    </li>
435                                            <li class="dropdown-menu__item link">
436                        <a class="text-link" href="/catalog/gotovye-zavtraki/?arrFilter_pf[BRAND]=29971">Extrasi</a>
437                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
438                            <g id="Down">
439                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
440                            </g>
441                        </svg>
442                    </li>
443                                            <li class="dropdown-menu__item link">
444                        <a class="text-link" href="/catalog/gotovye-zavtraki/?arrFilter_pf[BRAND]=29972">Chocozavr</a>
445                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
446                            <g id="Down">
447                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
448                            </g>
449                        </svg>
450                    </li>
451                                            <li class="dropdown-menu__item link">
452                        <a class="text-link" href="/catalog/gotovye-zavtraki/?arrFilter_pf[BRAND]=29974">Unicorn</a>
453                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
454                            <g id="Down">
455                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
456                            </g>
457                        </svg>
458                    </li>
459                                                                </ul>                                </div>                </div>
460                    </li>
461                            <div class="bottom-menu__item  link-dropdown" :class="{'active': $store.navMenu.dropdown3}" @mouseenter="$store.navMenu.openDropdown3()" @mouseleave="$store.navMenu.closeDropdown3()" @click="$store.navMenu.toggleDropdown3Touch()" @click.outside="$store.navMenu.closeDropdown3Touch()"">
462            <a class="text-link" href="/contacts/" >Связаться с нами</a>
463                            <button class="button-dropdown">
464                    <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
465                        <g id="Down">
466                            <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
467                        </g>
468                    </svg>
469                </button>
470                                    <ul class="dropdown-content fade-in" :class="{'active': $store.navMenu.dropdown3}">
471                <ul class="dropdown-menu">                                                                            <li class="dropdown-menu__item title">
472                        <a class="text-link" href="/contacts/">Контакты</a>
473                    </li>
474                                                                <li class="dropdown-menu__item link">
475                        <a class="text-link" href="/contacts/index.php?map=35">Москва</a>
476                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
477                            <g id="Down">
478                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
479                            </g>
480                        </svg>
481                    </li>
482                                            <li class="dropdown-menu__item link">
483                        <a class="text-link" href="/contacts/index.php?map=60">Балашиха</a>
484                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
485                            <g id="Down">
486                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
487                            </g>
488                        </svg>
489                    </li>
490                                            <li class="dropdown-menu__item link">
491                        <a class="text-link" href="/contacts/index.php?map=61">Черноголовка</a>
492                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
493                            <g id="Down">
494                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
495                            </g>
496                        </svg>
497                    </li>
498                                            <li class="dropdown-menu__item link">
499                        <a class="text-link" href="/contacts/index.php?map=90">Электросталь</a>
500                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
501                            <g id="Down">
502                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
503                            </g>
504                        </svg>
505                    </li>
506                                            <li class="dropdown-menu__item link">
507                        <a class="text-link" href="/contacts/index.php?map=92">Оренбург</a>
508                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
509                            <g id="Down">
510                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
511                            </g>
512                        </svg>
513                    </li>
514                                            <li class="dropdown-menu__item link">
515                        <a class="text-link" href="/contacts/index.php?map=93">Краснодарский край</a>
516                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
517                            <g id="Down">
518                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
519                            </g>
520                        </svg>
521                    </li>
522                                            <li class="dropdown-menu__item link">
523                        <a class="text-link" href="/contacts/index.php?map=373">Алтайский край </a>
524                        <svg class="rotate-270" width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
525                            <g id="Down">
526                                <path id="Vector" d="M1 4L5 8L9 4" stroke="#2E373D" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
527                            </g>
528                        </svg>
529                    </li>
530                                                                                                                                            <li class="dropdown-menu__item title">
531                        <a class="text-link" href="/contacts/#press">Для прессы</a>
532                    </li>
533                                                                        </ul>                </div>
534                    </li>
535            </ul>
536                        </nav>
537                        <button class="btn-search" @mouseenter="toggleSearch()" :class="{'hide': mobileMenu}">
538                            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
539                                <g id="Icon">
540                                    <path id="Vector" d="M14.6457 26.9999C21.8139 26.9999 27.6248 21.2542 27.6248 14.1666C27.6248 7.07893 21.8139 1.33325 14.6457 1.33325C7.47747 1.33325 1.6665 7.07893 1.666
5405 14.1666C1.6665 21.2542 7.47747 26.9999 14.6457 26.9999Z" stroke="#51626C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
541                                    <path id="Vector_2" d="M31 31L24 24" stroke="#51626C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
542                                </g>
543                            </svg>
544                        </button>
545                    </div>
546
547
548                    <div class="smart-search fade-in" :class="{'hide': !activeSearch}">
549                        <form action="/search/" class="search">
550
551                        <div class="smart-search-wrapper" @mouseleave="toggleSearch()">
552
553                            
554								<input class="input-smart-search" x-ref="inputSmartSearch" id="title-search-input_mega_menu" type="text" name="q" value="" placeholder="Введите ваш запрос" autocomplete="off" />
555                            <ul class="search-results" id="search-results"></ul>
556                            <button class="btn-search" type="submit" name="s">
557                                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
558                                    <g id="Icon">
559                                        <path id="Vector" d="M14.6457 26.9999C21.8139 26.9999 27.6248 21.2542 27.6248 14.1666C27.6248 7.07893 21.8139 1.33325 14.6457 1.33325C7.47747 1.33325 1.6665 7.07893 1.6665 14.1666C1.6665 21.2542 7.47747 26.9999 14.6457 26.9999Z" stroke="#51626C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
560                                        <path id="Vector_2" d="M31 31L24 24" stroke="#51626C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
561                                    </g>
562                                </svg>
563                            </button>
564	                        </div>
565                    </form>
566                    </div>
567
568
569
570                </div>
571            </div>
572        </header>
573
574        
575<main x-data="allActions">
576
577
578<!-- Поиск:<div class="search-form">
579<form action="/actions/search/">
580	<input type="text" name="q" value="" size="15" maxlength="50" />&nbsp;<input name="s" type="submit" value="Поиск" />
581</form>
582</div><br />
583 -->
584
585<section class="past-actions all-news">
586	<div class="sub-container">
587		<h2 class="section-title">Прошедшие акции</h2>
588		<ul class="all-news__list" data-elements_count="8">
589														<li class="news-item " id="bx_651765591_31461">
590					<a class="card-all-news" href="/actions/31461/">
591						<div class="card-all-news__img-wrapper">
592							<img src="/upload/iblock/af6/hh06vufhfdl4251m6d6wroakl2xazqp5/1920%D1%851080.jpg" alt="Выигрывай мечты без остановки от Черноголовки!">
593						</div>
594						<p class="card-all-news__description">
595							Выигрывай мечты без остановки от Черноголовки!						</p>
596					</a>
597				</li>
598															<li class="news-item " id="bx_651765591_30700">
599					<a class="card-all-news" href="/actions/30700/">
600						<div class="card-all-news__img-wrapper">
601							<img src="/upload/iblock/733/bzvad0r5h0qzb8jvofkw31cy0j7e5t2h/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82%20%D0%9A%D0%B0%D0%BC%D1%87%D0%B0%D1%82%D0%BA%D0%B0.webp" alt="Выигрывай поездку на Камчатку от Черноголовки и Яндекс Плюс">
602						</div>
603						<p class="card-all-news__description">
604							Выигрывай поездку на Камчатку от Черноголовки и Яндекс Плюс						</p>
605					</a>
606				</li>
607															<li class="news-item " id="bx_651765591_30193">
608					<a class="card-all-news" href="/actions/30193/">
609						<div class="card-all-news__img-wrapper">
610							<img src="/upload/iblock/207/xsf6pqa5eyo78htgxly7acfpce9pcg0d/KV63_2133%D1%851300.jp_%281%29_%281%29.webp" alt="Модно радоваться без остановки!">
611						</div>
612						<p class="card-all-news__description">
613							Модно радоваться без остановки!						</p>
614					</a>
615				</li>
616															<li class="news-item " id="bx_651765591_30146">
617					<a class="card-all-news" href="/actions/30146/">
618						<div class="card-all-news__img-wrapper">
619							<img src="/upload/iblock/066/ny332x2rn8gufdhjzn9kksr7v1l6bw7x/%D0%BC%D0%B8%D0%BB%D0%BB%D0%B8%D0%BE%D0%BD_%D1%81%D0%B5%D1%80%D0%B4%D0%B5%D1%86.webp" alt="Разделите миллион сердечных моментов с Любятово!">
620						</div>
621						<p class="card-all-news__description">
622							Разделите миллион сердечных моментов с Любятово!						</p>
623					</a>
624				</li>
625															<li class="news-item " id="bx_651765591_30066">
626					<a class="card-all-news" href="/actions/30066/">
627						<div class="card-all-news__img-wrapper">
628							<img src="/upload/iblock/6e7/low7fc1156tvd975nffx0jocy23ug8vx/1900_1000_v4_%281%29.webp" alt="Ищешь новогоднее настроение? Его можно не искать, а создать самому!">
629						</div>
630						<p class="card-all-news__description">
631							Ищешь новогоднее настроение? Его можно не искать, а создать самому!						</p>
632					</a>
633				</li>
634															<li class="news-item " id="bx_651765591_30028">
635					<a class="card-all-news" href="/actions/30028/">
636						<div class="card-all-news__img-wrapper">
637							<img src="/upload/iblock/309/gxs25qm9inax0qt978rhno88m7vd9uwd/%D0%91%D0%B0%D0%BD%D0%BD%D0%B5%D1%80%20%D0%B4%D0%BB%D1%8F%20%D1%81%D0%B0%D0%B8%CC%86%D1%82%D0%B0_%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0__1900%D1%851000_231206%202.png" alt="Пришло время исполнения самых заветных новогодних желаний! Акция проходит совместно с торговой сетью Лента.">
638						</div>
639						<p class="card-all-news__description">
640							Пришло время исполнения самых заветных новогодних желаний! Акция проходит совместно с торговой сетью Лента.						</p>
641					</a>
642				</li>
643															<li class="news-item display-none" id="bx_651765591_29911">
644					<a class="card-all-news" href="/actions/29911/">
645						<div class="card-all-news__img-wrapper">
646							<img src="/upload/iblock/fd6/eounw80hkzw8xhuyr1p252k1p1e0s9r0/NCP%20%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%20%D0%B4%D0%BB%D1%8F%20%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8%20%D0%BD%D0%B0%20%D1%81%D0%B0%D0%B8%CC%86%D1%82.jpg" alt="Масштабная национальная акция лояльности от нашей новогодней газировки «Черноголовка»">
647						</div>
648						<p class="card-all-news__description">
649							Масштабная национальная акция лояльности от нашей новогодней газировки «Черноголовка»						</p>
650					</a>
651				</li>
652															<li class="news-item display-none" id="bx_651765591_29642">
653					<a class="card-all-news" href="/actions/29642/">
654						<div class="card-all-news__img-wrapper">
655							<img src="/upload/iblock/9a0/4qcm5gjatprp2bv17kn1c0v5f2bugotm/Slide_16_9_-_2_%281%29.webp" alt="Путешествуй без остановки!">
656						</div>
657						<p class="card-all-news__description">
658							Путешествуй без остановки!						</p>
659					</a>
660				</li>
661									</ul>
662					<button class="button button_white show_all_past">Показать ещё</button>
663			</div>
664</section>
665</main>
666    <footer>
667    <div class="container">
668        <div class="sub-container">
669            <a class="logo" href="/">
670                <img src="/local/templates/alef-chernogolovka/img/logo/svg/green_horizontal.svg" alt="Logo" width="291">
671            </a>
672
673            <nav class="footer-nav">
674                    <ul class="nav-container">
675                    <li class="nav-container__item">
676                <a class="text-link" href="/company/"
677                                    >Кто мы</a>
678            </li>
679                    <li class="nav-container__item">
680                <a class="text-link" href="/news/"
681                                    >Новости и пресс-релизы</a>
682            </li>
683                    <li class="nav-container__item">
684                <a class="text-link" href="/catalog/"
685                                    >Что мы производим</a>
686            </li>
687                    <li class="nav-container__item">
688                <a class="text-link" href="https://chernogolovka.hh.ru/employer/20839"
689                     target="_blank"                >Карьера</a>
690            </li>
691                    <li class="nav-container__item">
692                <a class="text-link" href="/contacts/"
693                                    >Связаться с нами</a>
694            </li>
695                    <li class="nav-container__item">
696                <a class="text-link" href="/question/"
697                                    >Вопросы и ответы</a>
698            </li>
699                    <li class="nav-container__item">
700                <a class="text-link" href="https://aqualife.ru/"
701                     target="_blank"                >Купить продукцию</a>
702            </li>
703            </ul>
704            </nav>
705
706            <div class="divider"></div>
707
708            <div class="information">
709            <div id="bxdynamic_erjyYV_start" style="display:none"></div><form class="form" id="subscribe" method="POST" x-data="formFooter" @submit="submitForm(
709)">
710    <h2 class="section-title">Подписаться на рассылку</h2>
711
712    <label>
713        <span>Электронная почта</span>
714        <input type="email" x-model="formModel.email" placeholder="Укажите ваш email" name="EMAIL" value="">
715        <span class="error" :class="{'active': !v.emailValid && v.dirty && v.emailRequired}">Неверный формат</span>
716        <span class="error" :class="{'active': !v.emailRequired && v.dirty && !v.emailRequired}">Заполните поле</span>
717        <span class="subscribeSuccess">Вы успешно подписались на рассылку!</span>
718    </label>
719
720    <label class="checkbox">
721        <input x-model="formModel.check" type="checkbox" checked name="licenses_subscribe">
722        <span class="checkmark"></span>
723
724        <span class="text">Я согласен на обработку <a href="/personal-data/" target="_blank"> персональных данных</a></span>
725    </label>
726
727    <div class="error-form-message" :class="{'active': !v.checkRequired && v.dirty }">Требуется согласие на обработку</div>
728
729    <input class="button button_regular" type="submit" value="Подписаться">
730</form>
731<div id="bxdynamic_erjyYV_end" style="display:none"></div><style>
732  .social-group {
733    margin-bottom: 24px;
734  }
735
736  .social-group:last-child {
737    margin-bottom: 0;
738  }
739
740  .social-title {
741    font-size: 13px;
742    color: #888888;
743    margin: 0 0 12px 0;
744    font-weight: 600;
745    text-transform: uppercase;
746    letter-spacing: 0.5px;
747  }
748
749  .social-links {
750    display: flex;
751    gap: 16px;
752    align-items: center;
753  }
754
755  .social-link {
756    display: flex;
757    align-items: center;
758    justify-content: center;
759    width: 48px;
760    height: 48px;
761    background-color: #f5f6f8;
762    border-radius: 50%;
763    transition: all 0.3s ease;
764    text-decoration: none;
765  }
766
767  .social-link:hover {
768    transform: translateY(-4px);
769    background-color: #e4e6eb;
770    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
771  }
772
773  .social-link img {
774    width: 24px;
775    height: 24px;
776    object-fit: contain;
777    display: block;
778  }
779</style>
780           <div>
781    <!-- Секция: ГК ЧЕРНОГОЛОВКА -->
782    <h3 class="social-title"><br></h3>
783    <h3 class="social-title">Социальные сети ГК Черноголовка</h3>
784    <div class="social-links">
785        <a href="https://vk.com/chernogolovkagc" target="_blank" class="social-link" aria-label="VK">
786            <img alt="VK" src="/local/templates/alef-chernogolovka/images/svg/vk.svg">
787        </a>
788        <a href="https://t.me/chernogolovkagc" target="_blank" class="social-link" aria-label="Telegram">
789            <img alt="Telegram" src="/local/templates/alef-chernogolovka/components/bitrix/news/news_all/bitrix/news.detail/news_all_detail/img/img-social-telegram.png">
790        </a>
791        <a href="https://max.ru/id5031126323_biz" target="_blank" class="social-link" aria-label="MAX">
792            <img alt="MAX" src="/local/templates/alef-chernogolovka/images/svg/max.svg">
793        </a>
794    </div>
795
796    <!-- Секция: Бренды -->
797    <h3 class="social-title"><br></h3>
798    <h3 class="social-title">Социальные сети брендов</h3>
799    <div class="social-links">
800        <a href="https://vk.com/chernogolovka_rus" target="_blank" class="social-link" aria-label="VK">
801            <img alt="VK" src="/local/templates/alef-chernogolovka/images/svg/vk.svg">
802        </a>
803    </div>
804</div>
805            </div>
806
807            <div class="copyright">
808	 © 1998—2026 Черноголовка <a href="/privacy/" target="_blank">Политика конфиденциальности</a>
809</div>
810<br>        </div>
811    </div>
812</footer>
813</div>
814
815</div>
816
817<div x-data class="popup fade-in" :class="{'active': $store.popup.popup}">
818    <div class="popup__content">
819        
820                <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30337}">
821            <button class="button-close-popup" @click="$store.popup.closeBrand()">
822                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
823                    <g id="x-circle">
824                        <path id="Vector"
825                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
826                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
827                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
828                              stroke-linecap="round" stroke-linejoin="round" />
829                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
830                              stroke-linecap="round" stroke-linejoin="round" />
831                    </g>
832                </svg>
833            </button>
834            <style>
835.popup-buttons-row {
836    grid-column: 2 / 3;
837    grid-row: 4 / 5;
838    display: flex;
839    flex-direction: row;
840    justify-content: flex-start;
841    align-items: center;
842    gap: 12px;
843    width: 100%;
844    margin-top: 15px;
845}
846
847.popup-buttons-row .button {
848    grid-column: auto !important;
849    grid-row: auto !important;
850    margin: 0 !important;
851    width: auto !important;
852    padding: 0 20px !important;
853    height: 45px !important;
854    text-align: center;
855    white-space: nowrap; 
856}
857
858            </style>
859            <div class="card-popup card-popup_brand">
860                <h2 class="section-title section-title">X-TURBO</h2>
861                <p>Открой для себя энергетик X-Turbo, представленный в трех линейках: Focus, Active и Party. Уникальный микс в каждой линейке обеспечивает максимальный эффект. X-Turbo — это мощь внутри тебя, готовая зажигать в любой момент. Выбери свою линейку и наслаждайся энергией X-Turbo!</p>
862                <div class="popup-buttons-row">
863                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30337" class="button button_regular">Продукты</a>
864                                </div>
865                <div class="img-wrapper">
866                    <img src="/upload/iblock/2ed/gv9l3trdb954ys43d5s5jww33uifd8a7/X_TURBO_RD_LOGO_Blue.png" alt="">
867                </div>
868            </div>
869        </div>
870            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_182}">
871            <button class="button-close-popup" @click="$store.popup.closeBrand()">
872                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
873                    <g id="x-circle">
874                        <path id="Vector"
875                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
876                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
877                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
878                              stroke-linecap="round" stroke-linejoin="round" />
879                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
880                              stroke-linecap="round" stroke-linejoin="round" />
881                    </g>
882                </svg>
883            </button>
884            <style>
885.popup-buttons-row {
886    grid-column: 2 / 3;
887    grid-row: 4 / 5;
888    display: flex;
889    flex-direction: row;
890    justify-content: flex-start;
891    align-items: center;
892    gap: 12px;
893    width: 100%;
894    margin-top: 15px;
895}
896
897.popup-buttons-row .button {
898    grid-column: auto !important;
899    grid-row: auto !important;
900    margin: 0 !important;
901    width: auto !important;
902    padding: 0 20px !important;
903    height: 45px !important;
904    text-align: center;
905    white-space: nowrap; 
906}
907
908            </style>
909            <div class="card-popup card-popup_brand">
910                <h2 class="section-title section-title">Черноголовка лимонад</h2>
911                <p>Те самые легендарные лимонады, которыми уже более 25 лет наслаждаются люди по всей стране. Эти незабываемые вкусы у большинства ассоциируются с детством, праздниками и просто приятными моментами. А получаются лимонады такими особенными благодаря натуральным ингредиентам в составе. Они созданы на основе артезианской воды и настоев трав и фруктов, собранных по всей территории нашей страны. Подарите себе вкус радости!</p>
912                <div class="popup-buttons-row">
913                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=182" class="button button_regular">Продукты</a>
914                                </div>
915                <div class="img-wrapper">
916                    <img src="/upload/iblock/154/pesyqsu9vntbj19aljzdus3xx66gmq2w/Chern
916ogolovka_Lemonade_Color%20%281%29.png" alt="">
917                </div>
918            </div>
919        </div>
920            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_21122}">
921            <button class="button-close-popup" @click="$store.popup.closeBrand()">
922                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
923                    <g id="x-circle">
924                        <path id="Vector"
925                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
926                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
927                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
928                              stroke-linecap="round" stroke-linejoin="round" />
929                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
930                              stroke-linecap="round" stroke-linejoin="round" />
931                    </g>
932                </svg>
933            </button>
934            <style>
935.popup-buttons-row {
936    grid-column: 2 / 3;
937    grid-row: 4 / 5;
938    display: flex;
939    flex-direction: row;
940    justify-content: flex-start;
941    align-items: center;
942    gap: 12px;
943    width: 100%;
944    margin-top: 15px;
945}
946
947.popup-buttons-row .button {
948    grid-column: auto !important;
949    grid-row: auto !important;
950    margin: 0 !important;
951    width: auto !important;
952    padding: 0 20px !important;
953    height: 45px !important;
954    text-align: center;
955    white-space: nowrap; 
956}
957
958            </style>
959            <div class="card-popup card-popup_brand">
960                <h2 class="section-title section-title">Черноголовка Cola</h2>
961                <p>Всеми любимая кола, но с особенными нотами во вкусе! Мы делаем нашу колу на основе специально подготовленной артезианской воды, кофеина — для бодрости и карамельного колера — для насыщенного приятного цвета, добавляем авторскую композицию натуральных ароматизаторов и создаем две версии — колу с сахаром и без него. Этот незабываемый вкус наполнит радостью, подарит потрясающее настроение и освежит в самый жаркий день! Попробуйте нашу колу – колу с тем самым особым вкусом!</p>
962                <div class="popup-buttons-row">
963                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=21122" class="button button_regular">Продукты</a>
964                                </div>
965                <div class="img-wrapper">
966                    <img src="/upload/iblock/857/mx3r59j7oxvwoeduckok35n5vvyxhfk5/Chernogolovka-Cola_Logo-1.png" alt="">
967                </div>
968            </div>
969        </div>
970            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_29047}">
971            <button class="button-close-popup" @click="$store.popup.closeBrand()">
972                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
973                    <g id="x-circle">
974                        <path id="Vector"
975                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
976                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
977                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
978                              stroke-linecap="round" stroke-linejoin="round" />
979                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
980                              stroke-linecap="round" stroke-linejoin="round" />
981                    </g>
982                </svg>
983            </button>
984            <style>
985.popup-buttons-row {
986    grid-column: 2 / 3;
987    grid-row: 4 / 5;
988    display: flex;
989    flex-direction: row;
990    justify-content: flex-start;
991    align-items: center;
992    gap: 12px;
993    width: 100%;
994    margin-top: 15px;
995}
996
997.popup-buttons-row .button {
998    grid-column: auto !important;
999    grid-row: auto !important;
1000    margin: 0 !important;
1001    width: auto !important;
1002    padding: 0 20px !important;
1003    height: 45px !important;
1004    text-align: center;
1005    white-space: nowrap; 
1006}
1007
1008            </style>
1009            <div class="card-popup card-popup_brand">
1010                <h2 class="section-title section-title">Холодный чай</h2>
1011                <p>Вкусный натуральный, освежающий, холодный чай, приготовленный на основе свежезаваренного зеленого чая и с яркими ароматами лайма и мяты или лимона и лайма. <br />
1012Такое сочетание даёт интересный и яркий вкус, который прекрасно освежает в самый жаркий день!</p>
1013                <div class="popup-buttons-row">
1014                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29047" class="button button_regular">Продукты</a>
1015                                </div>
1016                <div class="img-wrapper">
1017                    <img src="/upload/iblock/493/5dijwp4gvxfgys3wqz7rrr3zf3czz455/Chernogolovka_Tea_Color%20%281%29.png" alt="">
1018                </div>
1019            </div>
1020        </div>
1021            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_31435}">
1022            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1023                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1024                    <g id="x-circle">
1025                        <path id="Vector"
1026                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1027                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1028                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1029                              stroke-linecap="round" stroke-linejoin="round" />
1030                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1031                              stroke-linecap="round" stroke-linejoin="round" />
1032                    </g>
1033                </svg>
1034            </button>
1035            <style>
1036.popup-buttons-row {
1037    grid-column: 2 / 3;
1038    grid-row: 4 / 5;
1039    display: flex;
1040    flex-direction: row;
1041    justify-content: flex-start;
1042    align-items: center;
1043    gap: 12px;
1044    width: 100%;
1045    margin-top: 15px;
1046}
1047
1048.popup-buttons-row .button {
1049    grid-column: auto !important;
1050    grid-row: auto !important;
1051    margin: 0 !important;
1052    width: auto !important;
1053    padding: 0 20px !important;
1054    height: 45px !important;
1055    text-align: center;
1056    white-space: nowrap; 
1057}
1058
1059            </style>
1060            <div class="card-popup card-popup_brand">
1061                <h2 class="section-title section-title">Черноголовка Квас</h2>
1062                <p>Квас Черноголовка — это натуральный освежающий напиток двойного брожения на артезианской воде. Приготовленный по традиционной рецептуре, он сочетает мягкий аромат, сбалансированную сладость и приятную свежесть. Такой квас отлично утоляет жажду, подходит и для обеда дома, и для встреч с друзьями, и просто для момента, когда хочется чего-то по-настоящему натурального и вкусного.</p>
1063                <div class="popup-buttons-row">
1064                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=31435" class="button button_regular">Продукты</a>
1065                                </div>
1066                <div class="img-wrapper">
1067                    <img src="/upload/iblock/24b/var9m72pgu280tajnrv1mr0oydpcnghl/Chernogolovka_Kvas_Logo%20%281%29.png" alt="">
1068                </div>
1069            </div>
1070        </div>
1071            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30158}">
1072            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1073                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1074                    <g id="x-circle">
1075                        <path id="Vector"
1076                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1077                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1078                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1079                              stroke-linecap="round" stroke-linejoin="round" />
1080                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1081                              stroke-linecap="round" stroke-linejoin="round" />
1082                    </g>
1083                </svg>
1084            </button>
1085            <style>
1086.popup-buttons-row {
1087    grid-column: 2 / 3;
1088    grid-row: 4 / 5;
1089    display: flex;
1090    flex-direction: row;
1091    justify-content: flex-start;
1092    align-items: center;
1093    gap: 12px;
1094    width: 100%;
1095    margin-top: 15px;
1096}
1097
1098.popup-buttons-row .button {
1099    grid-column: auto !important;
1100    grid-row: auto !important;
1101    margin: 0 !important;
1102    width: auto !important;
1103    padding: 0 20px !important;
1104    height: 45px !important;
1105    text-align: center;
1106    white-space: nowrap; 
1107}
1108
1109            </style>
1110            <div class="card-popup card-popup_brand">
1111                <h2 class="section-title section-title">Extrasi</h2>
1112                <p>Extra вдохновляет людей отдаваться удовольствию полностью. Гранола и печенье Extra – это уникальное сочетание запеченных злаковых кусочков и ингредиентов премиум-класса, которые доставляют невероятное наслаждение.<br />
1113Твоё Extra удовольствие!</p>
1114                <div class="popup-buttons-row">
1115                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30158" class="button button_regular">Продукты</a>
1116                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
1117                                </div>
1118                <div class="img-wrapper">
1119                    <img src="/upload/iblock/44e/bbg8fe3mgl7tvupjt8dhcsnnuel8k88u/Extrasi_logo%20%282%29%201.png" alt="">
1120                </div>
1121            </div>
1122        </div>
1123            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_183}">
1124            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1125                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1126                    <g id="x-circle">
1127                        <path id="Vector"
1128                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1129                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1130                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1131                              stroke-linecap="round" stroke-linejoin="round" />
1132                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1133                              stroke-linecap="round" stroke-linejoin="round" />
1134                    </g>
1135                </svg>
1136            </button>
1137            <style>
1138.popup-buttons-row {
1139    grid-column: 2 / 3;
1140    grid-row: 4 / 5;
1141    display: flex;
1142    flex-direction: row;
1143    justify-content: flex-start;
1144    align-items: center;
1145    gap: 12px;
1146    width: 100%;
1147    margin-top: 15px;
1148}
1149
1150.popup-buttons-row .button {
1151    grid-column: auto !important;
1152    grid-row: auto !important;
1153    margin: 0 !important;
1154    width: auto !important;
1155    padding: 0 20px !important;
1156    height: 45px !important;
1157    text-align: center;
1158    white-space: nowrap; 
1159}
1160
1161            </style>
1162            <div class="card-popup card-popup_brand">
1163                <h2 class="section-title section-title">Черноголовка вода</h2>
1164                <p>«Черноголовка» — вода для современных людей, живущих в режиме многозадачности, которым мы предлагаем воду, прошедшую природную фильтрацию, дающую вкус живой природы в городе и переключающую на природное состояние, в котором чувствуешь правильный выбор и находишь свой естественный путь.<br />
1165«Черноголовка» — верный выбор от природы!</p>
1166                <div class="popup-buttons-row">
1167                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=183" class="button button_regular">Продукты</a>
1168                                    <a href="https://aqualife.ru/" class="button button_regular" target="_blank">Сайт</a>
1169                                </div>
1170                <div class="img-wrapper">
1171                    <img src="/upload/iblock/b96/bn8gttpjpd95c6xeazas765wqk6v2wte/Logo_329%201.png" alt="">
1172                </div>
1173            </div>
1174        </div>
1175            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30630}">
1176            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1177                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1178                    <g id="x-circle">
1179                        <path id="Vector"
1180                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1181                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1182                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1183                              stroke-linecap="round" stroke-linejoin="round" />
1184                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1185                              stroke-linecap="round" stroke-linejoin="round" />
1186                    </g>
1187                </svg>
1188            </button>
1189            <style>
1190.popup-buttons-row {
1191    grid-column: 2 / 3;
1192    grid-row: 4 / 5;
1193    display: flex;
1194    flex-direction: row;
1195    justify-content: flex-start;
1196    align-items: center;
1197    gap: 12px;
1198    width: 100%;
1199    margin-top: 15px;
1200}
1201
1202.popup-buttons-row .button {
1203    grid-column: auto !important;
1204    grid-row: auto !important;
1205    margin: 0 !important;
1206    width: auto !important;
1207    padding: 0 20px !important;
1208    height: 45px !important;
1209    text-align: center;
1210    white-space: nowrap; 
1211}
1212
1213            </style>
1214            <div class="card-popup card-popup_brand">
1215                <h2 class="section-title section-title">Matti</h2>
1216                <p>Готовые завтраки Mätti — это идеальное сочетание простых ингредиентов для того, чтобы каждое утро стало счастливым!</p>
1217                <div class="popup-buttons-row">
1218                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30630" class="button button_regular">Продукты</a>
1219                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
1220                                </div>
1221                <div class="img-wrapper">
1222                    <img src="/upload/iblock/13e/3sw1vo9s79rc7909h03zv1k7f3fj1hh2/Matti%20logo%20red.png" alt="">
1223                </div>
1224            </div>
1225        </div>
1226            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30593}">
1227            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1228                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1229                    <g id="x-circle">
1230                        <path id="Vector"
1231                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1232                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1233                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1234                              stroke-linecap="round" stroke-linejoin="round" />
1235                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1236                              stroke-linecap="round" stroke-linejoin="round" />
1237                    </g>
1238                </svg>
1239            </button>
1240            <style>
1241.popup-buttons-row {
1242    grid-column: 2 / 3;
1243    grid-row: 4 / 5;
1244    display: flex;
1245    flex-direction: row;
1246    justify-content: flex-start;
1247    align-items: center;
1248    gap: 12px;
1249    width: 100%;
1250    margin-top: 15px;
1251}
1252
1253.popup-buttons-row .button {
1254    grid-column: auto !important;
1255    grid-row: auto !important;
1256    margin: 0 !important;
1257    width: auto !important;
1258    padding: 0 20px !important;
1259    height: 45px !important;
1260    text-align: center;
1261    white-space: nowrap; 
1262}
1263
1264            </style>
1265            <div class="card-popup card-popup_brand">
1266                <h2 class="section-title section-title">Matti</h2>
1267                <p>Цельные злаки – основной ингредиент всех наших продуктов, ценный источник медленных углеводов и клетчатки, зарядит вас энергией для новых свершений.<br />
1268Фрукты и ягоды – бережно обработанные по специальной теÑ
1268…нологии сублимации, сохраняют витамины и минералы. Это очень важно для поддержания иммунитета и отличного самочувствия.</p>
1269                <div class="popup-buttons-row">
1270                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30593" class="button button_regular">Продукты</a>
1271                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
1272                                </div>
1273                <div class="img-wrapper">
1274                    <img src="/upload/iblock/446/7idcw2sovasekko7omki9q4t4gb13w52/_1.png" alt="">
1275                </div>
1276            </div>
1277        </div>
1278            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30479}">
1279            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1280                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1281                    <g id="x-circle">
1282                        <path id="Vector"
1283                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1284                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1285                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1286                              stroke-linecap="round" stroke-linejoin="round" />
1287                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1288                              stroke-linecap="round" stroke-linejoin="round" />
1289                    </g>
1290                </svg>
1291            </button>
1292            <style>
1293.popup-buttons-row {
1294    grid-column: 2 / 3;
1295    grid-row: 4 / 5;
1296    display: flex;
1297    flex-direction: row;
1298    justify-content: flex-start;
1299    align-items: center;
1300    gap: 12px;
1301    width: 100%;
1302    margin-top: 15px;
1303}
1304
1305.popup-buttons-row .button {
1306    grid-column: auto !important;
1307    grid-row: auto !important;
1308    margin: 0 !important;
1309    width: auto !important;
1310    padding: 0 20px !important;
1311    height: 45px !important;
1312    text-align: center;
1313    white-space: nowrap; 
1314}
1315
1316            </style>
1317            <div class="card-popup card-popup_brand">
1318                <h2 class="section-title section-title">Gipopo</h2>
1319                <p>ДЕТСКОЕ ПИТАНИЕ GIPOPO<br />
1320– это продуманная экспертами система питания, учитывающая ключевые потребности малыша на каждом этапе его развития. Широкий ассортимент продуктов разработан с учетом возрастных особенностей и предпочтений каждого ребенка и включает в себя: сухие каши, жидкие кашки, фруктовые, овощные, мясные и мясорастительные пюре, снеки.</p>
1321                <div class="popup-buttons-row">
1322                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30479" class="button button_regular">Продукты</a>
1323                                    <a href="https://gipopo-baby.ru/" class="button button_regular" target="_blank">Сайт</a>
1324                                </div>
1325                <div class="img-wrapper">
1326                    <img src="/upload/iblock/727/txcrppc1kiqpl1ivrz2o9mrgxqs50u7v/SRJms0J8sn0NGwV6Ba6s.png" alt="">
1327                </div>
1328            </div>
1329        </div>
1330            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30344}">
1331            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1332                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1333                    <g id="x-circle">
1334                        <path id="Vector"
1335                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1336                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1337                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1338                              stroke-linecap="round" stroke-linejoin="round" />
1339                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1340                              stroke-linecap="round" stroke-linejoin="round" />
1341                    </g>
1342                </svg>
1343            </button>
1344            <style>
1345.popup-buttons-row {
1346    grid-column: 2 / 3;
1347    grid-row: 4 / 5;
1348    display: flex;
1349    flex-direction: row;
1350    justify-content: flex-start;
1351    align-items: center;
1352    gap: 12px;
1353    width: 100%;
1354    margin-top: 15px;
1355}
1356
1357.popup-buttons-row .button {
1358    grid-column: auto !important;
1359    grid-row: auto !important;
1360    margin: 0 !important;
1361    width: auto !important;
1362    padding: 0 20px !important;
1363    height: 45px !important;
1364    text-align: center;
1365    white-space: nowrap; 
1366}
1367
1368            </style>
1369            <div class="card-popup card-popup_brand">
1370                <h2 class="section-title section-title">Черноголовка TRENDY MIXES</h2>
1371                <p></p>
1372                <div class="popup-buttons-row">
1373                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30344" class="button button_regular">Продукты</a>
1374                                </div>
1375                <div class="img-wrapper">
1376                    <img src="/upload/iblock/f64/i7llm7vlihd0w76dcl1kejss9kw184c8/Trendy%20Mixes_Logo_2025-01.png" alt="">
1377                </div>
1378            </div>
1379        </div>
1380            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30311}">
1381            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1382                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1383                    <g id="x-circle">
1384                        <path id="Vector"
1385                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1386                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1387                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1388                              stroke-linecap="round" stroke-linejoin="round" />
1389                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1390                              stroke-linecap="round" stroke-linejoin="round" />
1391                    </g>
1392                </svg>
1393            </button>
1394            <style>
1395.popup-buttons-row {
1396    grid-column: 2 / 3;
1397    grid-row: 4 / 5;
1398    display: flex;
1399    flex-direction: row;
1400    justify-content: flex-start;
1401    align-items: center;
1402    gap: 12px;
1403    width: 100%;
1404    margin-top: 15px;
1405}
1406
1407.popup-buttons-row .button {
1408    grid-column: auto !important;
1409    grid-row: auto !important;
1410    margin: 0 !important;
1411    width: auto !important;
1412    padding: 0 20px !important;
1413    height: 45px !important;
1414    text-align: center;
1415    white-space: nowrap; 
1416}
1417
1418            </style>
1419            <div class="card-popup card-popup_brand">
1420                <h2 class="section-title section-title">ЧЕРНОГОЛОВКА H2FRUIT</h2>
1421                <p>Линейка воды с мягкой газацией ЧЕРНОГОЛОВКА H2FRUIT - НОВИНКА от экспертов во вкусе, создателей всеми любимых лимонадов Черноголовка, на базе чистейшей артезианской воды с соком и витаминами в уникальных трендовых миксах вкусов.</p>
1422                <div class="popup-buttons-row">
1423                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30311" class="button button_regular">Продукты</a>
1424                                </div>
1425                <div class="img-wrapper">
1426                    <img src="/upload/iblock/cc0/osk1th1gu8kt46zxf67kg09rglcx8l15/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B2%D0%BE%D0%B4%D0%B0-04%201.png" alt="">
1427                </div>
1428            </div>
1429        </div>
1430            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30170}">
1431            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1432                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1433                    <g id="x-circle">
1434                        <path id="Vector"
1435                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1436                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1437                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1438                              stroke-linecap="round" stroke-linejoin="round" />
1439                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1440                              stroke-linecap="round" stroke-linejoin="round" />
1441                    </g>
1442                </svg>
1443            </button>
1444            <style>
1445.popup-buttons-row {
1446    grid-column: 2 / 3;
1447    grid-row: 4 / 5;
1448    display: flex;
1449    flex-direction: row;
1450    justify-content: flex-start;
1451    align-items: center;
1452    gap: 12px;
1453    width: 100%;
1454    margin-top: 15px;
1455}
1456
1457.popup-buttons-row .button {
1458    grid-column: auto !important;
1459    grid-row: auto !important;
1460    margin: 0 !important;
1461    width: auto !important;
1462    padding: 0 20px !important;
1463    height: 45px !important;
1464    text-align: center;
1465    white-space: nowrap; 
1466}
1467
1468            </style>
1469            <div class="card-popup card-popup_brand">
1470                <h2 class="section-title section-title">Unicorn</h2>
1471                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
1472Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
1473 <br />
1474Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
1475                <div class="popup-buttons-row">
1476                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30170" class="button button_regular">Продукты</a>
1477                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
1478                                </div>
1479                <div class="img-wrapper">
1480                    <img src="/upload/iblock/e4c/vwjlrmipcvgipj9rbwynde4xjlb1j88e/unicorn_logo_new.png" alt="">
1481                </div>
1482            </div>
1483        </div>
1484            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30115}">
1485            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1486                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1487                    <g id="x-circle">
1488                        <path id="Vector"
1489                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1490                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1491                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1492                              stroke-linecap="round" stroke-linejoin="round" />
1493                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1494                              stroke-linecap="round" stroke-linejoin="round" />
1495                    </g>
1496                </svg>
1497            </button>
1498            <style>
1499.popup-buttons-row {
1500    grid-column: 2 / 3;
1501    grid-row: 4 / 5;
1502    display: flex;
1503    flex-direction: row;
1504    justify-content: flex-start;
1505    align-items: center;
1506    gap: 12px;
1507    width: 100%;
1508    margin-top: 15px;
1509}
1510
1511.popup-buttons-row .button {
1512    grid-column: auto !important;
1513    grid-row: auto !important;
1514    margin: 0 !important;
1515    width: auto !important;
1516    padding: 0 20px !important;
1517    height: 45px !important;
1518    text-align: center;
1519    white-space: nowrap; 
1520}
1521
1522            </style>
1523            <div class="card-popup card-popup_brand">
1524                <h2 class="section-title section-title">CHEESL'S</h2>
1525                <p>Запечённые чипсы Cheesl&#39;s - аппетитная новинка в мире чипсов!<br />
1526<br />
1527Мы делаем вкус Cheesl’s по-настоящему сырным благодаря оригинальной технологии производства, в которой настоящий сыр добавляется внутрь каждого кусочка, а инновационный процесс запекания и уникальная форма позволяют ощутить особую хрусткость. <br />
1528<br />
1529Запеченные чипсы Cheesl&#39;s со 100&#37; настоящим сыром - созданы для сырных моментов и хрустящих впечатлений!<br />
1530</p>
1531                <div class="popup-buttons-row">
1532                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30115" class="button button_regular">Продукты</a>
1533                                    <a href="https://cheesls.ru/" class="button button_regular" target="_blank">Сайт</a>
1534                                </div>
1535                <div class="img-wrapper">
1536                    <img src="/upload/iblock/433/drx4fh463e02jtl14ovgasvytwcvymtl/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1.png" alt="">
1537                </div>
1538            </div>
1539        </div>
1540            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_29950}">
1541            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1542                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1543                    <g id="x-circle">
1544                        <path id="Vector"
1545                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1546                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1547                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1548                              stroke-linecap="round" stroke-linejoin="round" />
1549                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1550                              stroke-linecap="round" stroke-linejoin="round" />
1551                    </g>
1552                </svg>
1553            </button>
1554            <style>
1555.popup-buttons-row {
1556    grid-column: 2 / 3;
1557    grid-row: 4 / 5;
1558    display: flex;
1559    flex-direction: row;
1560    justify-content: flex-start;
1561    align-items: center;
1562    gap: 12px;
1563    width: 100%;
1564    margin-top: 15px;
1565}
1566
1567.popup-buttons-row .button {
1568    grid-column: auto !important;
1569    grid-row: auto !important;
1570    margin: 0 !important;
1571    width: auto !important;
1572    padding: 0 20px !important;
1573    height: 45px !important;
1574    text-align: center;
1575    white-space: nowrap; 
1576}
1577
1578            </style>
1579            <div class="card-popup card-popup_brand">
1580                <h2 class="section-title section-title">Любятово</h2>
1581                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
1582Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
1583                <div class="popup-buttons-row">
1584                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29950" class="button button_regular">Продукты</a>
1585                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
1586                                </div>
1587                <div class="img-wrapper">
1588                    <img src="/upload/iblock/4d8/ha7hzdfwxgtfya6b9v6slzr8rigjnwgs/Logo%202025.png" alt="">
1589                </div>
1590            </div>
1591        </div>
1592            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_14560}">
1593            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1594                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1595                    <g id="x-circle">
1596                        <path id="Vector"
1597                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1598                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1599                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1600                              stroke-linecap="round" stroke-linejoin="round" />
1601                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1602                              stroke-linecap="round" stroke-linejoin="round" />
1603                    </g>
1604                </svg>
1605            </button>
1606            <style>
1607.popup-buttons-row {
1608    grid-column: 2 / 3;
1609    grid-row: 4 / 5;
1610    display: flex;
1611    flex-direction: row;
1612    justify-content: flex-start;
1613    align-items: center;
1614    gap: 12px;
1615    width: 100%;
1616    margin-top: 15px;
1617}
1618
1619.popup-buttons-row .button {
1620    grid-column: auto !important;
1621    grid-row: auto !important;
1622    margin: 0 !important;
1623    width: auto !important;
1624    padding: 0 20px !important;
1625    height: 45px !important;
1626    text-align: center;
1627    white-space: nowrap; 
1628}
1629
1630            </style>
1631            <div class="card-popup card-popup_brand">
1632                <h2 class="section-title section-title">Chillout</h2>
1633                <p>Этот вкус любят все. Он главный гость на каждой вечеринке и всегда в центре внимания. Он помогает заговорить с любым гостем и начать танцевать в ритм музыки. Бывает с сахаром и без. Идеален сам по себе, но еще отлично сочетается с другими ингредиентами в коктейлях! Миксуйте, пробуйте!<br />
1634</p>
1635                <div class="popup-buttons-row">
1636                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=14560" class="button button_regular">Продукты</a>
1637                                    <a href="https://chillout-drinks.ru/" class="button button_regular" target="_blank">Сайт</a>
1638                                </div>
1639                <div class="img-wrapper">
1640                    <img src="/upload/iblock/e28/bse2kcqa9o6oflwpz60907n1xomcws97/LOGO_Chillout2024-02_%D1%82%D0%BE%D0%BD%D0%B8%D0%BA%20%2800000002%29.png" alt="">
1641                </div>
1642            </div>
1643        </div>
1644            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_185}">
1645            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1646                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1647                    <g id="x-circle">
1648                        <path id="Vector"
1649                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1650                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1651                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1652                              stroke-linecap="round" stroke-linejoin="round" />
1653                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1654                              stroke-linecap="round" stroke-linejoin="round" />
1655                    </g>
1656                </svg>
1657            </button>
1658            <style>
1659.popup-buttons-row {
1660    grid-column: 2 / 3;
1661    grid-row: 4 / 5;
1662    display: flex;
1663    flex-direction: row;
1664    justify-content: flex-start;
1665    align-items: center;
1666    gap: 12px;
1667    width: 100%;
1668    margin-top: 15px;
1669}
1670
1671.popup-buttons-row .button {
1672    grid-column: auto !important;
1673    grid-row: auto !important;
1674    margin: 0 !important;
1675    width: auto !important;
1676    padding: 0 20px !important;
1677    height: 45px !important;
1678    text-align: center;
1679    white-space: nowrap; 
1680}
1681
1682            </style>
1683            <div class="card-popup card-popup_brand">
1684                <h2 class="section-title section-title">Fantola</h2>
1685                <p>Лимонад для самых стильных, модных и ярких!<br />
1686В линейке Fantola есть классические, знакомые вкусы колы и апельсина, удивительный освежающий микс лимона и лайма, а также самый неожиданный вкус — Bubble Gum. Благодаря этим ярким игристым бутылочкам любой момент жизни становится еще более красочным и свежим. <br />
1687Не веришь? Просто сделай глоток и посмотри, как тебе захлестнет волна классных эмоций!</p>
1688                <div class="popup-buttons-row">
1689                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=185" class="button button_regular">Продукты</a>
1690                                </div>
1691                <div class="img-wrapper">
1692                    <img src="/upload/iblock/9a0/sz1f2n7e0muaweslvn5xa5p4o278iv0r/%D0%BB%D0%BE%D0%B3%D0%BE%20%D1%84%D0%B0%D0%BD%D1%82%D0%BE%D0%BB%D0%B0.png" alt="">
1693                </div>
1694            </div>
1695        </div>
1696            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_187}">
1697            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1698                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1699                    <g id="x-circle">
1700                        <path id="Vector"
1701                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1702                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1703                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1704                              stroke-linecap="round" stroke-linejoin="round" />
1705                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1706                              stroke-linecap="round" stroke-linejoin="round" />
1707                    </g>
1708                </svg>
1709            </button>
1710            <style>
1711.popup-buttons-row {
1712    grid-column: 2 / 3;
1713    grid-row: 4 / 5;
1714    display: flex;
1715    flex-direction: row;
1716    justify-content: flex-start;
1717    align-items: center;
1718    gap: 12px;
1719    width: 100%;
1720    margin-top: 15px;
1721}
1722
1723.popup-buttons-row .button {
1724    grid-column: auto !important;
1725    grid-row: auto !important;
1726    margin: 0 !important;
1727    width: auto !important;
1728    padding: 0 20px !important;
1729    height: 45px !important;
1730    text-align: center;
1731    white-space: nowrap; 
1732}
1733
1734            </style>
1735            <div class="card-popup card-popup_brand">
1736                <h2 class="section-title section-title">Cristelle вода</h2>
1737                <p>Сristelle – тот случай, когда внутреннее содержание полностью соответствует идеальной форме.&nbsp;&nbsp;С такой природной водой приятно провести вечер в ресторане, небольшой отпуск в элегантном отеле или… совершить полёт бизнес-классом.<br />
1738<br />
1739Над дизайном бутылки Cristelle поработали итальянские мастера дизайна.&nbsp;&nbsp;Над внутренним содержанием - природа.&nbsp;&nbsp;Как утверждают геологи, ещё 300 миллионов лет назад. </p>
1740                <div class="popup-buttons-row">
1741                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=187" class="button button_regular">Продукты</a>
1742                                    <a href="https://cristelle-water.ru/" class="button button_regular" target="_blank">Сайт</a>
1743                                </div>
1744                <div class="img-wrapper">
1745                    <img src="/upload/iblock/78c/0w3re2xanvwtb9cr0cxi6gtgf3pv73ks/Cristelle%2
17450%D0%B3%D0%B0%D0%B7.png" alt="">
1746                </div>
1747            </div>
1748        </div>
1749            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_30356}">
1750            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1751                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1752                    <g id="x-circle">
1753                        <path id="Vector"
1754                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1755                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1756                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1757                              stroke-linecap="round" stroke-linejoin="round" />
1758                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1759                              stroke-linecap="round" stroke-linejoin="round" />
1760                    </g>
1761                </svg>
1762            </button>
1763            <style>
1764.popup-buttons-row {
1765    grid-column: 2 / 3;
1766    grid-row: 4 / 5;
1767    display: flex;
1768    flex-direction: row;
1769    justify-content: flex-start;
1770    align-items: center;
1771    gap: 12px;
1772    width: 100%;
1773    margin-top: 15px;
1774}
1775
1776.popup-buttons-row .button {
1777    grid-column: auto !important;
1778    grid-row: auto !important;
1779    margin: 0 !important;
1780    width: auto !important;
1781    padding: 0 20px !important;
1782    height: 45px !important;
1783    text-align: center;
1784    white-space: nowrap; 
1785}
1786
1787            </style>
1788            <div class="card-popup card-popup_brand">
1789                <h2 class="section-title section-title">COSMOS</h2>
1790                <p>Cosmos - это космическая энергия, воплощённая в оригинальном и тропическом вкусах. В составе сочетаются кофеин, таурин и витамины группы B, а экстракты гуавы и женьшеня дополняют композицию, придавая напитку уникальный вкус и дополнительные полезные свойства. Почувствуй космическую энергию в каждой капле — выбери Cosmos для ярких достижений и новых горизонтов!</p>
1791                <div class="popup-buttons-row">
1792                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30356" class="button button_regular">Продукты</a>
1793                                </div>
1794                <div class="img-wrapper">
1795                    <img src="/upload/iblock/38d/0y8qifwp0399m4ivvzxbyhpajb3ap01z/%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D1%81%20%D0%BB%D0%BE%D0%B3%D0%BE%20%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82.png" alt="">
1796                </div>
1797            </div>
1798        </div>
1799            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_17669}">
1800            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1801                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1802                    <g id="x-circle">
1803                        <path id="Vector"
1804                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1805                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1806                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1807                              stroke-linecap="round" stroke-linejoin="round" />
1808                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1809                              stroke-linecap="round" stroke-linejoin="round" />
1810                    </g>
1811                </svg>
1812            </button>
1813            <style>
1814.popup-buttons-row {
1815    grid-column: 2 / 3;
1816    grid-row: 4 / 5;
1817    display: flex;
1818    flex-direction: row;
1819    justify-content: flex-start;
1820    align-items: center;
1821    gap: 12px;
1822    width: 100%;
1823    margin-top: 15px;
1824}
1825
1826.popup-buttons-row .button {
1827    grid-column: auto !important;
1828    grid-row: auto !important;
1829    margin: 0 !important;
1830    width: auto !important;
1831    padding: 0 20px !important;
1832    height: 45px !important;
1833    text-align: center;
1834    white-space: nowrap; 
1835}
1836
1837            </style>
1838            <div class="card-popup card-popup_brand">
1839                <h2 class="section-title section-title">БАЙКАЛ</h2>
1840                <p>Можно ли пить энергетики и вести здоровый образ жизни? Конечно! Энергетические напитки БАЙКАЛ natural energy — натуральные энергетические напитки нового поколения с естественными вкусами. Только природные источники бодрости: натуральный кофеин, элеутерококк и соки, без таурина и консервантов, с витаминами группы В, которые помогают бороться с усталостью.<br />
1841Попробуйте натуральную энергию Байкала! </p>
1842                <div class="popup-buttons-row">
1843                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17669" class="button button_regular">Продукты</a>
1844                                </div>
1845                <div class="img-wrapper">
1846                    <img src="/upload/iblock/8f6/zmpjkisdk322zmieoef7atfisbxtpym1/%D0%91%D0%B0%D0%B9%D0%BA%D0%B0%D0%BB%20Natural%20Energy.png" alt="">
1847                </div>
1848            </div>
1849        </div>
1850            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_29918}">
1851            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1852                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1853                    <g id="x-circle">
1854                        <path id="Vector"
1855                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1856                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1857                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1858                              stroke-linecap="round" stroke-linejoin="round" />
1859                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1860                              stroke-linecap="round" stroke-linejoin="round" />
1861                    </g>
1862                </svg>
1863            </button>
1864            <style>
1865.popup-buttons-row {
1866    grid-column: 2 / 3;
1867    grid-row: 4 / 5;
1868    display: flex;
1869    flex-direction: row;
1870    justify-content: flex-start;
1871    align-items: center;
1872    gap: 12px;
1873    width: 100%;
1874    margin-top: 15px;
1875}
1876
1877.popup-buttons-row .button {
1878    grid-column: auto !important;
1879    grid-row: auto !important;
1880    margin: 0 !important;
1881    width: auto !important;
1882    padding: 0 20px !important;
1883    height: 45px !important;
1884    text-align: center;
1885    white-space: nowrap; 
1886}
1887
1888            </style>
1889            <div class="card-popup card-popup_brand">
1890                <h2 class="section-title section-title">Любятово</h2>
1891                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
1892Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
1893                <div class="popup-buttons-row">
1894                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29918" class="button button_regular">Продукты</a>
1895                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
1896                                </div>
1897                <div class="img-wrapper">
1898                    <img src="/upload/iblock/f39/ri3y2xhxkmbif13o3i60od00xsfdu5m2/Logo%202025.png" alt="">
1899                </div>
1900            </div>
1901        </div>
1902            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_29971}">
1903            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1904                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1905                    <g id="x-circle">
1906                        <path id="Vector"
1907                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1908                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1909                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1910                              stroke-linecap="round" stroke-linejoin="round" />
1911                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1912                              stroke-linecap="round" stroke-linejoin="round" />
1913                    </g>
1914                </svg>
1915            </button>
1916            <style>
1917.popup-buttons-row {
1918    grid-column: 2 / 3;
1919    grid-row: 4 / 5;
1920    display: flex;
1921    flex-direction: row;
1922    justify-content: flex-start;
1923    align-items: center;
1924    gap: 12px;
1925    width: 100%;
1926    margin-top: 15px;
1927}
1928
1929.popup-buttons-row .button {
1930    grid-column: auto !important;
1931    grid-row: auto !important;
1932    margin: 0 !important;
1933    width: auto !important;
1934    padding: 0 20px !important;
1935    height: 45px !important;
1936    text-align: center;
1937    white-space: nowrap; 
1938}
1939
1940            </style>
1941            <div class="card-popup card-popup_brand">
1942                <h2 class="section-title section-title">Extrasi</h2>
1943                <p>Такие вкусные и необычные, наполненные удовольствием продукты EXTRASI придают экстра ценность моментам жизни каждый день.<br />
1944EXTRASI -&nbsp;&nbsp;скажи удовольствию ДА!</p>
1945                <div class="popup-buttons-row">
1946                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29971" class="button button_regular">Продукты</a>
1947                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
1948                                </div>
1949                <div class="img-wrapper">
1950                    <img src="/upload/iblock/976/3ifavzml6a2wgpwubevrauqqf4ju85n6/Extrasi_logo%20%282%29%201.png" alt="">
1951                </div>
1952            </div>
1953        </div>
1954            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_17605}">
1955            <button class="button-close-popup" @click="$store.popup.closeBrand()">
1956                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
1957                    <g id="x-circle">
1958                        <path id="Vector"
1959                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
1960                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1961                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
1962                              stroke-linecap="round" stroke-linejoin="round" />
1963                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
1964                              stroke-linecap="round" stroke-linejoin="round" />
1965                    </g>
1966                </svg>
1967            </button>
1968            <style>
1969.popup-buttons-row {
1970    grid-column: 2 / 3;
1971    grid-row: 4 / 5;
1972    display: flex;
1973    flex-direction: row;
1974    justify-content: flex-start;
1975    align-items: center;
1976    gap: 12px;
1977    width: 100%;
1978    margin-top: 15px;
1979}
1980
1981.popup-buttons-row .button {
1982    grid-column: auto !important;
1983    grid-row: auto !important;
1984    margin: 0 !important;
1985    width: auto !important;
1986    padding: 0 20px !important;
1987    height: 45px !important;
1988    text-align: center;
1989    white-space: nowrap; 
1990}
1991
1992            </style>
1993            <div class="card-popup card-popup_brand">
1994                <h2 class="section-title section-title">FUN</h2>
1995                <p>Для всех фанатов самых шипучих шипучек! Тысячи пузырьков в бутылочке «FUN кола» подчеркнут насыщенный вкус любимого миллионами напитка, а игристый «Буратино» перенесет всех в беззаботное веселое детство. Те, кто уже попробовал эти напитки, знают — весь FUN начинается с «Пшш…».</p>
1996                <div class="popup-buttons-row">
1997                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17605" class="button button_regular">Продукты</a>
1998                                </div>
1999                <div class="img-wrapper">
2000                    <img src="/upload/iblock/618/1j4poawrrpwwmgc1nhj20yj3mgpodl2h/fun_logo.png" alt="">
2001                </div>
2002            </div>
2003        </div>
2004            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_29972}">
2005            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2006                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2007                    <g id="x-circle">
2008                        <path id="Vector"
2009                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2010                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2011                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2012                              stroke-linecap="round" stroke-linejoin="round" />
2013                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2014                              stroke-linecap="round" stroke-linejoin="round" />
2015                    </g>
2016                </svg>
2017            </button>
2018            <style>
2019.popup-buttons-row {
2020    grid-column: 2 / 3;
2021    grid-row: 4 / 5;
2022    display: flex;
2023    flex-direction: row;
2024    justify-content: flex-start;
2025    align-items: center;
2026    gap: 12px;
2027    width: 100%;
2028    margin-top: 15px;
2029}
2030
2031.popup-buttons-row .button {
2032    grid-column: auto !important;
2033    grid-row: auto !important;
2034    margin: 0 !important;
2035    width: auto !important;
2036    padding: 0 20px !important;
2037    height: 45px !important;
2038    text-align: center;
2039    white-space: nowrap; 
2040}
2041
2042            </style>
2043            <div class="card-popup card-popup_brand">
2044                <h2 class="section-title section-title">Chocozavr</h2>
2045                <p>Мы создали Chocozavr для самых больших ценителей шоколадных готовых завтраков. Хрустящие подушечки с нежнейшей начинкой или фигурки «Шоксики» с настоящим шоколадом – вот секрет потрясающе вкусного и питательного завтрака. А еще, подушечки идеально подходят как самостоятельный перекус или десерт к чаю.<br />
2046Утоли свою жажду шоколада!</p>
2047                <div class="popup-buttons-row">
2048                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29972" class="button button_regular">Продукты</a>
2049                                    <a href=" https://www.lubyatovo.ru/brands/chocozavr/" class="button button_regular" target="_blank">Сайт</a>
2050                                </div>
2051                <div class="img-wrapper">
2052                    <img src="/upload/iblock/87d/xmjug6axq1lojai1zltoo986gn5ij937/Chocozavr.png" alt="">
2053                </div>
2054            </div>
2055        </div>
2056            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_279}">
2057            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2058                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2059                    <g id="x-circle">
2060                        <path id="Vector"
2061                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2062                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2063                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2064                              stroke-linecap="round" stroke-linejoin="round" />
2065                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2066                              stroke-linecap="round" stroke-linejoin="round" />
2067                    </g>
2068                </svg>
2069            </button>
2070            <style>
2071.popup-buttons-row {
2072    grid-column: 2 / 3;
2073    grid-row: 4 / 5;
2074    display: flex;
2075    flex-direction: row;
2076    justify-content: flex-start;
2077    align-items: center;
2078    gap: 12px;
2079    width: 100%;
2080    margin-top: 15px;
2081}
2082
2083.popup-buttons-row .button {
2084    grid-column: auto !important;
2085    grid-row: auto !important;
2086    margin: 0 !important;
2087    width: auto !important;
2088    padding: 0 20px !important;
2089    height: 45px !important;
2090    text-align: center;
2091    white-space: nowrap; 
2092}
2093
2094            </style>
2095            <div class="card-popup card-popup_brand">
2096                <h2 class="section-title section-title">FRY’S</h2>
2097                <p>Обычные, рифленые или соломкой — какие ваши любимые чипсы? В линейке Fry´s есть натуральные картофельные чипсы любой формы и вкуса! Любителям всего поострее понравятся чипсы васаби, чили или горчица. Ценителям изысканных вкусов подойдут Fry´s с крабом или с лососем в сливочном соусе. А почитателям классики — с сыром, солью или с зеленым луком.</p>
2098                <div class="popup-buttons-row">
2099                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=279" class="button button_regular">Продукты</a>
2100                                </div>
2101                <div class="img-wrapper">
2102                    <img src="/upload/iblock/4cf/0tog9gnkdsa5qk1ke694q3wbgpqdz8jc/Frys_logo.png" alt="">
2103                </div>
2104            </div>
2105        </div>
2106            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_189}">
2107            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2108                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2109                    <g id="x-circle">
2110                        <path id="Vector"
2111                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2112                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2113                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2114                              stroke-linecap="round" stroke-linejoin="round" />
2115                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2116                              stroke-linecap="round" stroke-linejoin="round" />
2117                    </g>
2118                </svg>
2119            </button>
2120            <style>
2121.popup-buttons-row {
2122    grid-column: 2 / 3;
2123    grid-row: 4 / 5;
2124    display: flex;
2125    flex-direction: row;
2126    justify-content: flex-start;
2127    align-items: center;
2128    gap: 12px;
2129    width: 100%;
2130    margin-top: 15px;
2131}
2132
2133.popup-buttons-row .button {
2134    grid-column: auto !important;
2135    grid-row: auto !important;
2136    margin: 0 !important;
2137    width: auto !important;
2138    padding: 0 20px !important;
2139    height: 45px !important;
2140    text-align: center;
2141    white-space: nowrap; 
2142}
2143
2144            </style>
2145            <div class="card-popup card-popup_brand">
2146                <h2 class="section-title section-title">BON GIORNO</h2>
2147                <p>Чипсы Bon Giorno – это коллекция разнообразных изысканных вкусов, вдохновленных путешествиями в разные страны, которые добавят хрустящего удовольствия и приятной атмосферы любым моментам вашей жизни.</p>
2148                <div class="popup-buttons-row">
2149                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=189" class="button button_regular">Продукты</a>
2150                                </div>
2151                <div class="img-wrapper">
2152                    <img src="/upload/iblock/ac9/ycllf18nscmvee7gecfosdc41ftvoycp/Logo%20BG-01.png" alt="">
2153                </div>
2154            </div>
2155        </div>
2156            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_29974}">
2157            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2158                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2159                    <g id="x-circle">
2160                        <path id="Vector"
2161                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2162                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2163                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2164                              stroke-linecap="round" stroke-linejoin="round" />
2165                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2166                              stroke-linecap="round" stroke-linejoin="round" />
2167                    </g>
2168                </svg>
2169            </button>
2170            <style>
2171.popup-buttons-row {
2172    grid-column: 2 / 3;
2173    grid-row: 4 / 5;
2174    display: flex;
2175    flex-direction: row;
2176    justify-content: flex-start;
2177    align-items: center;
2178    gap: 12px;
2179    width: 100%;
2180    margin-top: 15px;
2181}
2182
2183.popup-buttons-row .button {
2184    grid-column: auto !important;
2185    grid-row: auto !important;
2186    margin: 0 !important;
2187    width: auto !important;
2188    padding: 0 20px !important;
2189    height: 45px !important;
2190    text-align: center;
2191    white-space: nowrap; 
2192}
2193
2194            </style>
2195            <div class="card-popup card-popup_brand">
2196                <h2 class="section-title section-title">Unicorn</h2>
2197                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
2198Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
2199 <br />
2200Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
2201                <div class="popup-buttons-row">
2202                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29974" class="button button_regular">Продукты</a>
2203                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
2204                                </div>
2205                <div class="img-wrapper">
2206                    <img src="/upload/iblock/464/of1zfw9ksqlg9y60sdyaj4hbujqvcplx/unicorn_logo_new.png" alt="">
2207                </div>
2208            </div>
2209        </div>
2210            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_190}">
2211            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2212                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2213                    <g id="x-circle">
2214                        <path id="Vector"
2215                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2216                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2217                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2218                              stroke-linecap="round" stroke-linejoin="round" />
2219                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2220                              stroke-linecap="round" stroke-linejoin="round" />
2221                    </g>
2222                </svg>
2223            </button>
2224            <style>
2225.popup-buttons-row {
2226    grid-column: 2 / 3;
2227    grid-row: 4 / 5;
2228    display: flex;
2229    flex-direction: row;
2230    justify-content: flex-start;
2231    align-items: center;
2232    gap: 12px;
2233    width: 100%;
2234    margin-top: 15px;
2235}
2236
2237.popup-buttons-row .button {
2238    grid-column: auto !important;
2239    grid-row: auto !important;
2240    margin: 0 !important;
2241    width: auto !important;
2242    padding: 0 20px !important;
2243    height: 45px !important;
2244    text-align: center;
2245    white-space: nowrap; 
2246}
2247
2248            </style>
2249            <div class="card-popup card-popup_brand">
2250                <h2 class="section-title section-title">CHAKA</h2>
2251                <p>Настоящее вкусовое комбо! В пачках Chaka — смесь орешков, печеных зерен кукурузы и хрустящих чаксов. Миксуйте их по-разному между собой и получайте каждый раз новые вкусовые сочетания! А для особых любителей арахиса мы создали отдельные пачки: арахис с сыром, беконом, вареными раками или классический — с солью.<br />
2252</p>
2253                <div class="popup-buttons-row">
2254                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=190" class="button button_regular">Продукты</a>
2255                                </div>
2256                <div class="img-wrapper">
2257                    <img src="/upload/iblock/3cd/uenmkec7jwkx3a0jhlubbp3r4ecrqaju/Chaka_logo.png" alt="">
2258                </div>
2259            </div>
2260        </div>
2261            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_191}">
2262            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2263                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2264                    <g id="x-circle">
2265                        <path id="Vector"
2266                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2267                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2268                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2269                              stroke-linecap="round" stroke-linejoin="round" />
2270                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2271                              stroke-linecap="round" stroke-linejoin="round" />
2272                    </g>
2273                </svg>
2274            </button>
2275            <style>
2276.popup-buttons-row {
2277    grid-column: 2 / 3;
2278    grid-row: 4 / 5;
2279    display: flex;
2280    flex-direction: row;
2281    justify-content: flex-start;
2282    align-items: center;
2283    gap: 12px;
2284    width: 100%;
2285    margin-top: 15px;
2286}
2287
2288.popup-buttons-row .button {
2289    grid-column: auto !important;
2290    grid-row: auto !important;
2291    margin: 0 !important;
2292    width: auto !important;
2293    padding: 0 20px !important;
2294    height: 45px !important;
2295    text-align: center;
2296    white-space: nowrap; 
2297}
2298
2299            </style>
2300            <div class="card-popup card-popup_brand">
2301                <h2 class="section-title section-title">Крутец</h2>
2302                <p>Сухарики по старинным русским рецептам придутся по вкусу всем богатырям и честным молодцам! Тем, кто любит все самое традиционное, понравятся крутецы с холодцом и хреном или красной икоркой. Тем, кому хочется чего-то новенького, стоит попробовать сухарики со спайси томатом или копченым кальмаром. А лучше все это миксовать! Для этого мы специально придумали особые крутецкие комбо.</p>
2303                <div class="popup-buttons-row">
2304                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=191" class="button button_regular">Продукты</a>
2305                                </div>
2306                <div class="img-wrapper">
2307                    <img src="/upload/iblock/6eb/agas8g7vcsvoz2x2ofhewlh408icpv1q/Krutets_logo_01.png" alt="">
2308                </div>
2309            </div>
2310        </div>
2311            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_29129}">
2312            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2313                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2314                    <g id="x-circle">
2315                        <path id="Vector"
2316                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2317                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2318                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2319                              stroke-linecap="round" stroke-linejoin="round" />
2320                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2321                              stroke-linecap="round" stroke-linejoin="round" />
2322                    </g>
2323                </svg>
2324            </button>
2325            <style>
2326.popup-buttons-row {
2327    grid-column: 2 / 3;
2328    grid-row: 4 / 5;
2329    display: flex;
2330    flex-direction: row;
2331    justify-content: flex-start;
2332    align-items: center;
2333    gap: 12px;
2334    width: 100%;
2335    margin-top: 15px;
2336}
2337
2338.popup-buttons-row .button {
2339    grid-column: auto !important;
2340    grid-row: auto !important;
2341    margin: 0 !important;
2342    width: auto !important;
2343    padding: 0 20px !important;
2344    height: 45px !important;
2345    text-align: center;
2346    white-space: nowrap; 
2347}
2348
2349            </style>
2350            <div class="card-popup card-popup_brand">
2351                <h2 class="section-title section-title">Черноголовка сиропы</h2>
2352                <p>В ассортименте нашей компании есть сиропы для приготовления безалкогольных напитков в разливном охлажденном виде. Это отличное решение для кафе, баров, ресторанов и кинотеатров!<br></p>
2353                <div class="popup-buttons-row">
2354                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29129" class="button button_regular">Продукты</a>
2355                                </div>
2356                <div class="img-wrapper">
2357                    <img src="/upload/iblock/4c5/ngpshtx5audp4bcczotn2pk356nzwx3f/logo_chernogolovka%20%285%29.png" alt="">
2358                </div>
2359            </div>
2360        </div>
2361            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_419}">
2362            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2363                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2364                    <g id="x-circle">
2365                        <path id="Vector"
2366                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2367                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2368                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2369                              stroke-linecap="round" stroke-linejoin="round" />
2370                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2371                              stroke-linecap="round" stroke-linejoin="round" />
2372                    </g>
2373                </svg>
2374            </button>
2375            <style>
2376.popup-buttons-row {
2377    grid-column: 2 / 3;
2378    grid-row: 4 / 5;
2379    display: flex;
2380    flex-direction: row;
2381    justify-content: flex-start;
2382    align-items: center;
2383    gap: 12px;
2384    width: 100%;
2385    margin-top: 15px;
2386}
2387
2388.popup-buttons-row .button {
2389    grid-column: auto !important;
2390    grid-row: auto !important;
2391    margin: 0 !important;
2392    width: auto !important;
2393    padding: 0 20px !important;
2394    height: 45px !important;
2395    text-align: center;
2396    white-space: nowrap; 
2397}
2398
2399            </style>
2400            <div class="card-popup card-popup_brand">
2401                <h2 class="section-title section-title">БИОКЕЙ</h2>
2402                <p>Вся польза Алтая в одном маленьком батончике! Перекус из цельных злаков от «БИОКЕЙ» — это только натуральные ингредиенты, клетчатка, микроэлементы, пищевые волокна и витамины группы B. А еще 4 разных вкуса! Полезная для иммунитета куркума и абрикос, сладкая клубника, питательный кокос и витаминная черника.</p>
2403                <div class="popup-buttons-row">
2404                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=419" class="button button_regular">Продукты</a>
2405                                </div>
2406                <div class="img-wrapper">
2407                    <img src="/upload/iblock/950/re593bx7vf73ssbugugp43fea5phep0z/biokey_logo.png" alt="">
2408                </div>
2409            </div>
2410        </div>
2411            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_235}">
2412            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2413                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2414                    <g id="x-circle">
2415                        <path id="Vector"
2416                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2417                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2418                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2419                              stroke-linecap="round" stroke-linejoin="round" />
2420                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2421                              stroke-linecap="round" stroke-linejoin="round" />
2422                    </g>
2423                </svg>
2424            </button>
2425            <style>
2426.popup-buttons-row {
2427    grid-column: 2 / 3;
2428    grid-row: 4 / 5;
2429    display: flex;
2430    flex-direction: row;
2431    justify-content: flex-start;
2432    align-items: center;
2433    gap: 12px;
2434    width: 100%;
2435    margin-top: 15px;
2436}
2437
2438.popup-buttons-row .button {
2439    grid-column: auto !important;
2440    grid-row: auto !important;
2441    margin: 0 !important;
2442    width: auto !important;
2443    padding: 0 20px !important;
2444    height: 45px !important;
2445    text-align: center;
2446    white-space: nowrap; 
2447}
2448
2449            </style>
2450            <div class="card-popup card-popup_brand">
2451                <h2 class="section-title section-title">Савинов</h2>
2452                <p>Более 100 лет назад купец Савинов основал кондитерскую фабрику, чтобы радовать людей вкусными конфетами. <br />
2453Кондитерская фабрика «Алтай» продолжает дело кондитера Савинова, соблюдая главный принцип его работы: пробовать новое и сохранять самое вкусное. <br />
2454«Савинов» сделает любой день вкуснее, все дело в конфетах!</p>
2455                <div class="popup-buttons-row">
2456                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=235" class="button button_regular">Продукты</a>
2457                                </div>
2458                <div class="img-wrapper">
2459                    <img src="/upload/iblock/650/uh0vt7ul48dmfv7fil3b6nwipe1xfjq1/Savinov_logo.png" alt="">
2460                </div>
2461            </div>
2462        </div>
2463            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 62_292}">
2464            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2465                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2466                    <g id="x-circle">
2467                        <path id="Vector"
2468                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2469                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2470                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2471                              stroke-linecap="round" stroke-linejoin="round" />
2472                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2473                              stroke-linecap="round" stroke-linejoin="round" />
2474                    </g>
2475                </svg>
2476            </button>
2477            <style>
2478.popup-buttons-row {
2479    grid-column: 2 / 3;
2480    grid-row: 4 / 5;
2481    display: flex;
2482    flex-direction: row;
2483    justify-content: flex-start;
2484    align-items: center;
2485    gap: 12px;
2486    width: 100%;
2487    margin-top: 15px;
2488}
2489
2490.popup-buttons-row .button {
2491    grid-column: auto !important;
2492    grid-row: auto !important;
2493    margin: 0 !important;
2494    width: auto !important;
2495    padding: 0 20px !important;
2496    height: 45px !important;
2497    text-align: center;
2498    white-space: nowrap; 
2499}
2500
2501            </style>
2502            <div class="card-popup card-popup_brand">
2503                <h2 class="section-title section-title">Черноголовка Бэйби</h2>
2504                <p>Мы понимаем, как важно для родителей заботиться о малышах, об их правильном питании каждый день. <br />
2505<br />
2506«Черноголовка Бэйби» — это вкусное и полезное детское питание высокого качества, созданное с заботой о малышах и их родителях. <br />
2507<br />
2508Наш ассортимент — это фруктовые пюре, соки, фрикадельки, питьевые кашки и вода для самых маленьких. В основе наших продуктов только качественные натуральные ингредиенты, без красителей, консервантов и ГМО.<br />
2509<br />
2510Для малышей с заботой от «Черноголовка Бэйби»!</p>
2511                <div class="popup-buttons-row">
2512                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=292" class="button button_regular">Продукты</a>
2513                                </div>
2514                <div class="img-wrapper">
2515                    <img src="/upload/iblock/0cd/flpo3eb0bqgjzr4enph2mykty2fk2hhr/%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0%20%D0%91%D1%8D%D0%B9%D0%B1%D0%B8%20%D0%BB%D0%BE%D0%B3%D0%BE.jpg" alt="">
2516                </div>
2517            </div>
2518        </div>
2519            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30337}">
2520            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2521                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2522                    <g id="x-circle">
2523                        <path id="Vector"
2524                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2525                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2526                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2527                              stroke-linecap="round" stroke-linejoin="round" />
2528                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2529                              stroke-linecap="round" stroke-linejoin="round" />
2530                    </g>
2531                </svg>
2532            </button>
2533            <style>
2534.popup-buttons-row {
2535    grid-column: 2 / 3;
2536    grid-row: 4 / 5;
2537    display: flex;
2538    flex-direction: row;
2539    justify-content: flex-start;
2540    align-items: center;
2541    gap: 12px;
2542    width: 100%;
2543    margin-top: 15px;
2544}
2545
2546.popup-buttons-row .button {
2547    grid-column: auto !important;
2548    grid-row: auto !important;
2549    margin: 0 !important;
2550    width: auto !important;
2551    padding: 0 20px !important;
2552    height: 45px !important;
2553    text-align: center;
2554    white-space: nowrap; 
2555}
2556
2557            </style>
2558            <div class="card-popup card-popup_brand">
2559                <h2 class="section-title section-title">X-TURBO</h2>
2560                <p>Открой для себя энергетик X-Turbo, представленный в трех линейках: Focus, Active и Party. Уникальный микс в каждой линейке обеспечивает максимальный эффект. X-Turbo — это мощь внутри тебя, готовая зажигать в любой момент. Выбери свою линейку и наслаждайся энергией X-Turbo!</p>
2561                <div class="popup-buttons-row">
2562                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30337" class="button button_regular">Продукты</a>
2563                                </div>
2564                <div class="img-wrapper">
2565                    <img src="/upload/iblock/2ed/gv9l3trdb954ys43d5s5jww33uifd8a7/X_TURBO_RD_LOGO_Blue.png" alt="">
2566                </div>
2567            </div>
2568        </div>
2569            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_182}">
2570            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2571                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2572                    <g id="x-circle">
2573                        <path id="Vector"
2574                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2575                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2576                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2577                              stroke-linecap="round" stroke-linejoin="round" />
2578                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2579                              stroke-linecap="round" stroke-linejoin="round" />
2580                    </g>
2581                </svg>
2582            </button>
2583            <style>
2584.popup-buttons-row {
2585    grid-column: 2 / 3;
2586    grid-row: 4 / 5;
2587    display: flex;
2588    flex-direction: row;
2589    justify-content: flex-start;
2590    align-items: center;
2591    gap: 12px;
2592    width: 100%;
2593    margin-top: 15px;
2594}
2595
2596.popup-buttons-row .button {
2597    grid-column: auto !important;
2598    grid-row: auto !important;
2599    margin: 0 !important;
2600    width: auto !important;
2601    padding: 0 20px !important;
2602    height: 45px !important;
2603    text-align: center;
2604    white-space: nowrap; 
2605}
2606
2607            </style>
2608            <div class="card-popup card-popup_brand">
2609                <h2 class="section-title section-title">Черноголовка лимонад</h2>
2610                <p>Те самые легендарные лимонады, которыми уже более 25 лет наслаждаются люди по всей стране. Эти незабываемые вкусы у большинства ассоциируются с детством, праздниками и просто приятными моментами. А получаются лимонады такими особенными благодаря натуральным ингредиентам в составе. Они созданы на основе артезианской воды и настоев трав и фруктов, собранных по всей территории нашей страны. Подарите себе вкус радости!</p>
2611                <div class="popup-buttons-row">
2612                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=182" class="button button_regular">Продукты</a>
2613                                </div>
2614                <div class="img-wrapper">
2615                    <img src="/upload/iblock/154/pesyqsu9vntbj19aljzdus3xx66gmq2w/Chern
2615ogolovka_Lemonade_Color%20%281%29.png" alt="">
2616                </div>
2617            </div>
2618        </div>
2619            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_21122}">
2620            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2621                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2622                    <g id="x-circle">
2623                        <path id="Vector"
2624                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2625                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2626                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2627                              stroke-linecap="round" stroke-linejoin="round" />
2628                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2629                              stroke-linecap="round" stroke-linejoin="round" />
2630                    </g>
2631                </svg>
2632            </button>
2633            <style>
2634.popup-buttons-row {
2635    grid-column: 2 / 3;
2636    grid-row: 4 / 5;
2637    display: flex;
2638    flex-direction: row;
2639    justify-content: flex-start;
2640    align-items: center;
2641    gap: 12px;
2642    width: 100%;
2643    margin-top: 15px;
2644}
2645
2646.popup-buttons-row .button {
2647    grid-column: auto !important;
2648    grid-row: auto !important;
2649    margin: 0 !important;
2650    width: auto !important;
2651    padding: 0 20px !important;
2652    height: 45px !important;
2653    text-align: center;
2654    white-space: nowrap; 
2655}
2656
2657            </style>
2658            <div class="card-popup card-popup_brand">
2659                <h2 class="section-title section-title">Черноголовка Cola</h2>
2660                <p>Всеми любимая кола, но с особенными нотами во вкусе! Мы делаем нашу колу на основе специально подготовленной артезианской воды, кофеина — для бодрости и карамельного колера — для насыщенного приятного цвета, добавляем авторскую композицию натуральных ароматизаторов и создаем две версии — колу с сахаром и без него. Этот незабываемый вкус наполнит радостью, подарит потрясающее настроение и освежит в самый жаркий день! Попробуйте нашу колу – колу с тем самым особым вкусом!</p>
2661                <div class="popup-buttons-row">
2662                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=21122" class="button button_regular">Продукты</a>
2663                                </div>
2664                <div class="img-wrapper">
2665                    <img src="/upload/iblock/857/mx3r59j7oxvwoeduckok35n5vvyxhfk5/Chernogolovka-Cola_Logo-1.png" alt="">
2666                </div>
2667            </div>
2668        </div>
2669            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_29047}">
2670            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2671                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2672                    <g id="x-circle">
2673                        <path id="Vector"
2674                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2675                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2676                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2677                              stroke-linecap="round" stroke-linejoin="round" />
2678                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2679                              stroke-linecap="round" stroke-linejoin="round" />
2680                    </g>
2681                </svg>
2682            </button>
2683            <style>
2684.popup-buttons-row {
2685    grid-column: 2 / 3;
2686    grid-row: 4 / 5;
2687    display: flex;
2688    flex-direction: row;
2689    justify-content: flex-start;
2690    align-items: center;
2691    gap: 12px;
2692    width: 100%;
2693    margin-top: 15px;
2694}
2695
2696.popup-buttons-row .button {
2697    grid-column: auto !important;
2698    grid-row: auto !important;
2699    margin: 0 !important;
2700    width: auto !important;
2701    padding: 0 20px !important;
2702    height: 45px !important;
2703    text-align: center;
2704    white-space: nowrap; 
2705}
2706
2707            </style>
2708            <div class="card-popup card-popup_brand">
2709                <h2 class="section-title section-title">Холодный чай</h2>
2710                <p>Вкусный натуральный, освежающий, холодный чай, приготовленный на основе свежезаваренного зеленого чая и с яркими ароматами лайма и мяты или лимона и лайма. <br />
2711Такое сочетание даёт интересный и яркий вкус, который прекрасно освежает в самый жаркий день!</p>
2712                <div class="popup-buttons-row">
2713                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29047" class="button button_regular">Продукты</a>
2714                                </div>
2715                <div class="img-wrapper">
2716                    <img src="/upload/iblock/493/5dijwp4gvxfgys3wqz7rrr3zf3czz455/Chernogolovka_Tea_Color%20%281%29.png" alt="">
2717                </div>
2718            </div>
2719        </div>
2720            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_31435}">
2721            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2722                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2723                    <g id="x-circle">
2724                        <path id="Vector"
2725                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2726                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2727                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2728                              stroke-linecap="round" stroke-linejoin="round" />
2729                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2730                              stroke-linecap="round" stroke-linejoin="round" />
2731                    </g>
2732                </svg>
2733            </button>
2734            <style>
2735.popup-buttons-row {
2736    grid-column: 2 / 3;
2737    grid-row: 4 / 5;
2738    display: flex;
2739    flex-direction: row;
2740    justify-content: flex-start;
2741    align-items: center;
2742    gap: 12px;
2743    width: 100%;
2744    margin-top: 15px;
2745}
2746
2747.popup-buttons-row .button {
2748    grid-column: auto !important;
2749    grid-row: auto !important;
2750    margin: 0 !important;
2751    width: auto !important;
2752    padding: 0 20px !important;
2753    height: 45px !important;
2754    text-align: center;
2755    white-space: nowrap; 
2756}
2757
2758            </style>
2759            <div class="card-popup card-popup_brand">
2760                <h2 class="section-title section-title">Черноголовка Квас</h2>
2761                <p>Квас Черноголовка — это натуральный освежающий напиток двойного брожения на артезианской воде. Приготовленный по традиционной рецептуре, он сочетает мягкий аромат, сбалансированную сладость и приятную свежесть. Такой квас отлично утоляет жажду, подходит и для обеда дома, и для встреч с друзьями, и просто для момента, когда хочется чего-то по-настоящему натурального и вкусного.</p>
2762                <div class="popup-buttons-row">
2763                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=31435" class="button button_regular">Продукты</a>
2764                                </div>
2765                <div class="img-wrapper">
2766                    <img src="/upload/iblock/24b/var9m72pgu280tajnrv1mr0oydpcnghl/Chernogolovka_Kvas_Logo%20%281%29.png" alt="">
2767                </div>
2768            </div>
2769        </div>
2770            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30158}">
2771            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2772                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2773                    <g id="x-circle">
2774                        <path id="Vector"
2775                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2776                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2777                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2778                              stroke-linecap="round" stroke-linejoin="round" />
2779                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2780                              stroke-linecap="round" stroke-linejoin="round" />
2781                    </g>
2782                </svg>
2783            </button>
2784            <style>
2785.popup-buttons-row {
2786    grid-column: 2 / 3;
2787    grid-row: 4 / 5;
2788    display: flex;
2789    flex-direction: row;
2790    justify-content: flex-start;
2791    align-items: center;
2792    gap: 12px;
2793    width: 100%;
2794    margin-top: 15px;
2795}
2796
2797.popup-buttons-row .button {
2798    grid-column: auto !important;
2799    grid-row: auto !important;
2800    margin: 0 !important;
2801    width: auto !important;
2802    padding: 0 20px !important;
2803    height: 45px !important;
2804    text-align: center;
2805    white-space: nowrap; 
2806}
2807
2808            </style>
2809            <div class="card-popup card-popup_brand">
2810                <h2 class="section-title section-title">Extrasi</h2>
2811                <p>Extra вдохновляет людей отдаваться удовольствию полностью. Гранола и печенье Extra – это уникальное сочетание запеченных злаковых кусочков и ингредиентов премиум-класса, которые доставляют невероятное наслаждение.<br />
2812Твоё Extra удовольствие!</p>
2813                <div class="popup-buttons-row">
2814                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30158" class="button button_regular">Продукты</a>
2815                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
2816                                </div>
2817                <div class="img-wrapper">
2818                    <img src="/upload/iblock/44e/bbg8fe3mgl7tvupjt8dhcsnnuel8k88u/Extrasi_logo%20%282%29%201.png" alt="">
2819                </div>
2820            </div>
2821        </div>
2822            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_183}">
2823            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2824                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2825                    <g id="x-circle">
2826                        <path id="Vector"
2827                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2828                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2829                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2830                              stroke-linecap="round" stroke-linejoin="round" />
2831                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2832                              stroke-linecap="round" stroke-linejoin="round" />
2833                    </g>
2834                </svg>
2835            </button>
2836            <style>
2837.popup-buttons-row {
2838    grid-column: 2 / 3;
2839    grid-row: 4 / 5;
2840    display: flex;
2841    flex-direction: row;
2842    justify-content: flex-start;
2843    align-items: center;
2844    gap: 12px;
2845    width: 100%;
2846    margin-top: 15px;
2847}
2848
2849.popup-buttons-row .button {
2850    grid-column: auto !important;
2851    grid-row: auto !important;
2852    margin: 0 !important;
2853    width: auto !important;
2854    padding: 0 20px !important;
2855    height: 45px !important;
2856    text-align: center;
2857    white-space: nowrap; 
2858}
2859
2860            </style>
2861            <div class="card-popup card-popup_brand">
2862                <h2 class="section-title section-title">Черноголовка вода</h2>
2863                <p>«Черноголовка» — вода для современных людей, живущих в режиме многозадачности, которым мы предлагаем воду, прошедшую природную фильтрацию, дающую вкус живой природы в городе и переключающую на природное состояние, в котором чувствуешь правильный выбор и находишь свой естественный путь.<br />
2864«Черноголовка» — верный выбор от природы!</p>
2865                <div class="popup-buttons-row">
2866                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=183" class="button button_regular">Продукты</a>
2867                                    <a href="https://aqualife.ru/" class="button button_regular" target="_blank">Сайт</a>
2868                                </div>
2869                <div class="img-wrapper">
2870                    <img src="/upload/iblock/b96/bn8gttpjpd95c6xeazas765wqk6v2wte/Logo_329%201.png" alt="">
2871                </div>
2872            </div>
2873        </div>
2874            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30630}">
2875            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2876                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2877                    <g id="x-circle">
2878                        <path id="Vector"
2879                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2880                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2881                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2882                              stroke-linecap="round" stroke-linejoin="round" />
2883                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2884                              stroke-linecap="round" stroke-linejoin="round" />
2885                    </g>
2886                </svg>
2887            </button>
2888            <style>
2889.popup-buttons-row {
2890    grid-column: 2 / 3;
2891    grid-row: 4 / 5;
2892    display: flex;
2893    flex-direction: row;
2894    justify-content: flex-start;
2895    align-items: center;
2896    gap: 12px;
2897    width: 100%;
2898    margin-top: 15px;
2899}
2900
2901.popup-buttons-row .button {
2902    grid-column: auto !important;
2903    grid-row: auto !important;
2904    margin: 0 !important;
2905    width: auto !important;
2906    padding: 0 20px !important;
2907    height: 45px !important;
2908    text-align: center;
2909    white-space: nowrap; 
2910}
2911
2912            </style>
2913            <div class="card-popup card-popup_brand">
2914                <h2 class="section-title section-title">Matti</h2>
2915                <p>Готовые завтраки Mätti — это идеальное сочетание простых ингредиентов для того, чтобы каждое утро стало счастливым!</p>
2916                <div class="popup-buttons-row">
2917                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30630" class="button button_regular">Продукты</a>
2918                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
2919                                </div>
2920                <div class="img-wrapper">
2921                    <img src="/upload/iblock/13e/3sw1vo9s79rc7909h03zv1k7f3fj1hh2/Matti%20logo%20red.png" alt="">
2922                </div>
2923            </div>
2924        </div>
2925            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30593}">
2926            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2927                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2928                    <g id="x-circle">
2929                        <path id="Vector"
2930                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2931                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2932                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2933                              stroke-linecap="round" stroke-linejoin="round" />
2934                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2935                              stroke-linecap="round" stroke-linejoin="round" />
2936                    </g>
2937                </svg>
2938            </button>
2939            <style>
2940.popup-buttons-row {
2941    grid-column: 2 / 3;
2942    grid-row: 4 / 5;
2943    display: flex;
2944    flex-direction: row;
2945    justify-content: flex-start;
2946    align-items: center;
2947    gap: 12px;
2948    width: 100%;
2949    margin-top: 15px;
2950}
2951
2952.popup-buttons-row .button {
2953    grid-column: auto !important;
2954    grid-row: auto !important;
2955    margin: 0 !important;
2956    width: auto !important;
2957    padding: 0 20px !important;
2958    height: 45px !important;
2959    text-align: center;
2960    white-space: nowrap; 
2961}
2962
2963            </style>
2964            <div class="card-popup card-popup_brand">
2965                <h2 class="section-title section-title">Matti</h2>
2966                <p>Цельные злаки – основной ингредиент всех наших продуктов, ценный источник медленных углеводов и клетчатки, зарядит вас энергией для новых свершений.<br />
2967Фрукты и ягоды – бережно обработанные по специальной теÑ
2967…нологии сублимации, сохраняют витамины и минералы. Это очень важно для поддержания иммунитета и отличного самочувствия.</p>
2968                <div class="popup-buttons-row">
2969                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30593" class="button button_regular">Продукты</a>
2970                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
2971                                </div>
2972                <div class="img-wrapper">
2973                    <img src="/upload/iblock/446/7idcw2sovasekko7omki9q4t4gb13w52/_1.png" alt="">
2974                </div>
2975            </div>
2976        </div>
2977            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30479}">
2978            <button class="button-close-popup" @click="$store.popup.closeBrand()">
2979                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2980                    <g id="x-circle">
2981                        <path id="Vector"
2982                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
2983                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2984                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
2985                              stroke-linecap="round" stroke-linejoin="round" />
2986                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
2987                              stroke-linecap="round" stroke-linejoin="round" />
2988                    </g>
2989                </svg>
2990            </button>
2991            <style>
2992.popup-buttons-row {
2993    grid-column: 2 / 3;
2994    grid-row: 4 / 5;
2995    display: flex;
2996    flex-direction: row;
2997    justify-content: flex-start;
2998    align-items: center;
2999    gap: 12px;
3000    width: 100%;
3001    margin-top: 15px;
3002}
3003
3004.popup-buttons-row .button {
3005    grid-column: auto !important;
3006    grid-row: auto !important;
3007    margin: 0 !important;
3008    width: auto !important;
3009    padding: 0 20px !important;
3010    height: 45px !important;
3011    text-align: center;
3012    white-space: nowrap; 
3013}
3014
3015            </style>
3016            <div class="card-popup card-popup_brand">
3017                <h2 class="section-title section-title">Gipopo</h2>
3018                <p>ДЕТСКОЕ ПИТАНИЕ GIPOPO<br />
3019– это продуманная экспертами система питания, учитывающая ключевые потребности малыша на каждом этапе его развития. Широкий ассортимент продуктов разработан с учетом возрастных особенностей и предпочтений каждого ребенка и включает в себя: сухие каши, жидкие кашки, фруктовые, овощные, мясные и мясорастительные пюре, снеки.</p>
3020                <div class="popup-buttons-row">
3021                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30479" class="button button_regular">Продукты</a>
3022                                    <a href="https://gipopo-baby.ru/" class="button button_regular" target="_blank">Сайт</a>
3023                                </div>
3024                <div class="img-wrapper">
3025                    <img src="/upload/iblock/727/txcrppc1kiqpl1ivrz2o9mrgxqs50u7v/SRJms0J8sn0NGwV6Ba6s.png" alt="">
3026                </div>
3027            </div>
3028        </div>
3029            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30344}">
3030            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3031                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3032                    <g id="x-circle">
3033                        <path id="Vector"
3034                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3035                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3036                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3037                              stroke-linecap="round" stroke-linejoin="round" />
3038                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3039                              stroke-linecap="round" stroke-linejoin="round" />
3040                    </g>
3041                </svg>
3042            </button>
3043            <style>
3044.popup-buttons-row {
3045    grid-column: 2 / 3;
3046    grid-row: 4 / 5;
3047    display: flex;
3048    flex-direction: row;
3049    justify-content: flex-start;
3050    align-items: center;
3051    gap: 12px;
3052    width: 100%;
3053    margin-top: 15px;
3054}
3055
3056.popup-buttons-row .button {
3057    grid-column: auto !important;
3058    grid-row: auto !important;
3059    margin: 0 !important;
3060    width: auto !important;
3061    padding: 0 20px !important;
3062    height: 45px !important;
3063    text-align: center;
3064    white-space: nowrap; 
3065}
3066
3067            </style>
3068            <div class="card-popup card-popup_brand">
3069                <h2 class="section-title section-title">Черноголовка TRENDY MIXES</h2>
3070                <p></p>
3071                <div class="popup-buttons-row">
3072                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30344" class="button button_regular">Продукты</a>
3073                                </div>
3074                <div class="img-wrapper">
3075                    <img src="/upload/iblock/f64/i7llm7vlihd0w76dcl1kejss9kw184c8/Trendy%20Mixes_Logo_2025-01.png" alt="">
3076                </div>
3077            </div>
3078        </div>
3079            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30311}">
3080            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3081                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3082                    <g id="x-circle">
3083                        <path id="Vector"
3084                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3085                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3086                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3087                              stroke-linecap="round" stroke-linejoin="round" />
3088                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3089                              stroke-linecap="round" stroke-linejoin="round" />
3090                    </g>
3091                </svg>
3092            </button>
3093            <style>
3094.popup-buttons-row {
3095    grid-column: 2 / 3;
3096    grid-row: 4 / 5;
3097    display: flex;
3098    flex-direction: row;
3099    justify-content: flex-start;
3100    align-items: center;
3101    gap: 12px;
3102    width: 100%;
3103    margin-top: 15px;
3104}
3105
3106.popup-buttons-row .button {
3107    grid-column: auto !important;
3108    grid-row: auto !important;
3109    margin: 0 !important;
3110    width: auto !important;
3111    padding: 0 20px !important;
3112    height: 45px !important;
3113    text-align: center;
3114    white-space: nowrap; 
3115}
3116
3117            </style>
3118            <div class="card-popup card-popup_brand">
3119                <h2 class="section-title section-title">ЧЕРНОГОЛОВКА H2FRUIT</h2>
3120                <p>Линейка воды с мягкой газацией ЧЕРНОГОЛОВКА H2FRUIT - НОВИНКА от экспертов во вкусе, создателей всеми любимых лимонадов Черноголовка, на базе чистейшей артезианской воды с соком и витаминами в уникальных трендовых миксах вкусов.</p>
3121                <div class="popup-buttons-row">
3122                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30311" class="button button_regular">Продукты</a>
3123                                </div>
3124                <div class="img-wrapper">
3125                    <img src="/upload/iblock/cc0/osk1th1gu8kt46zxf67kg09rglcx8l15/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B2%D0%BE%D0%B4%D0%B0-04%201.png" alt="">
3126                </div>
3127            </div>
3128        </div>
3129            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30170}">
3130            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3131                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3132                    <g id="x-circle">
3133                        <path id="Vector"
3134                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3135                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3136                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3137                              stroke-linecap="round" stroke-linejoin="round" />
3138                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3139                              stroke-linecap="round" stroke-linejoin="round" />
3140                    </g>
3141                </svg>
3142            </button>
3143            <style>
3144.popup-buttons-row {
3145    grid-column: 2 / 3;
3146    grid-row: 4 / 5;
3147    display: flex;
3148    flex-direction: row;
3149    justify-content: flex-start;
3150    align-items: center;
3151    gap: 12px;
3152    width: 100%;
3153    margin-top: 15px;
3154}
3155
3156.popup-buttons-row .button {
3157    grid-column: auto !important;
3158    grid-row: auto !important;
3159    margin: 0 !important;
3160    width: auto !important;
3161    padding: 0 20px !important;
3162    height: 45px !important;
3163    text-align: center;
3164    white-space: nowrap; 
3165}
3166
3167            </style>
3168            <div class="card-popup card-popup_brand">
3169                <h2 class="section-title section-title">Unicorn</h2>
3170                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
3171Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
3172 <br />
3173Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
3174                <div class="popup-buttons-row">
3175                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30170" class="button button_regular">Продукты</a>
3176                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
3177                                </div>
3178                <div class="img-wrapper">
3179                    <img src="/upload/iblock/e4c/vwjlrmipcvgipj9rbwynde4xjlb1j88e/unicorn_logo_new.png" alt="">
3180                </div>
3181            </div>
3182        </div>
3183            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30115}">
3184            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3185                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3186                    <g id="x-circle">
3187                        <path id="Vector"
3188                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3189                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3190                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3191                              stroke-linecap="round" stroke-linejoin="round" />
3192                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3193                              stroke-linecap="round" stroke-linejoin="round" />
3194                    </g>
3195                </svg>
3196            </button>
3197            <style>
3198.popup-buttons-row {
3199    grid-column: 2 / 3;
3200    grid-row: 4 / 5;
3201    display: flex;
3202    flex-direction: row;
3203    justify-content: flex-start;
3204    align-items: center;
3205    gap: 12px;
3206    width: 100%;
3207    margin-top: 15px;
3208}
3209
3210.popup-buttons-row .button {
3211    grid-column: auto !important;
3212    grid-row: auto !important;
3213    margin: 0 !important;
3214    width: auto !important;
3215    padding: 0 20px !important;
3216    height: 45px !important;
3217    text-align: center;
3218    white-space: nowrap; 
3219}
3220
3221            </style>
3222            <div class="card-popup card-popup_brand">
3223                <h2 class="section-title section-title">CHEESL'S</h2>
3224                <p>Запечённые чипсы Cheesl&#39;s - аппетитная новинка в мире чипсов!<br />
3225<br />
3226Мы делаем вкус Cheesl’s по-настоящему сырным благодаря оригинальной технологии производства, в которой настоящий сыр добавляется внутрь каждого кусочка, а инновационный процесс запекания и уникальная форма позволяют ощутить особую хрусткость. <br />
3227<br />
3228Запеченные чипсы Cheesl&#39;s со 100&#37; настоящим сыром - созданы для сырных моментов и хрустящих впечатлений!<br />
3229</p>
3230                <div class="popup-buttons-row">
3231                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30115" class="button button_regular">Продукты</a>
3232                                    <a href="https://cheesls.ru/" class="button button_regular" target="_blank">Сайт</a>
3233                                </div>
3234                <div class="img-wrapper">
3235                    <img src="/upload/iblock/433/drx4fh463e02jtl14ovgasvytwcvymtl/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1.png" alt="">
3236                </div>
3237            </div>
3238        </div>
3239            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_29950}">
3240            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3241                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3242                    <g id="x-circle">
3243                        <path id="Vector"
3244                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3245                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3246                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3247                              stroke-linecap="round" stroke-linejoin="round" />
3248                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3249                              stroke-linecap="round" stroke-linejoin="round" />
3250                    </g>
3251                </svg>
3252            </button>
3253            <style>
3254.popup-buttons-row {
3255    grid-column: 2 / 3;
3256    grid-row: 4 / 5;
3257    display: flex;
3258    flex-direction: row;
3259    justify-content: flex-start;
3260    align-items: center;
3261    gap: 12px;
3262    width: 100%;
3263    margin-top: 15px;
3264}
3265
3266.popup-buttons-row .button {
3267    grid-column: auto !important;
3268    grid-row: auto !important;
3269    margin: 0 !important;
3270    width: auto !important;
3271    padding: 0 20px !important;
3272    height: 45px !important;
3273    text-align: center;
3274    white-space: nowrap; 
3275}
3276
3277            </style>
3278            <div class="card-popup card-popup_brand">
3279                <h2 class="section-title section-title">Любятово</h2>
3280                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
3281Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
3282                <div class="popup-buttons-row">
3283                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29950" class="button button_regular">Продукты</a>
3284                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
3285                                </div>
3286                <div class="img-wrapper">
3287                    <img src="/upload/iblock/4d8/ha7hzdfwxgtfya6b9v6slzr8rigjnwgs/Logo%202025.png" alt="">
3288                </div>
3289            </div>
3290        </div>
3291            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_14560}">
3292            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3293                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3294                    <g id="x-circle">
3295                        <path id="Vector"
3296                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3297                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3298                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3299                              stroke-linecap="round" stroke-linejoin="round" />
3300                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3301                              stroke-linecap="round" stroke-linejoin="round" />
3302                    </g>
3303                </svg>
3304            </button>
3305            <style>
3306.popup-buttons-row {
3307    grid-column: 2 / 3;
3308    grid-row: 4 / 5;
3309    display: flex;
3310    flex-direction: row;
3311    justify-content: flex-start;
3312    align-items: center;
3313    gap: 12px;
3314    width: 100%;
3315    margin-top: 15px;
3316}
3317
3318.popup-buttons-row .button {
3319    grid-column: auto !important;
3320    grid-row: auto !important;
3321    margin: 0 !important;
3322    width: auto !important;
3323    padding: 0 20px !important;
3324    height: 45px !important;
3325    text-align: center;
3326    white-space: nowrap; 
3327}
3328
3329            </style>
3330            <div class="card-popup card-popup_brand">
3331                <h2 class="section-title section-title">Chillout</h2>
3332                <p>Этот вкус любят все. Он главный гость на каждой вечеринке и всегда в центре внимания. Он помогает заговорить с любым гостем и начать танцевать в ритм музыки. Бывает с сахаром и без. Идеален сам по себе, но еще отлично сочетается с другими ингредиентами в коктейлях! Миксуйте, пробуйте!<br />
3333</p>
3334                <div class="popup-buttons-row">
3335                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=14560" class="button button_regular">Продукты</a>
3336                                    <a href="https://chillout-drinks.ru/" class="button button_regular" target="_blank">Сайт</a>
3337                                </div>
3338                <div class="img-wrapper">
3339                    <img src="/upload/iblock/e28/bse2kcqa9o6oflwpz60907n1xomcws97/LOGO_Chillout2024-02_%D1%82%D0%BE%D0%BD%D0%B8%D0%BA%20%2800000002%29.png" alt="">
3340                </div>
3341            </div>
3342        </div>
3343            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_185}">
3344            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3345                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3346                    <g id="x-circle">
3347                        <path id="Vector"
3348                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3349                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3350                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3351                              stroke-linecap="round" stroke-linejoin="round" />
3352                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3353                              stroke-linecap="round" stroke-linejoin="round" />
3354                    </g>
3355                </svg>
3356            </button>
3357            <style>
3358.popup-buttons-row {
3359    grid-column: 2 / 3;
3360    grid-row: 4 / 5;
3361    display: flex;
3362    flex-direction: row;
3363    justify-content: flex-start;
3364    align-items: center;
3365    gap: 12px;
3366    width: 100%;
3367    margin-top: 15px;
3368}
3369
3370.popup-buttons-row .button {
3371    grid-column: auto !important;
3372    grid-row: auto !important;
3373    margin: 0 !important;
3374    width: auto !important;
3375    padding: 0 20px !important;
3376    height: 45px !important;
3377    text-align: center;
3378    white-space: nowrap; 
3379}
3380
3381            </style>
3382            <div class="card-popup card-popup_brand">
3383                <h2 class="section-title section-title">Fantola</h2>
3384                <p>Лимонад для самых стильных, модных и ярких!<br />
3385В линейке Fantola есть классические, знакомые вкусы колы и апельсина, удивительный освежающий микс лимона и лайма, а также самый неожиданный вкус — Bubble Gum. Благодаря этим ярким игристым бутылочкам любой момент жизни становится еще более красочным и свежим. <br />
3386Не веришь? Просто сделай глоток и посмотри, как тебе захлестнет волна классных эмоций!</p>
3387                <div class="popup-buttons-row">
3388                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=185" class="button button_regular">Продукты</a>
3389                                </div>
3390                <div class="img-wrapper">
3391                    <img src="/upload/iblock/9a0/sz1f2n7e0muaweslvn5xa5p4o278iv0r/%D0%BB%D0%BE%D0%B3%D0%BE%20%D1%84%D0%B0%D0%BD%D1%82%D0%BE%D0%BB%D0%B0.png" alt="">
3392                </div>
3393            </div>
3394        </div>
3395            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_187}">
3396            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3397                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3398                    <g id="x-circle">
3399                        <path id="Vector"
3400                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3401                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3402                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3403                              stroke-linecap="round" stroke-linejoin="round" />
3404                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3405                              stroke-linecap="round" stroke-linejoin="round" />
3406                    </g>
3407                </svg>
3408            </button>
3409            <style>
3410.popup-buttons-row {
3411    grid-column: 2 / 3;
3412    grid-row: 4 / 5;
3413    display: flex;
3414    flex-direction: row;
3415    justify-content: flex-start;
3416    align-items: center;
3417    gap: 12px;
3418    width: 100%;
3419    margin-top: 15px;
3420}
3421
3422.popup-buttons-row .button {
3423    grid-column: auto !important;
3424    grid-row: auto !important;
3425    margin: 0 !important;
3426    width: auto !important;
3427    padding: 0 20px !important;
3428    height: 45px !important;
3429    text-align: center;
3430    white-space: nowrap; 
3431}
3432
3433            </style>
3434            <div class="card-popup card-popup_brand">
3435                <h2 class="section-title section-title">Cristelle вода</h2>
3436                <p>Сristelle – тот случай, когда внутреннее содержание полностью соответствует идеальной форме.&nbsp;&nbsp;С такой природной водой приятно провести вечер в ресторане, небольшой отпуск в элегантном отеле или… совершить полёт бизнес-классом.<br />
3437<br />
3438Над дизайном бутылки Cristelle поработали итальянские мастера дизайна.&nbsp;&nbsp;Над внутренним содержанием - природа.&nbsp;&nbsp;Как утверждают геологи, ещё 300 миллионов лет назад. </p>
3439                <div class="popup-buttons-row">
3440                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=187" class="button button_regular">Продукты</a>
3441                                    <a href="https://cristelle-water.ru/" class="button button_regular" target="_blank">Сайт</a>
3442                                </div>
3443                <div class="img-wrapper">
3444                    <img src="/upload/iblock/78c/0w3re2xanvwtb9cr0cxi6gtgf3pv73ks/Cristelle%2
34440%D0%B3%D0%B0%D0%B7.png" alt="">
3445                </div>
3446            </div>
3447        </div>
3448            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_30356}">
3449            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3450                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3451                    <g id="x-circle">
3452                        <path id="Vector"
3453                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3454                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3455                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3456                              stroke-linecap="round" stroke-linejoin="round" />
3457                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3458                              stroke-linecap="round" stroke-linejoin="round" />
3459                    </g>
3460                </svg>
3461            </button>
3462            <style>
3463.popup-buttons-row {
3464    grid-column: 2 / 3;
3465    grid-row: 4 / 5;
3466    display: flex;
3467    flex-direction: row;
3468    justify-content: flex-start;
3469    align-items: center;
3470    gap: 12px;
3471    width: 100%;
3472    margin-top: 15px;
3473}
3474
3475.popup-buttons-row .button {
3476    grid-column: auto !important;
3477    grid-row: auto !important;
3478    margin: 0 !important;
3479    width: auto !important;
3480    padding: 0 20px !important;
3481    height: 45px !important;
3482    text-align: center;
3483    white-space: nowrap; 
3484}
3485
3486            </style>
3487            <div class="card-popup card-popup_brand">
3488                <h2 class="section-title section-title">COSMOS</h2>
3489                <p>Cosmos - это космическая энергия, воплощённая в оригинальном и тропическом вкусах. В составе сочетаются кофеин, таурин и витамины группы B, а экстракты гуавы и женьшеня дополняют композицию, придавая напитку уникальный вкус и дополнительные полезные свойства. Почувствуй космическую энергию в каждой капле — выбери Cosmos для ярких достижений и новых горизонтов!</p>
3490                <div class="popup-buttons-row">
3491                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30356" class="button button_regular">Продукты</a>
3492                                </div>
3493                <div class="img-wrapper">
3494                    <img src="/upload/iblock/38d/0y8qifwp0399m4ivvzxbyhpajb3ap01z/%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D1%81%20%D0%BB%D0%BE%D0%B3%D0%BE%20%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82.png" alt="">
3495                </div>
3496            </div>
3497        </div>
3498            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_17669}">
3499            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3500                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3501                    <g id="x-circle">
3502                        <path id="Vector"
3503                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3504                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3505                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3506                              stroke-linecap="round" stroke-linejoin="round" />
3507                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3508                              stroke-linecap="round" stroke-linejoin="round" />
3509                    </g>
3510                </svg>
3511            </button>
3512            <style>
3513.popup-buttons-row {
3514    grid-column: 2 / 3;
3515    grid-row: 4 / 5;
3516    display: flex;
3517    flex-direction: row;
3518    justify-content: flex-start;
3519    align-items: center;
3520    gap: 12px;
3521    width: 100%;
3522    margin-top: 15px;
3523}
3524
3525.popup-buttons-row .button {
3526    grid-column: auto !important;
3527    grid-row: auto !important;
3528    margin: 0 !important;
3529    width: auto !important;
3530    padding: 0 20px !important;
3531    height: 45px !important;
3532    text-align: center;
3533    white-space: nowrap; 
3534}
3535
3536            </style>
3537            <div class="card-popup card-popup_brand">
3538                <h2 class="section-title section-title">БАЙКАЛ</h2>
3539                <p>Можно ли пить энергетики и вести здоровый образ жизни? Конечно! Энергетические напитки БАЙКАЛ natural energy — натуральные энергетические напитки нового поколения с естественными вкусами. Только природные источники бодрости: натуральный кофеин, элеутерококк и соки, без таурина и консервантов, с витаминами группы В, которые помогают бороться с усталостью.<br />
3540Попробуйте натуральную энергию Байкала! </p>
3541                <div class="popup-buttons-row">
3542                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17669" class="button button_regular">Продукты</a>
3543                                </div>
3544                <div class="img-wrapper">
3545                    <img src="/upload/iblock/8f6/zmpjkisdk322zmieoef7atfisbxtpym1/%D0%91%D0%B0%D0%B9%D0%BA%D0%B0%D0%BB%20Natural%20Energy.png" alt="">
3546                </div>
3547            </div>
3548        </div>
3549            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_29918}">
3550            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3551                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3552                    <g id="x-circle">
3553                        <path id="Vector"
3554                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3555                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3556                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3557                              stroke-linecap="round" stroke-linejoin="round" />
3558                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3559                              stroke-linecap="round" stroke-linejoin="round" />
3560                    </g>
3561                </svg>
3562            </button>
3563            <style>
3564.popup-buttons-row {
3565    grid-column: 2 / 3;
3566    grid-row: 4 / 5;
3567    display: flex;
3568    flex-direction: row;
3569    justify-content: flex-start;
3570    align-items: center;
3571    gap: 12px;
3572    width: 100%;
3573    margin-top: 15px;
3574}
3575
3576.popup-buttons-row .button {
3577    grid-column: auto !important;
3578    grid-row: auto !important;
3579    margin: 0 !important;
3580    width: auto !important;
3581    padding: 0 20px !important;
3582    height: 45px !important;
3583    text-align: center;
3584    white-space: nowrap; 
3585}
3586
3587            </style>
3588            <div class="card-popup card-popup_brand">
3589                <h2 class="section-title section-title">Любятово</h2>
3590                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
3591Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
3592                <div class="popup-buttons-row">
3593                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29918" class="button button_regular">Продукты</a>
3594                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
3595                                </div>
3596                <div class="img-wrapper">
3597                    <img src="/upload/iblock/f39/ri3y2xhxkmbif13o3i60od00xsfdu5m2/Logo%202025.png" alt="">
3598                </div>
3599            </div>
3600        </div>
3601            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_29971}">
3602            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3603                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3604                    <g id="x-circle">
3605                        <path id="Vector"
3606                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3607                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3608                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3609                              stroke-linecap="round" stroke-linejoin="round" />
3610                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3611                              stroke-linecap="round" stroke-linejoin="round" />
3612                    </g>
3613                </svg>
3614            </button>
3615            <style>
3616.popup-buttons-row {
3617    grid-column: 2 / 3;
3618    grid-row: 4 / 5;
3619    display: flex;
3620    flex-direction: row;
3621    justify-content: flex-start;
3622    align-items: center;
3623    gap: 12px;
3624    width: 100%;
3625    margin-top: 15px;
3626}
3627
3628.popup-buttons-row .button {
3629    grid-column: auto !important;
3630    grid-row: auto !important;
3631    margin: 0 !important;
3632    width: auto !important;
3633    padding: 0 20px !important;
3634    height: 45px !important;
3635    text-align: center;
3636    white-space: nowrap; 
3637}
3638
3639            </style>
3640            <div class="card-popup card-popup_brand">
3641                <h2 class="section-title section-title">Extrasi</h2>
3642                <p>Такие вкусные и необычные, наполненные удовольствием продукты EXTRASI придают экстра ценность моментам жизни каждый день.<br />
3643EXTRASI -&nbsp;&nbsp;скажи удовольствию ДА!</p>
3644                <div class="popup-buttons-row">
3645                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29971" class="button button_regular">Продукты</a>
3646                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
3647                                </div>
3648                <div class="img-wrapper">
3649                    <img src="/upload/iblock/976/3ifavzml6a2wgpwubevrauqqf4ju85n6/Extrasi_logo%20%282%29%201.png" alt="">
3650                </div>
3651            </div>
3652        </div>
3653            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_17605}">
3654            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3655                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3656                    <g id="x-circle">
3657                        <path id="Vector"
3658                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3659                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3660                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3661                              stroke-linecap="round" stroke-linejoin="round" />
3662                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3663                              stroke-linecap="round" stroke-linejoin="round" />
3664                    </g>
3665                </svg>
3666            </button>
3667            <style>
3668.popup-buttons-row {
3669    grid-column: 2 / 3;
3670    grid-row: 4 / 5;
3671    display: flex;
3672    flex-direction: row;
3673    justify-content: flex-start;
3674    align-items: center;
3675    gap: 12px;
3676    width: 100%;
3677    margin-top: 15px;
3678}
3679
3680.popup-buttons-row .button {
3681    grid-column: auto !important;
3682    grid-row: auto !important;
3683    margin: 0 !important;
3684    width: auto !important;
3685    padding: 0 20px !important;
3686    height: 45px !important;
3687    text-align: center;
3688    white-space: nowrap; 
3689}
3690
3691            </style>
3692            <div class="card-popup card-popup_brand">
3693                <h2 class="section-title section-title">FUN</h2>
3694                <p>Для всех фанатов самых шипучих шипучек! Тысячи пузырьков в бутылочке «FUN кола» подчеркнут насыщенный вкус любимого миллионами напитка, а игристый «Буратино» перенесет всех в беззаботное веселое детство. Те, кто уже попробовал эти напитки, знают — весь FUN начинается с «Пшш…».</p>
3695                <div class="popup-buttons-row">
3696                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17605" class="button button_regular">Продукты</a>
3697                                </div>
3698                <div class="img-wrapper">
3699                    <img src="/upload/iblock/618/1j4poawrrpwwmgc1nhj20yj3mgpodl2h/fun_logo.png" alt="">
3700                </div>
3701            </div>
3702        </div>
3703            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_29972}">
3704            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3705                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3706                    <g id="x-circle">
3707                        <path id="Vector"
3708                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3709                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3710                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3711                              stroke-linecap="round" stroke-linejoin="round" />
3712                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3713                              stroke-linecap="round" stroke-linejoin="round" />
3714                    </g>
3715                </svg>
3716            </button>
3717            <style>
3718.popup-buttons-row {
3719    grid-column: 2 / 3;
3720    grid-row: 4 / 5;
3721    display: flex;
3722    flex-direction: row;
3723    justify-content: flex-start;
3724    align-items: center;
3725    gap: 12px;
3726    width: 100%;
3727    margin-top: 15px;
3728}
3729
3730.popup-buttons-row .button {
3731    grid-column: auto !important;
3732    grid-row: auto !important;
3733    margin: 0 !important;
3734    width: auto !important;
3735    padding: 0 20px !important;
3736    height: 45px !important;
3737    text-align: center;
3738    white-space: nowrap; 
3739}
3740
3741            </style>
3742            <div class="card-popup card-popup_brand">
3743                <h2 class="section-title section-title">Chocozavr</h2>
3744                <p>Мы создали Chocozavr для самых больших ценителей шоколадных готовых завтраков. Хрустящие подушечки с нежнейшей начинкой или фигурки «Шоксики» с настоящим шоколадом – вот секрет потрясающе вкусного и питательного завтрака. А еще, подушечки идеально подходят как самостоятельный перекус или десерт к чаю.<br />
3745Утоли свою жажду шоколада!</p>
3746                <div class="popup-buttons-row">
3747                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29972" class="button button_regular">Продукты</a>
3748                                    <a href=" https://www.lubyatovo.ru/brands/chocozavr/" class="button button_regular" target="_blank">Сайт</a>
3749                                </div>
3750                <div class="img-wrapper">
3751                    <img src="/upload/iblock/87d/xmjug6axq1lojai1zltoo986gn5ij937/Chocozavr.png" alt="">
3752                </div>
3753            </div>
3754        </div>
3755            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_279}">
3756            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3757                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3758                    <g id="x-circle">
3759                        <path id="Vector"
3760                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3761                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3762                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3763                              stroke-linecap="round" stroke-linejoin="round" />
3764                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3765                              stroke-linecap="round" stroke-linejoin="round" />
3766                    </g>
3767                </svg>
3768            </button>
3769            <style>
3770.popup-buttons-row {
3771    grid-column: 2 / 3;
3772    grid-row: 4 / 5;
3773    display: flex;
3774    flex-direction: row;
3775    justify-content: flex-start;
3776    align-items: center;
3777    gap: 12px;
3778    width: 100%;
3779    margin-top: 15px;
3780}
3781
3782.popup-buttons-row .button {
3783    grid-column: auto !important;
3784    grid-row: auto !important;
3785    margin: 0 !important;
3786    width: auto !important;
3787    padding: 0 20px !important;
3788    height: 45px !important;
3789    text-align: center;
3790    white-space: nowrap; 
3791}
3792
3793            </style>
3794            <div class="card-popup card-popup_brand">
3795                <h2 class="section-title section-title">FRY’S</h2>
3796                <p>Обычные, рифленые или соломкой — какие ваши любимые чипсы? В линейке Fry´s есть натуральные картофельные чипсы любой формы и вкуса! Любителям всего поострее понравятся чипсы васаби, чили или горчица. Ценителям изысканных вкусов подойдут Fry´s с крабом или с лососем в сливочном соусе. А почитателям классики — с сыром, солью или с зеленым луком.</p>
3797                <div class="popup-buttons-row">
3798                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=279" class="button button_regular">Продукты</a>
3799                                </div>
3800                <div class="img-wrapper">
3801                    <img src="/upload/iblock/4cf/0tog9gnkdsa5qk1ke694q3wbgpqdz8jc/Frys_logo.png" alt="">
3802                </div>
3803            </div>
3804        </div>
3805            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_189}">
3806            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3807                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3808                    <g id="x-circle">
3809                        <path id="Vector"
3810                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3811                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3812                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3813                              stroke-linecap="round" stroke-linejoin="round" />
3814                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3815                              stroke-linecap="round" stroke-linejoin="round" />
3816                    </g>
3817                </svg>
3818            </button>
3819            <style>
3820.popup-buttons-row {
3821    grid-column: 2 / 3;
3822    grid-row: 4 / 5;
3823    display: flex;
3824    flex-direction: row;
3825    justify-content: flex-start;
3826    align-items: center;
3827    gap: 12px;
3828    width: 100%;
3829    margin-top: 15px;
3830}
3831
3832.popup-buttons-row .button {
3833    grid-column: auto !important;
3834    grid-row: auto !important;
3835    margin: 0 !important;
3836    width: auto !important;
3837    padding: 0 20px !important;
3838    height: 45px !important;
3839    text-align: center;
3840    white-space: nowrap; 
3841}
3842
3843            </style>
3844            <div class="card-popup card-popup_brand">
3845                <h2 class="section-title section-title">BON GIORNO</h2>
3846                <p>Чипсы Bon Giorno – это коллекция разнообразных изысканных вкусов, вдохновленных путешествиями в разные страны, которые добавят хрустящего удовольствия и приятной атмосферы любым моментам вашей жизни.</p>
3847                <div class="popup-buttons-row">
3848                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=189" class="button button_regular">Продукты</a>
3849                                </div>
3850                <div class="img-wrapper">
3851                    <img src="/upload/iblock/ac9/ycllf18nscmvee7gecfosdc41ftvoycp/Logo%20BG-01.png" alt="">
3852                </div>
3853            </div>
3854        </div>
3855            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_29974}">
3856            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3857                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3858                    <g id="x-circle">
3859                        <path id="Vector"
3860                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3861                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3862                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3863                              stroke-linecap="round" stroke-linejoin="round" />
3864                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3865                              stroke-linecap="round" stroke-linejoin="round" />
3866                    </g>
3867                </svg>
3868            </button>
3869            <style>
3870.popup-buttons-row {
3871    grid-column: 2 / 3;
3872    grid-row: 4 / 5;
3873    display: flex;
3874    flex-direction: row;
3875    justify-content: flex-start;
3876    align-items: center;
3877    gap: 12px;
3878    width: 100%;
3879    margin-top: 15px;
3880}
3881
3882.popup-buttons-row .button {
3883    grid-column: auto !important;
3884    grid-row: auto !important;
3885    margin: 0 !important;
3886    width: auto !important;
3887    padding: 0 20px !important;
3888    height: 45px !important;
3889    text-align: center;
3890    white-space: nowrap; 
3891}
3892
3893            </style>
3894            <div class="card-popup card-popup_brand">
3895                <h2 class="section-title section-title">Unicorn</h2>
3896                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
3897Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
3898 <br />
3899Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
3900                <div class="popup-buttons-row">
3901                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29974" class="button button_regular">Продукты</a>
3902                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
3903                                </div>
3904                <div class="img-wrapper">
3905                    <img src="/upload/iblock/464/of1zfw9ksqlg9y60sdyaj4hbujqvcplx/unicorn_logo_new.png" alt="">
3906                </div>
3907            </div>
3908        </div>
3909            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_190}">
3910            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3911                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3912                    <g id="x-circle">
3913                        <path id="Vector"
3914                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3915                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3916                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3917                              stroke-linecap="round" stroke-linejoin="round" />
3918                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3919                              stroke-linecap="round" stroke-linejoin="round" />
3920                    </g>
3921                </svg>
3922            </button>
3923            <style>
3924.popup-buttons-row {
3925    grid-column: 2 / 3;
3926    grid-row: 4 / 5;
3927    display: flex;
3928    flex-direction: row;
3929    justify-content: flex-start;
3930    align-items: center;
3931    gap: 12px;
3932    width: 100%;
3933    margin-top: 15px;
3934}
3935
3936.popup-buttons-row .button {
3937    grid-column: auto !important;
3938    grid-row: auto !important;
3939    margin: 0 !important;
3940    width: auto !important;
3941    padding: 0 20px !important;
3942    height: 45px !important;
3943    text-align: center;
3944    white-space: nowrap; 
3945}
3946
3947            </style>
3948            <div class="card-popup card-popup_brand">
3949                <h2 class="section-title section-title">CHAKA</h2>
3950                <p>Настоящее вкусовое комбо! В пачках Chaka — смесь орешков, печеных зерен кукурузы и хрустящих чаксов. Миксуйте их по-разному между собой и получайте каждый раз новые вкусовые сочетания! А для особых любителей арахиса мы создали отдельные пачки: арахис с сыром, беконом, вареными раками или классический — с солью.<br />
3951</p>
3952                <div class="popup-buttons-row">
3953                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=190" class="button button_regular">Продукты</a>
3954                                </div>
3955                <div class="img-wrapper">
3956                    <img src="/upload/iblock/3cd/uenmkec7jwkx3a0jhlubbp3r4ecrqaju/Chaka_logo.png" alt="">
3957                </div>
3958            </div>
3959        </div>
3960            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_191}">
3961            <button class="button-close-popup" @click="$store.popup.closeBrand()">
3962                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
3963                    <g id="x-circle">
3964                        <path id="Vector"
3965                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
3966                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
3967                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
3968                              stroke-linecap="round" stroke-linejoin="round" />
3969                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
3970                              stroke-linecap="round" stroke-linejoin="round" />
3971                    </g>
3972                </svg>
3973            </button>
3974            <style>
3975.popup-buttons-row {
3976    grid-column: 2 / 3;
3977    grid-row: 4 / 5;
3978    display: flex;
3979    flex-direction: row;
3980    justify-content: flex-start;
3981    align-items: center;
3982    gap: 12px;
3983    width: 100%;
3984    margin-top: 15px;
3985}
3986
3987.popup-buttons-row .button {
3988    grid-column: auto !important;
3989    grid-row: auto !important;
3990    margin: 0 !important;
3991    width: auto !important;
3992    padding: 0 20px !important;
3993    height: 45px !important;
3994    text-align: center;
3995    white-space: nowrap; 
3996}
3997
3998            </style>
3999            <div class="card-popup card-popup_brand">
4000                <h2 class="section-title section-title">Крутец</h2>
4001                <p>Сухарики по старинным русским рецептам придутся по вкусу всем богатырям и честным молодцам! Тем, кто любит все самое традиционное, понравятся крутецы с холодцом и хреном или красной икоркой. Тем, кому хочется чего-то новенького, стоит попробовать сухарики со спайси томатом или копченым кальмаром. А лучше все это миксовать! Для этого мы специально придумали особые крутецкие комбо.</p>
4002                <div class="popup-buttons-row">
4003                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=191" class="button button_regular">Продукты</a>
4004                                </div>
4005                <div class="img-wrapper">
4006                    <img src="/upload/iblock/6eb/agas8g7vcsvoz2x2ofhewlh408icpv1q/Krutets_logo_01.png" alt="">
4007                </div>
4008            </div>
4009        </div>
4010            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_29129}">
4011            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4012                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4013                    <g id="x-circle">
4014                        <path id="Vector"
4015                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4016                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4017                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4018                              stroke-linecap="round" stroke-linejoin="round" />
4019                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4020                              stroke-linecap="round" stroke-linejoin="round" />
4021                    </g>
4022                </svg>
4023            </button>
4024            <style>
4025.popup-buttons-row {
4026    grid-column: 2 / 3;
4027    grid-row: 4 / 5;
4028    display: flex;
4029    flex-direction: row;
4030    justify-content: flex-start;
4031    align-items: center;
4032    gap: 12px;
4033    width: 100%;
4034    margin-top: 15px;
4035}
4036
4037.popup-buttons-row .button {
4038    grid-column: auto !important;
4039    grid-row: auto !important;
4040    margin: 0 !important;
4041    width: auto !important;
4042    padding: 0 20px !important;
4043    height: 45px !important;
4044    text-align: center;
4045    white-space: nowrap; 
4046}
4047
4048            </style>
4049            <div class="card-popup card-popup_brand">
4050                <h2 class="section-title section-title">Черноголовка сиропы</h2>
4051                <p>В ассортименте нашей компании есть сиропы для приготовления безалкогольных напитков в разливном охлажденном виде. Это отличное решение для кафе, баров, ресторанов и кинотеатров!<br></p>
4052                <div class="popup-buttons-row">
4053                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29129" class="button button_regular">Продукты</a>
4054                                </div>
4055                <div class="img-wrapper">
4056                    <img src="/upload/iblock/4c5/ngpshtx5audp4bcczotn2pk356nzwx3f/logo_chernogolovka%20%285%29.png" alt="">
4057                </div>
4058            </div>
4059        </div>
4060            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_419}">
4061            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4062                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4063                    <g id="x-circle">
4064                        <path id="Vector"
4065                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4066                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4067                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4068                              stroke-linecap="round" stroke-linejoin="round" />
4069                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4070                              stroke-linecap="round" stroke-linejoin="round" />
4071                    </g>
4072                </svg>
4073            </button>
4074            <style>
4075.popup-buttons-row {
4076    grid-column: 2 / 3;
4077    grid-row: 4 / 5;
4078    display: flex;
4079    flex-direction: row;
4080    justify-content: flex-start;
4081    align-items: center;
4082    gap: 12px;
4083    width: 100%;
4084    margin-top: 15px;
4085}
4086
4087.popup-buttons-row .button {
4088    grid-column: auto !important;
4089    grid-row: auto !important;
4090    margin: 0 !important;
4091    width: auto !important;
4092    padding: 0 20px !important;
4093    height: 45px !important;
4094    text-align: center;
4095    white-space: nowrap; 
4096}
4097
4098            </style>
4099            <div class="card-popup card-popup_brand">
4100                <h2 class="section-title section-title">БИОКЕЙ</h2>
4101                <p>Вся польза Алтая в одном маленьком батончике! Перекус из цельных злаков от «БИОКЕЙ» — это только натуральные ингредиенты, клетчатка, микроэлементы, пищевые волокна и витамины группы B. А еще 4 разных вкуса! Полезная для иммунитета куркума и абрикос, сладкая клубника, питательный кокос и витаминная черника.</p>
4102                <div class="popup-buttons-row">
4103                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=419" class="button button_regular">Продукты</a>
4104                                </div>
4105                <div class="img-wrapper">
4106                    <img src="/upload/iblock/950/re593bx7vf73ssbugugp43fea5phep0z/biokey_logo.png" alt="">
4107                </div>
4108            </div>
4109        </div>
4110            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_235}">
4111            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4112                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4113                    <g id="x-circle">
4114                        <path id="Vector"
4115                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4116                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4117                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4118                              stroke-linecap="round" stroke-linejoin="round" />
4119                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4120                              stroke-linecap="round" stroke-linejoin="round" />
4121                    </g>
4122                </svg>
4123            </button>
4124            <style>
4125.popup-buttons-row {
4126    grid-column: 2 / 3;
4127    grid-row: 4 / 5;
4128    display: flex;
4129    flex-direction: row;
4130    justify-content: flex-start;
4131    align-items: center;
4132    gap: 12px;
4133    width: 100%;
4134    margin-top: 15px;
4135}
4136
4137.popup-buttons-row .button {
4138    grid-column: auto !important;
4139    grid-row: auto !important;
4140    margin: 0 !important;
4141    width: auto !important;
4142    padding: 0 20px !important;
4143    height: 45px !important;
4144    text-align: center;
4145    white-space: nowrap; 
4146}
4147
4148            </style>
4149            <div class="card-popup card-popup_brand">
4150                <h2 class="section-title section-title">Савинов</h2>
4151                <p>Более 100 лет назад купец Савинов основал кондитерскую фабрику, чтобы радовать людей вкусными конфетами. <br />
4152Кондитерская фабрика «Алтай» продолжает дело кондитера Савинова, соблюдая главный принцип его работы: пробовать новое и сохранять самое вкусное. <br />
4153«Савинов» сделает любой день вкуснее, все дело в конфетах!</p>
4154                <div class="popup-buttons-row">
4155                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=235" class="button button_regular">Продукты</a>
4156                                </div>
4157                <div class="img-wrapper">
4158                    <img src="/upload/iblock/650/uh0vt7ul48dmfv7fil3b6nwipe1xfjq1/Savinov_logo.png" alt="">
4159                </div>
4160            </div>
4161        </div>
4162            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 68_292}">
4163            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4164                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4165                    <g id="x-circle">
4166                        <path id="Vector"
4167                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4168                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4169                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4170                              stroke-linecap="round" stroke-linejoin="round" />
4171                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4172                              stroke-linecap="round" stroke-linejoin="round" />
4173                    </g>
4174                </svg>
4175            </button>
4176            <style>
4177.popup-buttons-row {
4178    grid-column: 2 / 3;
4179    grid-row: 4 / 5;
4180    display: flex;
4181    flex-direction: row;
4182    justify-content: flex-start;
4183    align-items: center;
4184    gap: 12px;
4185    width: 100%;
4186    margin-top: 15px;
4187}
4188
4189.popup-buttons-row .button {
4190    grid-column: auto !important;
4191    grid-row: auto !important;
4192    margin: 0 !important;
4193    width: auto !important;
4194    padding: 0 20px !important;
4195    height: 45px !important;
4196    text-align: center;
4197    white-space: nowrap; 
4198}
4199
4200            </style>
4201            <div class="card-popup card-popup_brand">
4202                <h2 class="section-title section-title">Черноголовка Бэйби</h2>
4203                <p>Мы понимаем, как важно для родителей заботиться о малышах, об их правильном питании каждый день. <br />
4204<br />
4205«Черноголовка Бэйби» — это вкусное и полезное детское питание высокого качества, созданное с заботой о малышах и их родителях. <br />
4206<br />
4207Наш ассортимент — это фруктовые пюре, соки, фрикадельки, питьевые кашки и вода для самых маленьких. В основе наших продуктов только качественные натуральные ингредиенты, без красителей, консервантов и ГМО.<br />
4208<br />
4209Для малышей с заботой от «Черноголовка Бэйби»!</p>
4210                <div class="popup-buttons-row">
4211                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=292" class="button button_regular">Продукты</a>
4212                                </div>
4213                <div class="img-wrapper">
4214                    <img src="/upload/iblock/0cd/flpo3eb0bqgjzr4enph2mykty2fk2hhr/%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0%20%D0%91%D1%8D%D0%B9%D0%B1%D0%B8%20%D0%BB%D0%BE%D0%B3%D0%BE.jpg" alt="">
4215                </div>
4216            </div>
4217        </div>
4218            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30337}">
4219            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4220                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4221                    <g id="x-circle">
4222                        <path id="Vector"
4223                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4224                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4225                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4226                              stroke-linecap="round" stroke-linejoin="round" />
4227                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4228                              stroke-linecap="round" stroke-linejoin="round" />
4229                    </g>
4230                </svg>
4231            </button>
4232            <style>
4233.popup-buttons-row {
4234    grid-column: 2 / 3;
4235    grid-row: 4 / 5;
4236    display: flex;
4237    flex-direction: row;
4238    justify-content: flex-start;
4239    align-items: center;
4240    gap: 12px;
4241    width: 100%;
4242    margin-top: 15px;
4243}
4244
4245.popup-buttons-row .button {
4246    grid-column: auto !important;
4247    grid-row: auto !important;
4248    margin: 0 !important;
4249    width: auto !important;
4250    padding: 0 20px !important;
4251    height: 45px !important;
4252    text-align: center;
4253    white-space: nowrap; 
4254}
4255
4256            </style>
4257            <div class="card-popup card-popup_brand">
4258                <h2 class="section-title section-title">X-TURBO</h2>
4259                <p>Открой для себя энергетик X-Turbo, представленный в трех линейках: Focus, Active и Party. Уникальный микс в каждой линейке обеспечивает максимальный эффект. X-Turbo — это мощь внутри тебя, готовая зажигать в любой момент. Выбери свою линейку и наслаждайся энергией X-Turbo!</p>
4260                <div class="popup-buttons-row">
4261                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30337" class="button button_regular">Продукты</a>
4262                                </div>
4263                <div class="img-wrapper">
4264                    <img src="/upload/iblock/2ed/gv9l3trdb954ys43d5s5jww33uifd8a7/X_TURBO_RD_LOGO_Blue.png" alt="">
4265                </div>
4266            </div>
4267        </div>
4268            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_182}">
4269            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4270                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4271                    <g id="x-circle">
4272                        <path id="Vector"
4273                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4274                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4275                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4276                              stroke-linecap="round" stroke-linejoin="round" />
4277                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4278                              stroke-linecap="round" stroke-linejoin="round" />
4279                    </g>
4280                </svg>
4281            </button>
4282            <style>
4283.popup-buttons-row {
4284    grid-column: 2 / 3;
4285    grid-row: 4 / 5;
4286    display: flex;
4287    flex-direction: row;
4288    justify-content: flex-start;
4289    align-items: center;
4290    gap: 12px;
4291    width: 100%;
4292    margin-top: 15px;
4293}
4294
4295.popup-buttons-row .button {
4296    grid-column: auto !important;
4297    grid-row: auto !important;
4298    margin: 0 !important;
4299    width: auto !important;
4300    padding: 0 20px !important;
4301    height: 45px !important;
4302    text-align: center;
4303    white-space: nowrap; 
4304}
4305
4306            </style>
4307            <div class="card-popup card-popup_brand">
4308                <h2 class="section-title section-title">Черноголовка лимонад</h2>
4309                <p>Те самые легендарные лимонады, которыми уже более 25 лет наслаждаются люди по всей стране. Эти незабываемые вкусы у большинства ассоциируются с детством, праздниками и просто приятными моментами. А получаются лимонады такими особенными благодаря натуральным ингредиентам в составе. Они созданы на основе артезианской воды и настоев трав и фруктов, собранных по всей территории нашей страны. Подарите себе вкус радости!</p>
4310                <div class="popup-buttons-row">
4311                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=182" class="button button_regular">Продукты</a>
4312                                </div>
4313                <div class="img-wrapper">
4314                    <img src="/upload/iblock/154/pesyqsu9vntbj19aljzdus3xx66gmq2w/Chern
4314ogolovka_Lemonade_Color%20%281%29.png" alt="">
4315                </div>
4316            </div>
4317        </div>
4318            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_21122}">
4319            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4320                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4321                    <g id="x-circle">
4322                        <path id="Vector"
4323                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4324                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4325                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4326                              stroke-linecap="round" stroke-linejoin="round" />
4327                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4328                              stroke-linecap="round" stroke-linejoin="round" />
4329                    </g>
4330                </svg>
4331            </button>
4332            <style>
4333.popup-buttons-row {
4334    grid-column: 2 / 3;
4335    grid-row: 4 / 5;
4336    display: flex;
4337    flex-direction: row;
4338    justify-content: flex-start;
4339    align-items: center;
4340    gap: 12px;
4341    width: 100%;
4342    margin-top: 15px;
4343}
4344
4345.popup-buttons-row .button {
4346    grid-column: auto !important;
4347    grid-row: auto !important;
4348    margin: 0 !important;
4349    width: auto !important;
4350    padding: 0 20px !important;
4351    height: 45px !important;
4352    text-align: center;
4353    white-space: nowrap; 
4354}
4355
4356            </style>
4357            <div class="card-popup card-popup_brand">
4358                <h2 class="section-title section-title">Черноголовка Cola</h2>
4359                <p>Всеми любимая кола, но с особенными нотами во вкусе! Мы делаем нашу колу на основе специально подготовленной артезианской воды, кофеина — для бодрости и карамельного колера — для насыщенного приятного цвета, добавляем авторскую композицию натуральных ароматизаторов и создаем две версии — колу с сахаром и без него. Этот незабываемый вкус наполнит радостью, подарит потрясающее настроение и освежит в самый жаркий день! Попробуйте нашу колу – колу с тем самым особым вкусом!</p>
4360                <div class="popup-buttons-row">
4361                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=21122" class="button button_regular">Продукты</a>
4362                                </div>
4363                <div class="img-wrapper">
4364                    <img src="/upload/iblock/857/mx3r59j7oxvwoeduckok35n5vvyxhfk5/Chernogolovka-Cola_Logo-1.png" alt="">
4365                </div>
4366            </div>
4367        </div>
4368            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_29047}">
4369            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4370                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4371                    <g id="x-circle">
4372                        <path id="Vector"
4373                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4374                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4375                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4376                              stroke-linecap="round" stroke-linejoin="round" />
4377                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4378                              stroke-linecap="round" stroke-linejoin="round" />
4379                    </g>
4380                </svg>
4381            </button>
4382            <style>
4383.popup-buttons-row {
4384    grid-column: 2 / 3;
4385    grid-row: 4 / 5;
4386    display: flex;
4387    flex-direction: row;
4388    justify-content: flex-start;
4389    align-items: center;
4390    gap: 12px;
4391    width: 100%;
4392    margin-top: 15px;
4393}
4394
4395.popup-buttons-row .button {
4396    grid-column: auto !important;
4397    grid-row: auto !important;
4398    margin: 0 !important;
4399    width: auto !important;
4400    padding: 0 20px !important;
4401    height: 45px !important;
4402    text-align: center;
4403    white-space: nowrap; 
4404}
4405
4406            </style>
4407            <div class="card-popup card-popup_brand">
4408                <h2 class="section-title section-title">Холодный чай</h2>
4409                <p>Вкусный натуральный, освежающий, холодный чай, приготовленный на основе свежезаваренного зеленого чая и с яркими ароматами лайма и мяты или лимона и лайма. <br />
4410Такое сочетание даёт интересный и яркий вкус, который прекрасно освежает в самый жаркий день!</p>
4411                <div class="popup-buttons-row">
4412                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29047" class="button button_regular">Продукты</a>
4413                                </div>
4414                <div class="img-wrapper">
4415                    <img src="/upload/iblock/493/5dijwp4gvxfgys3wqz7rrr3zf3czz455/Chernogolovka_Tea_Color%20%281%29.png" alt="">
4416                </div>
4417            </div>
4418        </div>
4419            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_31435}">
4420            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4421                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4422                    <g id="x-circle">
4423                        <path id="Vector"
4424                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4425                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4426                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4427                              stroke-linecap="round" stroke-linejoin="round" />
4428                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4429                              stroke-linecap="round" stroke-linejoin="round" />
4430                    </g>
4431                </svg>
4432            </button>
4433            <style>
4434.popup-buttons-row {
4435    grid-column: 2 / 3;
4436    grid-row: 4 / 5;
4437    display: flex;
4438    flex-direction: row;
4439    justify-content: flex-start;
4440    align-items: center;
4441    gap: 12px;
4442    width: 100%;
4443    margin-top: 15px;
4444}
4445
4446.popup-buttons-row .button {
4447    grid-column: auto !important;
4448    grid-row: auto !important;
4449    margin: 0 !important;
4450    width: auto !important;
4451    padding: 0 20px !important;
4452    height: 45px !important;
4453    text-align: center;
4454    white-space: nowrap; 
4455}
4456
4457            </style>
4458            <div class="card-popup card-popup_brand">
4459                <h2 class="section-title section-title">Черноголовка Квас</h2>
4460                <p>Квас Черноголовка — это натуральный освежающий напиток двойного брожения на артезианской воде. Приготовленный по традиционной рецептуре, он сочетает мягкий аромат, сбалансированную сладость и приятную свежесть. Такой квас отлично утоляет жажду, подходит и для обеда дома, и для встреч с друзьями, и просто для момента, когда хочется чего-то по-настоящему натурального и вкусного.</p>
4461                <div class="popup-buttons-row">
4462                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=31435" class="button button_regular">Продукты</a>
4463                                </div>
4464                <div class="img-wrapper">
4465                    <img src="/upload/iblock/24b/var9m72pgu280tajnrv1mr0oydpcnghl/Chernogolovka_Kvas_Logo%20%281%29.png" alt="">
4466                </div>
4467            </div>
4468        </div>
4469            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30158}">
4470            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4471                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4472                    <g id="x-circle">
4473                        <path id="Vector"
4474                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4475                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4476                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4477                              stroke-linecap="round" stroke-linejoin="round" />
4478                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4479                              stroke-linecap="round" stroke-linejoin="round" />
4480                    </g>
4481                </svg>
4482            </button>
4483            <style>
4484.popup-buttons-row {
4485    grid-column: 2 / 3;
4486    grid-row: 4 / 5;
4487    display: flex;
4488    flex-direction: row;
4489    justify-content: flex-start;
4490    align-items: center;
4491    gap: 12px;
4492    width: 100%;
4493    margin-top: 15px;
4494}
4495
4496.popup-buttons-row .button {
4497    grid-column: auto !important;
4498    grid-row: auto !important;
4499    margin: 0 !important;
4500    width: auto !important;
4501    padding: 0 20px !important;
4502    height: 45px !important;
4503    text-align: center;
4504    white-space: nowrap; 
4505}
4506
4507            </style>
4508            <div class="card-popup card-popup_brand">
4509                <h2 class="section-title section-title">Extrasi</h2>
4510                <p>Extra вдохновляет людей отдаваться удовольствию полностью. Гранола и печенье Extra – это уникальное сочетание запеченных злаковых кусочков и ингредиентов премиум-класса, которые доставляют невероятное наслаждение.<br />
4511Твоё Extra удовольствие!</p>
4512                <div class="popup-buttons-row">
4513                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30158" class="button button_regular">Продукты</a>
4514                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
4515                                </div>
4516                <div class="img-wrapper">
4517                    <img src="/upload/iblock/44e/bbg8fe3mgl7tvupjt8dhcsnnuel8k88u/Extrasi_logo%20%282%29%201.png" alt="">
4518                </div>
4519            </div>
4520        </div>
4521            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_183}">
4522            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4523                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4524                    <g id="x-circle">
4525                        <path id="Vector"
4526                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4527                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4528                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4529                              stroke-linecap="round" stroke-linejoin="round" />
4530                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4531                              stroke-linecap="round" stroke-linejoin="round" />
4532                    </g>
4533                </svg>
4534            </button>
4535            <style>
4536.popup-buttons-row {
4537    grid-column: 2 / 3;
4538    grid-row: 4 / 5;
4539    display: flex;
4540    flex-direction: row;
4541    justify-content: flex-start;
4542    align-items: center;
4543    gap: 12px;
4544    width: 100%;
4545    margin-top: 15px;
4546}
4547
4548.popup-buttons-row .button {
4549    grid-column: auto !important;
4550    grid-row: auto !important;
4551    margin: 0 !important;
4552    width: auto !important;
4553    padding: 0 20px !important;
4554    height: 45px !important;
4555    text-align: center;
4556    white-space: nowrap; 
4557}
4558
4559            </style>
4560            <div class="card-popup card-popup_brand">
4561                <h2 class="section-title section-title">Черноголовка вода</h2>
4562                <p>«Черноголовка» — вода для современных людей, живущих в режиме многозадачности, которым мы предлагаем воду, прошедшую природную фильтрацию, дающую вкус живой природы в городе и переключающую на природное состояние, в котором чувствуешь правильный выбор и находишь свой естественный путь.<br />
4563«Черноголовка» — верный выбор от природы!</p>
4564                <div class="popup-buttons-row">
4565                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=183" class="button button_regular">Продукты</a>
4566                                    <a href="https://aqualife.ru/" class="button button_regular" target="_blank">Сайт</a>
4567                                </div>
4568                <div class="img-wrapper">
4569                    <img src="/upload/iblock/b96/bn8gttpjpd95c6xeazas765wqk6v2wte/Logo_329%201.png" alt="">
4570                </div>
4571            </div>
4572        </div>
4573            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30630}">
4574            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4575                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4576                    <g id="x-circle">
4577                        <path id="Vector"
4578                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4579                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4580                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4581                              stroke-linecap="round" stroke-linejoin="round" />
4582                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4583                              stroke-linecap="round" stroke-linejoin="round" />
4584                    </g>
4585                </svg>
4586            </button>
4587            <style>
4588.popup-buttons-row {
4589    grid-column: 2 / 3;
4590    grid-row: 4 / 5;
4591    display: flex;
4592    flex-direction: row;
4593    justify-content: flex-start;
4594    align-items: center;
4595    gap: 12px;
4596    width: 100%;
4597    margin-top: 15px;
4598}
4599
4600.popup-buttons-row .button {
4601    grid-column: auto !important;
4602    grid-row: auto !important;
4603    margin: 0 !important;
4604    width: auto !important;
4605    padding: 0 20px !important;
4606    height: 45px !important;
4607    text-align: center;
4608    white-space: nowrap; 
4609}
4610
4611            </style>
4612            <div class="card-popup card-popup_brand">
4613                <h2 class="section-title section-title">Matti</h2>
4614                <p>Готовые завтраки Mätti — это идеальное сочетание простых ингредиентов для того, чтобы каждое утро стало счастливым!</p>
4615                <div class="popup-buttons-row">
4616                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30630" class="button button_regular">Продукты</a>
4617                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
4618                                </div>
4619                <div class="img-wrapper">
4620                    <img src="/upload/iblock/13e/3sw1vo9s79rc7909h03zv1k7f3fj1hh2/Matti%20logo%20red.png" alt="">
4621                </div>
4622            </div>
4623        </div>
4624            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30593}">
4625            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4626                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4627                    <g id="x-circle">
4628                        <path id="Vector"
4629                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4630                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4631                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4632                              stroke-linecap="round" stroke-linejoin="round" />
4633                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4634                              stroke-linecap="round" stroke-linejoin="round" />
4635                    </g>
4636                </svg>
4637            </button>
4638            <style>
4639.popup-buttons-row {
4640    grid-column: 2 / 3;
4641    grid-row: 4 / 5;
4642    display: flex;
4643    flex-direction: row;
4644    justify-content: flex-start;
4645    align-items: center;
4646    gap: 12px;
4647    width: 100%;
4648    margin-top: 15px;
4649}
4650
4651.popup-buttons-row .button {
4652    grid-column: auto !important;
4653    grid-row: auto !important;
4654    margin: 0 !important;
4655    width: auto !important;
4656    padding: 0 20px !important;
4657    height: 45px !important;
4658    text-align: center;
4659    white-space: nowrap; 
4660}
4661
4662            </style>
4663            <div class="card-popup card-popup_brand">
4664                <h2 class="section-title section-title">Matti</h2>
4665                <p>Цельные злаки – основной ингредиент всех наших продуктов, ценный источник медленных углеводов и клетчатки, зарядит вас энергией для новых свершений.<br />
4666Фрукты и ягоды – бережно обработанные по специальной теÑ
4666…нологии сублимации, сохраняют витамины и минералы. Это очень важно для поддержания иммунитета и отличного самочувствия.</p>
4667                <div class="popup-buttons-row">
4668                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30593" class="button button_regular">Продукты</a>
4669                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
4670                                </div>
4671                <div class="img-wrapper">
4672                    <img src="/upload/iblock/446/7idcw2sovasekko7omki9q4t4gb13w52/_1.png" alt="">
4673                </div>
4674            </div>
4675        </div>
4676            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30479}">
4677            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4678                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4679                    <g id="x-circle">
4680                        <path id="Vector"
4681                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4682                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4683                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4684                              stroke-linecap="round" stroke-linejoin="round" />
4685                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4686                              stroke-linecap="round" stroke-linejoin="round" />
4687                    </g>
4688                </svg>
4689            </button>
4690            <style>
4691.popup-buttons-row {
4692    grid-column: 2 / 3;
4693    grid-row: 4 / 5;
4694    display: flex;
4695    flex-direction: row;
4696    justify-content: flex-start;
4697    align-items: center;
4698    gap: 12px;
4699    width: 100%;
4700    margin-top: 15px;
4701}
4702
4703.popup-buttons-row .button {
4704    grid-column: auto !important;
4705    grid-row: auto !important;
4706    margin: 0 !important;
4707    width: auto !important;
4708    padding: 0 20px !important;
4709    height: 45px !important;
4710    text-align: center;
4711    white-space: nowrap; 
4712}
4713
4714            </style>
4715            <div class="card-popup card-popup_brand">
4716                <h2 class="section-title section-title">Gipopo</h2>
4717                <p>ДЕТСКОЕ ПИТАНИЕ GIPOPO<br />
4718– это продуманная экспертами система питания, учитывающая ключевые потребности малыша на каждом этапе его развития. Широкий ассортимент продуктов разработан с учетом возрастных особенностей и предпочтений каждого ребенка и включает в себя: сухие каши, жидкие кашки, фруктовые, овощные, мясные и мясорастительные пюре, снеки.</p>
4719                <div class="popup-buttons-row">
4720                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30479" class="button button_regular">Продукты</a>
4721                                    <a href="https://gipopo-baby.ru/" class="button button_regular" target="_blank">Сайт</a>
4722                                </div>
4723                <div class="img-wrapper">
4724                    <img src="/upload/iblock/727/txcrppc1kiqpl1ivrz2o9mrgxqs50u7v/SRJms0J8sn0NGwV6Ba6s.png" alt="">
4725                </div>
4726            </div>
4727        </div>
4728            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30344}">
4729            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4730                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4731                    <g id="x-circle">
4732                        <path id="Vector"
4733                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4734                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4735                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4736                              stroke-linecap="round" stroke-linejoin="round" />
4737                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4738                              stroke-linecap="round" stroke-linejoin="round" />
4739                    </g>
4740                </svg>
4741            </button>
4742            <style>
4743.popup-buttons-row {
4744    grid-column: 2 / 3;
4745    grid-row: 4 / 5;
4746    display: flex;
4747    flex-direction: row;
4748    justify-content: flex-start;
4749    align-items: center;
4750    gap: 12px;
4751    width: 100%;
4752    margin-top: 15px;
4753}
4754
4755.popup-buttons-row .button {
4756    grid-column: auto !important;
4757    grid-row: auto !important;
4758    margin: 0 !important;
4759    width: auto !important;
4760    padding: 0 20px !important;
4761    height: 45px !important;
4762    text-align: center;
4763    white-space: nowrap; 
4764}
4765
4766            </style>
4767            <div class="card-popup card-popup_brand">
4768                <h2 class="section-title section-title">Черноголовка TRENDY MIXES</h2>
4769                <p></p>
4770                <div class="popup-buttons-row">
4771                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30344" class="button button_regular">Продукты</a>
4772                                </div>
4773                <div class="img-wrapper">
4774                    <img src="/upload/iblock/f64/i7llm7vlihd0w76dcl1kejss9kw184c8/Trendy%20Mixes_Logo_2025-01.png" alt="">
4775                </div>
4776            </div>
4777        </div>
4778            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30311}">
4779            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4780                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4781                    <g id="x-circle">
4782                        <path id="Vector"
4783                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4784                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4785                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4786                              stroke-linecap="round" stroke-linejoin="round" />
4787                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4788                              stroke-linecap="round" stroke-linejoin="round" />
4789                    </g>
4790                </svg>
4791            </button>
4792            <style>
4793.popup-buttons-row {
4794    grid-column: 2 / 3;
4795    grid-row: 4 / 5;
4796    display: flex;
4797    flex-direction: row;
4798    justify-content: flex-start;
4799    align-items: center;
4800    gap: 12px;
4801    width: 100%;
4802    margin-top: 15px;
4803}
4804
4805.popup-buttons-row .button {
4806    grid-column: auto !important;
4807    grid-row: auto !important;
4808    margin: 0 !important;
4809    width: auto !important;
4810    padding: 0 20px !important;
4811    height: 45px !important;
4812    text-align: center;
4813    white-space: nowrap; 
4814}
4815
4816            </style>
4817            <div class="card-popup card-popup_brand">
4818                <h2 class="section-title section-title">ЧЕРНОГОЛОВКА H2FRUIT</h2>
4819                <p>Линейка воды с мягкой газацией ЧЕРНОГОЛОВКА H2FRUIT - НОВИНКА от экспертов во вкусе, создателей всеми любимых лимонадов Черноголовка, на базе чистейшей артезианской воды с соком и витаминами в уникальных трендовых миксах вкусов.</p>
4820                <div class="popup-buttons-row">
4821                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30311" class="button button_regular">Продукты</a>
4822                                </div>
4823                <div class="img-wrapper">
4824                    <img src="/upload/iblock/cc0/osk1th1gu8kt46zxf67kg09rglcx8l15/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B2%D0%BE%D0%B4%D0%B0-04%201.png" alt="">
4825                </div>
4826            </div>
4827        </div>
4828            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30170}">
4829            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4830                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4831                    <g id="x-circle">
4832                        <path id="Vector"
4833                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4834                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4835                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4836                              stroke-linecap="round" stroke-linejoin="round" />
4837                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4838                              stroke-linecap="round" stroke-linejoin="round" />
4839                    </g>
4840                </svg>
4841            </button>
4842            <style>
4843.popup-buttons-row {
4844    grid-column: 2 / 3;
4845    grid-row: 4 / 5;
4846    display: flex;
4847    flex-direction: row;
4848    justify-content: flex-start;
4849    align-items: center;
4850    gap: 12px;
4851    width: 100%;
4852    margin-top: 15px;
4853}
4854
4855.popup-buttons-row .button {
4856    grid-column: auto !important;
4857    grid-row: auto !important;
4858    margin: 0 !important;
4859    width: auto !important;
4860    padding: 0 20px !important;
4861    height: 45px !important;
4862    text-align: center;
4863    white-space: nowrap; 
4864}
4865
4866            </style>
4867            <div class="card-popup card-popup_brand">
4868                <h2 class="section-title section-title">Unicorn</h2>
4869                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
4870Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
4871 <br />
4872Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
4873                <div class="popup-buttons-row">
4874                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30170" class="button button_regular">Продукты</a>
4875                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
4876                                </div>
4877                <div class="img-wrapper">
4878                    <img src="/upload/iblock/e4c/vwjlrmipcvgipj9rbwynde4xjlb1j88e/unicorn_logo_new.png" alt="">
4879                </div>
4880            </div>
4881        </div>
4882            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30115}">
4883            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4884                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4885                    <g id="x-circle">
4886                        <path id="Vector"
4887                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4888                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4889                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4890                              stroke-linecap="round" stroke-linejoin="round" />
4891                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4892                              stroke-linecap="round" stroke-linejoin="round" />
4893                    </g>
4894                </svg>
4895            </button>
4896            <style>
4897.popup-buttons-row {
4898    grid-column: 2 / 3;
4899    grid-row: 4 / 5;
4900    display: flex;
4901    flex-direction: row;
4902    justify-content: flex-start;
4903    align-items: center;
4904    gap: 12px;
4905    width: 100%;
4906    margin-top: 15px;
4907}
4908
4909.popup-buttons-row .button {
4910    grid-column: auto !important;
4911    grid-row: auto !important;
4912    margin: 0 !important;
4913    width: auto !important;
4914    padding: 0 20px !important;
4915    height: 45px !important;
4916    text-align: center;
4917    white-space: nowrap; 
4918}
4919
4920            </style>
4921            <div class="card-popup card-popup_brand">
4922                <h2 class="section-title section-title">CHEESL'S</h2>
4923                <p>Запечённые чипсы Cheesl&#39;s - аппетитная новинка в мире чипсов!<br />
4924<br />
4925Мы делаем вкус Cheesl’s по-настоящему сырным благодаря оригинальной технологии производства, в которой настоящий сыр добавляется внутрь каждого кусочка, а инновационный процесс запекания и уникальная форма позволяют ощутить особую хрусткость. <br />
4926<br />
4927Запеченные чипсы Cheesl&#39;s со 100&#37; настоящим сыром - созданы для сырных моментов и хрустящих впечатлений!<br />
4928</p>
4929                <div class="popup-buttons-row">
4930                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30115" class="button button_regular">Продукты</a>
4931                                    <a href="https://cheesls.ru/" class="button button_regular" target="_blank">Сайт</a>
4932                                </div>
4933                <div class="img-wrapper">
4934                    <img src="/upload/iblock/433/drx4fh463e02jtl14ovgasvytwcvymtl/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1.png" alt="">
4935                </div>
4936            </div>
4937        </div>
4938            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_29950}">
4939            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4940                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4941                    <g id="x-circle">
4942                        <path id="Vector"
4943                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4944                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4945                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4946                              stroke-linecap="round" stroke-linejoin="round" />
4947                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
4948                              stroke-linecap="round" stroke-linejoin="round" />
4949                    </g>
4950                </svg>
4951            </button>
4952            <style>
4953.popup-buttons-row {
4954    grid-column: 2 / 3;
4955    grid-row: 4 / 5;
4956    display: flex;
4957    flex-direction: row;
4958    justify-content: flex-start;
4959    align-items: center;
4960    gap: 12px;
4961    width: 100%;
4962    margin-top: 15px;
4963}
4964
4965.popup-buttons-row .button {
4966    grid-column: auto !important;
4967    grid-row: auto !important;
4968    margin: 0 !important;
4969    width: auto !important;
4970    padding: 0 20px !important;
4971    height: 45px !important;
4972    text-align: center;
4973    white-space: nowrap; 
4974}
4975
4976            </style>
4977            <div class="card-popup card-popup_brand">
4978                <h2 class="section-title section-title">Любятово</h2>
4979                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
4980Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
4981                <div class="popup-buttons-row">
4982                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29950" class="button button_regular">Продукты</a>
4983                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
4984                                </div>
4985                <div class="img-wrapper">
4986                    <img src="/upload/iblock/4d8/ha7hzdfwxgtfya6b9v6slzr8rigjnwgs/Logo%202025.png" alt="">
4987                </div>
4988            </div>
4989        </div>
4990            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_14560}">
4991            <button class="button-close-popup" @click="$store.popup.closeBrand()">
4992                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
4993                    <g id="x-circle">
4994                        <path id="Vector"
4995                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
4996                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
4997                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
4998                              stroke-linecap="round" stroke-linejoin="round" />
4999                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5000                              stroke-linecap="round" stroke-linejoin="round" />
5001                    </g>
5002                </svg>
5003            </button>
5004            <style>
5005.popup-buttons-row {
5006    grid-column: 2 / 3;
5007    grid-row: 4 / 5;
5008    display: flex;
5009    flex-direction: row;
5010    justify-content: flex-start;
5011    align-items: center;
5012    gap: 12px;
5013    width: 100%;
5014    margin-top: 15px;
5015}
5016
5017.popup-buttons-row .button {
5018    grid-column: auto !important;
5019    grid-row: auto !important;
5020    margin: 0 !important;
5021    width: auto !important;
5022    padding: 0 20px !important;
5023    height: 45px !important;
5024    text-align: center;
5025    white-space: nowrap; 
5026}
5027
5028            </style>
5029            <div class="card-popup card-popup_brand">
5030                <h2 class="section-title section-title">Chillout</h2>
5031                <p>Этот вкус любят все. Он главный гость на каждой вечеринке и всегда в центре внимания. Он помогает заговорить с любым гостем и начать танцевать в ритм музыки. Бывает с сахаром и без. Идеален сам по себе, но еще отлично сочетается с другими ингредиентами в коктейлях! Миксуйте, пробуйте!<br />
5032</p>
5033                <div class="popup-buttons-row">
5034                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=14560" class="button button_regular">Продукты</a>
5035                                    <a href="https://chillout-drinks.ru/" class="button button_regular" target="_blank">Сайт</a>
5036                                </div>
5037                <div class="img-wrapper">
5038                    <img src="/upload/iblock/e28/bse2kcqa9o6oflwpz60907n1xomcws97/LOGO_Chillout2024-02_%D1%82%D0%BE%D0%BD%D0%B8%D0%BA%20%2800000002%29.png" alt="">
5039                </div>
5040            </div>
5041        </div>
5042            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_185}">
5043            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5044                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5045                    <g id="x-circle">
5046                        <path id="Vector"
5047                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5048                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5049                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5050                              stroke-linecap="round" stroke-linejoin="round" />
5051                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5052                              stroke-linecap="round" stroke-linejoin="round" />
5053                    </g>
5054                </svg>
5055            </button>
5056            <style>
5057.popup-buttons-row {
5058    grid-column: 2 / 3;
5059    grid-row: 4 / 5;
5060    display: flex;
5061    flex-direction: row;
5062    justify-content: flex-start;
5063    align-items: center;
5064    gap: 12px;
5065    width: 100%;
5066    margin-top: 15px;
5067}
5068
5069.popup-buttons-row .button {
5070    grid-column: auto !important;
5071    grid-row: auto !important;
5072    margin: 0 !important;
5073    width: auto !important;
5074    padding: 0 20px !important;
5075    height: 45px !important;
5076    text-align: center;
5077    white-space: nowrap; 
5078}
5079
5080            </style>
5081            <div class="card-popup card-popup_brand">
5082                <h2 class="section-title section-title">Fantola</h2>
5083                <p>Лимонад для самых стильных, модных и ярких!<br />
5084В линейке Fantola есть классические, знакомые вкусы колы и апельсина, удивительный освежающий микс лимона и лайма, а также самый неожиданный вкус — Bubble Gum. Благодаря этим ярким игристым бутылочкам любой момент жизни становится еще более красочным и свежим. <br />
5085Не веришь? Просто сделай глоток и посмотри, как тебе захлестнет волна классных эмоций!</p>
5086                <div class="popup-buttons-row">
5087                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=185" class="button button_regular">Продукты</a>
5088                                </div>
5089                <div class="img-wrapper">
5090                    <img src="/upload/iblock/9a0/sz1f2n7e0muaweslvn5xa5p4o278iv0r/%D0%BB%D0%BE%D0%B3%D0%BE%20%D1%84%D0%B0%D0%BD%D1%82%D0%BE%D0%BB%D0%B0.png" alt="">
5091                </div>
5092            </div>
5093        </div>
5094            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_187}">
5095            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5096                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5097                    <g id="x-circle">
5098                        <path id="Vector"
5099                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5100                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5101                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5102                              stroke-linecap="round" stroke-linejoin="round" />
5103                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5104                              stroke-linecap="round" stroke-linejoin="round" />
5105                    </g>
5106                </svg>
5107            </button>
5108            <style>
5109.popup-buttons-row {
5110    grid-column: 2 / 3;
5111    grid-row: 4 / 5;
5112    display: flex;
5113    flex-direction: row;
5114    justify-content: flex-start;
5115    align-items: center;
5116    gap: 12px;
5117    width: 100%;
5118    margin-top: 15px;
5119}
5120
5121.popup-buttons-row .button {
5122    grid-column: auto !important;
5123    grid-row: auto !important;
5124    margin: 0 !important;
5125    width: auto !important;
5126    padding: 0 20px !important;
5127    height: 45px !important;
5128    text-align: center;
5129    white-space: nowrap; 
5130}
5131
5132            </style>
5133            <div class="card-popup card-popup_brand">
5134                <h2 class="section-title section-title">Cristelle вода</h2>
5135                <p>Сristelle – тот случай, когда внутреннее содержание полностью соответствует идеальной форме.&nbsp;&nbsp;С такой природной водой приятно провести вечер в ресторане, небольшой отпуск в элегантном отеле или… совершить полёт бизнес-классом.<br />
5136<br />
5137Над дизайном бутылки Cristelle поработали итальянские мастера дизайна.&nbsp;&nbsp;Над внутренним содержанием - природа.&nbsp;&nbsp;Как утверждают геологи, ещё 300 миллионов лет назад. </p>
5138                <div class="popup-buttons-row">
5139                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=187" class="button button_regular">Продукты</a>
5140                                    <a href="https://cristelle-water.ru/" class="button button_regular" target="_blank">Сайт</a>
5141                                </div>
5142                <div class="img-wrapper">
5143                    <img src="/upload/iblock/78c/0w3re2xanvwtb9cr0cxi6gtgf3pv73ks/Cristelle%2
51430%D0%B3%D0%B0%D0%B7.png" alt="">
5144                </div>
5145            </div>
5146        </div>
5147            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_30356}">
5148            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5149                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5150                    <g id="x-circle">
5151                        <path id="Vector"
5152                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5153                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5154                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5155                              stroke-linecap="round" stroke-linejoin="round" />
5156                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5157                              stroke-linecap="round" stroke-linejoin="round" />
5158                    </g>
5159                </svg>
5160            </button>
5161            <style>
5162.popup-buttons-row {
5163    grid-column: 2 / 3;
5164    grid-row: 4 / 5;
5165    display: flex;
5166    flex-direction: row;
5167    justify-content: flex-start;
5168    align-items: center;
5169    gap: 12px;
5170    width: 100%;
5171    margin-top: 15px;
5172}
5173
5174.popup-buttons-row .button {
5175    grid-column: auto !important;
5176    grid-row: auto !important;
5177    margin: 0 !important;
5178    width: auto !important;
5179    padding: 0 20px !important;
5180    height: 45px !important;
5181    text-align: center;
5182    white-space: nowrap; 
5183}
5184
5185            </style>
5186            <div class="card-popup card-popup_brand">
5187                <h2 class="section-title section-title">COSMOS</h2>
5188                <p>Cosmos - это космическая энергия, воплощённая в оригинальном и тропическом вкусах. В составе сочетаются кофеин, таурин и витамины группы B, а экстракты гуавы и женьшеня дополняют композицию, придавая напитку уникальный вкус и дополнительные полезные свойства. Почувствуй космическую энергию в каждой капле — выбери Cosmos для ярких достижений и новых горизонтов!</p>
5189                <div class="popup-buttons-row">
5190                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30356" class="button button_regular">Продукты</a>
5191                                </div>
5192                <div class="img-wrapper">
5193                    <img src="/upload/iblock/38d/0y8qifwp0399m4ivvzxbyhpajb3ap01z/%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D1%81%20%D0%BB%D0%BE%D0%B3%D0%BE%20%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82.png" alt="">
5194                </div>
5195            </div>
5196        </div>
5197            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_17669}">
5198            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5199                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5200                    <g id="x-circle">
5201                        <path id="Vector"
5202                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5203                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5204                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5205                              stroke-linecap="round" stroke-linejoin="round" />
5206                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5207                              stroke-linecap="round" stroke-linejoin="round" />
5208                    </g>
5209                </svg>
5210            </button>
5211            <style>
5212.popup-buttons-row {
5213    grid-column: 2 / 3;
5214    grid-row: 4 / 5;
5215    display: flex;
5216    flex-direction: row;
5217    justify-content: flex-start;
5218    align-items: center;
5219    gap: 12px;
5220    width: 100%;
5221    margin-top: 15px;
5222}
5223
5224.popup-buttons-row .button {
5225    grid-column: auto !important;
5226    grid-row: auto !important;
5227    margin: 0 !important;
5228    width: auto !important;
5229    padding: 0 20px !important;
5230    height: 45px !important;
5231    text-align: center;
5232    white-space: nowrap; 
5233}
5234
5235            </style>
5236            <div class="card-popup card-popup_brand">
5237                <h2 class="section-title section-title">БАЙКАЛ</h2>
5238                <p>Можно ли пить энергетики и вести здоровый образ жизни? Конечно! Энергетические напитки БАЙКАЛ natural energy — натуральные энергетические напитки нового поколения с естественными вкусами. Только природные источники бодрости: натуральный кофеин, элеутерококк и соки, без таурина и консервантов, с витаминами группы В, которые помогают бороться с усталостью.<br />
5239Попробуйте натуральную энергию Байкала! </p>
5240                <div class="popup-buttons-row">
5241                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17669" class="button button_regular">Продукты</a>
5242                                </div>
5243                <div class="img-wrapper">
5244                    <img src="/upload/iblock/8f6/zmpjkisdk322zmieoef7atfisbxtpym1/%D0%91%D0%B0%D0%B9%D0%BA%D0%B0%D0%BB%20Natural%20Energy.png" alt="">
5245                </div>
5246            </div>
5247        </div>
5248            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_29918}">
5249            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5250                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5251                    <g id="x-circle">
5252                        <path id="Vector"
5253                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5254                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5255                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5256                              stroke-linecap="round" stroke-linejoin="round" />
5257                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5258                              stroke-linecap="round" stroke-linejoin="round" />
5259                    </g>
5260                </svg>
5261            </button>
5262            <style>
5263.popup-buttons-row {
5264    grid-column: 2 / 3;
5265    grid-row: 4 / 5;
5266    display: flex;
5267    flex-direction: row;
5268    justify-content: flex-start;
5269    align-items: center;
5270    gap: 12px;
5271    width: 100%;
5272    margin-top: 15px;
5273}
5274
5275.popup-buttons-row .button {
5276    grid-column: auto !important;
5277    grid-row: auto !important;
5278    margin: 0 !important;
5279    width: auto !important;
5280    padding: 0 20px !important;
5281    height: 45px !important;
5282    text-align: center;
5283    white-space: nowrap; 
5284}
5285
5286            </style>
5287            <div class="card-popup card-popup_brand">
5288                <h2 class="section-title section-title">Любятово</h2>
5289                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
5290Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
5291                <div class="popup-buttons-row">
5292                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29918" class="button button_regular">Продукты</a>
5293                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
5294                                </div>
5295                <div class="img-wrapper">
5296                    <img src="/upload/iblock/f39/ri3y2xhxkmbif13o3i60od00xsfdu5m2/Logo%202025.png" alt="">
5297                </div>
5298            </div>
5299        </div>
5300            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_29971}">
5301            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5302                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5303                    <g id="x-circle">
5304                        <path id="Vector"
5305                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5306                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5307                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5308                              stroke-linecap="round" stroke-linejoin="round" />
5309                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5310                              stroke-linecap="round" stroke-linejoin="round" />
5311                    </g>
5312                </svg>
5313            </button>
5314            <style>
5315.popup-buttons-row {
5316    grid-column: 2 / 3;
5317    grid-row: 4 / 5;
5318    display: flex;
5319    flex-direction: row;
5320    justify-content: flex-start;
5321    align-items: center;
5322    gap: 12px;
5323    width: 100%;
5324    margin-top: 15px;
5325}
5326
5327.popup-buttons-row .button {
5328    grid-column: auto !important;
5329    grid-row: auto !important;
5330    margin: 0 !important;
5331    width: auto !important;
5332    padding: 0 20px !important;
5333    height: 45px !important;
5334    text-align: center;
5335    white-space: nowrap; 
5336}
5337
5338            </style>
5339            <div class="card-popup card-popup_brand">
5340                <h2 class="section-title section-title">Extrasi</h2>
5341                <p>Такие вкусные и необычные, наполненные удовольствием продукты EXTRASI придают экстра ценность моментам жизни каждый день.<br />
5342EXTRASI -&nbsp;&nbsp;скажи удовольствию ДА!</p>
5343                <div class="popup-buttons-row">
5344                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29971" class="button button_regular">Продукты</a>
5345                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
5346                                </div>
5347                <div class="img-wrapper">
5348                    <img src="/upload/iblock/976/3ifavzml6a2wgpwubevrauqqf4ju85n6/Extrasi_logo%20%282%29%201.png" alt="">
5349                </div>
5350            </div>
5351        </div>
5352            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_17605}">
5353            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5354                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5355                    <g id="x-circle">
5356                        <path id="Vector"
5357                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5358                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5359                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5360                              stroke-linecap="round" stroke-linejoin="round" />
5361                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5362                              stroke-linecap="round" stroke-linejoin="round" />
5363                    </g>
5364                </svg>
5365            </button>
5366            <style>
5367.popup-buttons-row {
5368    grid-column: 2 / 3;
5369    grid-row: 4 / 5;
5370    display: flex;
5371    flex-direction: row;
5372    justify-content: flex-start;
5373    align-items: center;
5374    gap: 12px;
5375    width: 100%;
5376    margin-top: 15px;
5377}
5378
5379.popup-buttons-row .button {
5380    grid-column: auto !important;
5381    grid-row: auto !important;
5382    margin: 0 !important;
5383    width: auto !important;
5384    padding: 0 20px !important;
5385    height: 45px !important;
5386    text-align: center;
5387    white-space: nowrap; 
5388}
5389
5390            </style>
5391            <div class="card-popup card-popup_brand">
5392                <h2 class="section-title section-title">FUN</h2>
5393                <p>Для всех фанатов самых шипучих шипучек! Тысячи пузырьков в бутылочке «FUN кола» подчеркнут насыщенный вкус любимого миллионами напитка, а игристый «Буратино» перенесет всех в беззаботное веселое детство. Те, кто уже попробовал эти напитки, знают — весь FUN начинается с «Пшш…».</p>
5394                <div class="popup-buttons-row">
5395                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17605" class="button button_regular">Продукты</a>
5396                                </div>
5397                <div class="img-wrapper">
5398                    <img src="/upload/iblock/618/1j4poawrrpwwmgc1nhj20yj3mgpodl2h/fun_logo.png" alt="">
5399                </div>
5400            </div>
5401        </div>
5402            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_29972}">
5403            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5404                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5405                    <g id="x-circle">
5406                        <path id="Vector"
5407                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5408                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5409                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5410                              stroke-linecap="round" stroke-linejoin="round" />
5411                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5412                              stroke-linecap="round" stroke-linejoin="round" />
5413                    </g>
5414                </svg>
5415            </button>
5416            <style>
5417.popup-buttons-row {
5418    grid-column: 2 / 3;
5419    grid-row: 4 / 5;
5420    display: flex;
5421    flex-direction: row;
5422    justify-content: flex-start;
5423    align-items: center;
5424    gap: 12px;
5425    width: 100%;
5426    margin-top: 15px;
5427}
5428
5429.popup-buttons-row .button {
5430    grid-column: auto !important;
5431    grid-row: auto !important;
5432    margin: 0 !important;
5433    width: auto !important;
5434    padding: 0 20px !important;
5435    height: 45px !important;
5436    text-align: center;
5437    white-space: nowrap; 
5438}
5439
5440            </style>
5441            <div class="card-popup card-popup_brand">
5442                <h2 class="section-title section-title">Chocozavr</h2>
5443                <p>Мы создали Chocozavr для самых больших ценителей шоколадных готовых завтраков. Хрустящие подушечки с нежнейшей начинкой или фигурки «Шоксики» с настоящим шоколадом – вот секрет потрясающе вкусного и питательного завтрака. А еще, подушечки идеально подходят как самостоятельный перекус или десерт к чаю.<br />
5444Утоли свою жажду шоколада!</p>
5445                <div class="popup-buttons-row">
5446                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29972" class="button button_regular">Продукты</a>
5447                                    <a href=" https://www.lubyatovo.ru/brands/chocozavr/" class="button button_regular" target="_blank">Сайт</a>
5448                                </div>
5449                <div class="img-wrapper">
5450                    <img src="/upload/iblock/87d/xmjug6axq1lojai1zltoo986gn5ij937/Chocozavr.png" alt="">
5451                </div>
5452            </div>
5453        </div>
5454            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_279}">
5455            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5456                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5457                    <g id="x-circle">
5458                        <path id="Vector"
5459                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5460                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5461                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5462                              stroke-linecap="round" stroke-linejoin="round" />
5463                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5464                              stroke-linecap="round" stroke-linejoin="round" />
5465                    </g>
5466                </svg>
5467            </button>
5468            <style>
5469.popup-buttons-row {
5470    grid-column: 2 / 3;
5471    grid-row: 4 / 5;
5472    display: flex;
5473    flex-direction: row;
5474    justify-content: flex-start;
5475    align-items: center;
5476    gap: 12px;
5477    width: 100%;
5478    margin-top: 15px;
5479}
5480
5481.popup-buttons-row .button {
5482    grid-column: auto !important;
5483    grid-row: auto !important;
5484    margin: 0 !important;
5485    width: auto !important;
5486    padding: 0 20px !important;
5487    height: 45px !important;
5488    text-align: center;
5489    white-space: nowrap; 
5490}
5491
5492            </style>
5493            <div class="card-popup card-popup_brand">
5494                <h2 class="section-title section-title">FRY’S</h2>
5495                <p>Обычные, рифленые или соломкой — какие ваши любимые чипсы? В линейке Fry´s есть натуральные картофельные чипсы любой формы и вкуса! Любителям всего поострее понравятся чипсы васаби, чили или горчица. Ценителям изысканных вкусов подойдут Fry´s с крабом или с лососем в сливочном соусе. А почитателям классики — с сыром, солью или с зеленым луком.</p>
5496                <div class="popup-buttons-row">
5497                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=279" class="button button_regular">Продукты</a>
5498                                </div>
5499                <div class="img-wrapper">
5500                    <img src="/upload/iblock/4cf/0tog9gnkdsa5qk1ke694q3wbgpqdz8jc/Frys_logo.png" alt="">
5501                </div>
5502            </div>
5503        </div>
5504            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_189}">
5505            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5506                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5507                    <g id="x-circle">
5508                        <path id="Vector"
5509                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5510                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5511                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5512                              stroke-linecap="round" stroke-linejoin="round" />
5513                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5514                              stroke-linecap="round" stroke-linejoin="round" />
5515                    </g>
5516                </svg>
5517            </button>
5518            <style>
5519.popup-buttons-row {
5520    grid-column: 2 / 3;
5521    grid-row: 4 / 5;
5522    display: flex;
5523    flex-direction: row;
5524    justify-content: flex-start;
5525    align-items: center;
5526    gap: 12px;
5527    width: 100%;
5528    margin-top: 15px;
5529}
5530
5531.popup-buttons-row .button {
5532    grid-column: auto !important;
5533    grid-row: auto !important;
5534    margin: 0 !important;
5535    width: auto !important;
5536    padding: 0 20px !important;
5537    height: 45px !important;
5538    text-align: center;
5539    white-space: nowrap; 
5540}
5541
5542            </style>
5543            <div class="card-popup card-popup_brand">
5544                <h2 class="section-title section-title">BON GIORNO</h2>
5545                <p>Чипсы Bon Giorno – это коллекция разнообразных изысканных вкусов, вдохновленных путешествиями в разные страны, которые добавят хрустящего удовольствия и приятной атмосферы любым моментам вашей жизни.</p>
5546                <div class="popup-buttons-row">
5547                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=189" class="button button_regular">Продукты</a>
5548                                </div>
5549                <div class="img-wrapper">
5550                    <img src="/upload/iblock/ac9/ycllf18nscmvee7gecfosdc41ftvoycp/Logo%20BG-01.png" alt="">
5551                </div>
5552            </div>
5553        </div>
5554            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_29974}">
5555            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5556                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5557                    <g id="x-circle">
5558                        <path id="Vector"
5559                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5560                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5561                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5562                              stroke-linecap="round" stroke-linejoin="round" />
5563                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5564                              stroke-linecap="round" stroke-linejoin="round" />
5565                    </g>
5566                </svg>
5567            </button>
5568            <style>
5569.popup-buttons-row {
5570    grid-column: 2 / 3;
5571    grid-row: 4 / 5;
5572    display: flex;
5573    flex-direction: row;
5574    justify-content: flex-start;
5575    align-items: center;
5576    gap: 12px;
5577    width: 100%;
5578    margin-top: 15px;
5579}
5580
5581.popup-buttons-row .button {
5582    grid-column: auto !important;
5583    grid-row: auto !important;
5584    margin: 0 !important;
5585    width: auto !important;
5586    padding: 0 20px !important;
5587    height: 45px !important;
5588    text-align: center;
5589    white-space: nowrap; 
5590}
5591
5592            </style>
5593            <div class="card-popup card-popup_brand">
5594                <h2 class="section-title section-title">Unicorn</h2>
5595                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
5596Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
5597 <br />
5598Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
5599                <div class="popup-buttons-row">
5600                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29974" class="button button_regular">Продукты</a>
5601                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
5602                                </div>
5603                <div class="img-wrapper">
5604                    <img src="/upload/iblock/464/of1zfw9ksqlg9y60sdyaj4hbujqvcplx/unicorn_logo_new.png" alt="">
5605                </div>
5606            </div>
5607        </div>
5608            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_190}">
5609            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5610                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5611                    <g id="x-circle">
5612                        <path id="Vector"
5613                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5614                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5615                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5616                              stroke-linecap="round" stroke-linejoin="round" />
5617                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5618                              stroke-linecap="round" stroke-linejoin="round" />
5619                    </g>
5620                </svg>
5621            </button>
5622            <style>
5623.popup-buttons-row {
5624    grid-column: 2 / 3;
5625    grid-row: 4 / 5;
5626    display: flex;
5627    flex-direction: row;
5628    justify-content: flex-start;
5629    align-items: center;
5630    gap: 12px;
5631    width: 100%;
5632    margin-top: 15px;
5633}
5634
5635.popup-buttons-row .button {
5636    grid-column: auto !important;
5637    grid-row: auto !important;
5638    margin: 0 !important;
5639    width: auto !important;
5640    padding: 0 20px !important;
5641    height: 45px !important;
5642    text-align: center;
5643    white-space: nowrap; 
5644}
5645
5646            </style>
5647            <div class="card-popup card-popup_brand">
5648                <h2 class="section-title section-title">CHAKA</h2>
5649                <p>Настоящее вкусовое комбо! В пачках Chaka — смесь орешков, печеных зерен кукурузы и хрустящих чаксов. Миксуйте их по-разному между собой и получайте каждый раз новые вкусовые сочетания! А для особых любителей арахиса мы создали отдельные пачки: арахис с сыром, беконом, вареными раками или классический — с солью.<br />
5650</p>
5651                <div class="popup-buttons-row">
5652                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=190" class="button button_regular">Продукты</a>
5653                                </div>
5654                <div class="img-wrapper">
5655                    <img src="/upload/iblock/3cd/uenmkec7jwkx3a0jhlubbp3r4ecrqaju/Chaka_logo.png" alt="">
5656                </div>
5657            </div>
5658        </div>
5659            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_191}">
5660            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5661                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5662                    <g id="x-circle">
5663                        <path id="Vector"
5664                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5665                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5666                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5667                              stroke-linecap="round" stroke-linejoin="round" />
5668                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5669                              stroke-linecap="round" stroke-linejoin="round" />
5670                    </g>
5671                </svg>
5672            </button>
5673            <style>
5674.popup-buttons-row {
5675    grid-column: 2 / 3;
5676    grid-row: 4 / 5;
5677    display: flex;
5678    flex-direction: row;
5679    justify-content: flex-start;
5680    align-items: center;
5681    gap: 12px;
5682    width: 100%;
5683    margin-top: 15px;
5684}
5685
5686.popup-buttons-row .button {
5687    grid-column: auto !important;
5688    grid-row: auto !important;
5689    margin: 0 !important;
5690    width: auto !important;
5691    padding: 0 20px !important;
5692    height: 45px !important;
5693    text-align: center;
5694    white-space: nowrap; 
5695}
5696
5697            </style>
5698            <div class="card-popup card-popup_brand">
5699                <h2 class="section-title section-title">Крутец</h2>
5700                <p>Сухарики по старинным русским рецептам придутся по вкусу всем богатырям и честным молодцам! Тем, кто любит все самое традиционное, понравятся крутецы с холодцом и хреном или красной икоркой. Тем, кому хочется чего-то новенького, стоит попробовать сухарики со спайси томатом или копченым кальмаром. А лучше все это миксовать! Для этого мы специально придумали особые крутецкие комбо.</p>
5701                <div class="popup-buttons-row">
5702                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=191" class="button button_regular">Продукты</a>
5703                                </div>
5704                <div class="img-wrapper">
5705                    <img src="/upload/iblock/6eb/agas8g7vcsvoz2x2ofhewlh408icpv1q/Krutets_logo_01.png" alt="">
5706                </div>
5707            </div>
5708        </div>
5709            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_29129}">
5710            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5711                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5712                    <g id="x-circle">
5713                        <path id="Vector"
5714                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5715                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5716                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5717                              stroke-linecap="round" stroke-linejoin="round" />
5718                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5719                              stroke-linecap="round" stroke-linejoin="round" />
5720                    </g>
5721                </svg>
5722            </button>
5723            <style>
5724.popup-buttons-row {
5725    grid-column: 2 / 3;
5726    grid-row: 4 / 5;
5727    display: flex;
5728    flex-direction: row;
5729    justify-content: flex-start;
5730    align-items: center;
5731    gap: 12px;
5732    width: 100%;
5733    margin-top: 15px;
5734}
5735
5736.popup-buttons-row .button {
5737    grid-column: auto !important;
5738    grid-row: auto !important;
5739    margin: 0 !important;
5740    width: auto !important;
5741    padding: 0 20px !important;
5742    height: 45px !important;
5743    text-align: center;
5744    white-space: nowrap; 
5745}
5746
5747            </style>
5748            <div class="card-popup card-popup_brand">
5749                <h2 class="section-title section-title">Черноголовка сиропы</h2>
5750                <p>В ассортименте нашей компании есть сиропы для приготовления безалкогольных напитков в разливном охлажденном виде. Это отличное решение для кафе, баров, ресторанов и кинотеатров!<br></p>
5751                <div class="popup-buttons-row">
5752                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29129" class="button button_regular">Продукты</a>
5753                                </div>
5754                <div class="img-wrapper">
5755                    <img src="/upload/iblock/4c5/ngpshtx5audp4bcczotn2pk356nzwx3f/logo_chernogolovka%20%285%29.png" alt="">
5756                </div>
5757            </div>
5758        </div>
5759            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_419}">
5760            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5761                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5762                    <g id="x-circle">
5763                        <path id="Vector"
5764                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5765                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5766                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5767                              stroke-linecap="round" stroke-linejoin="round" />
5768                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5769                              stroke-linecap="round" stroke-linejoin="round" />
5770                    </g>
5771                </svg>
5772            </button>
5773            <style>
5774.popup-buttons-row {
5775    grid-column: 2 / 3;
5776    grid-row: 4 / 5;
5777    display: flex;
5778    flex-direction: row;
5779    justify-content: flex-start;
5780    align-items: center;
5781    gap: 12px;
5782    width: 100%;
5783    margin-top: 15px;
5784}
5785
5786.popup-buttons-row .button {
5787    grid-column: auto !important;
5788    grid-row: auto !important;
5789    margin: 0 !important;
5790    width: auto !important;
5791    padding: 0 20px !important;
5792    height: 45px !important;
5793    text-align: center;
5794    white-space: nowrap; 
5795}
5796
5797            </style>
5798            <div class="card-popup card-popup_brand">
5799                <h2 class="section-title section-title">БИОКЕЙ</h2>
5800                <p>Вся польза Алтая в одном маленьком батончике! Перекус из цельных злаков от «БИОКЕЙ» — это только натуральные ингредиенты, клетчатка, микроэлементы, пищевые волокна и витамины группы B. А еще 4 разных вкуса! Полезная для иммунитета куркума и абрикос, сладкая клубника, питательный кокос и витаминная черника.</p>
5801                <div class="popup-buttons-row">
5802                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=419" class="button button_regular">Продукты</a>
5803                                </div>
5804                <div class="img-wrapper">
5805                    <img src="/upload/iblock/950/re593bx7vf73ssbugugp43fea5phep0z/biokey_logo.png" alt="">
5806                </div>
5807            </div>
5808        </div>
5809            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_235}">
5810            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5811                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5812                    <g id="x-circle">
5813                        <path id="Vector"
5814                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5815                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5816                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5817                              stroke-linecap="round" stroke-linejoin="round" />
5818                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5819                              stroke-linecap="round" stroke-linejoin="round" />
5820                    </g>
5821                </svg>
5822            </button>
5823            <style>
5824.popup-buttons-row {
5825    grid-column: 2 / 3;
5826    grid-row: 4 / 5;
5827    display: flex;
5828    flex-direction: row;
5829    justify-content: flex-start;
5830    align-items: center;
5831    gap: 12px;
5832    width: 100%;
5833    margin-top: 15px;
5834}
5835
5836.popup-buttons-row .button {
5837    grid-column: auto !important;
5838    grid-row: auto !important;
5839    margin: 0 !important;
5840    width: auto !important;
5841    padding: 0 20px !important;
5842    height: 45px !important;
5843    text-align: center;
5844    white-space: nowrap; 
5845}
5846
5847            </style>
5848            <div class="card-popup card-popup_brand">
5849                <h2 class="section-title section-title">Савинов</h2>
5850                <p>Более 100 лет назад купец Савинов основал кондитерскую фабрику, чтобы радовать людей вкусными конфетами. <br />
5851Кондитерская фабрика «Алтай» продолжает дело кондитера Савинова, соблюдая главный принцип его работы: пробовать новое и сохранять самое вкусное. <br />
5852«Савинов» сделает любой день вкуснее, все дело в конфетах!</p>
5853                <div class="popup-buttons-row">
5854                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=235" class="button button_regular">Продукты</a>
5855                                </div>
5856                <div class="img-wrapper">
5857                    <img src="/upload/iblock/650/uh0vt7ul48dmfv7fil3b6nwipe1xfjq1/Savinov_logo.png" alt="">
5858                </div>
5859            </div>
5860        </div>
5861            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 1811_292}">
5862            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5863                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5864                    <g id="x-circle">
5865                        <path id="Vector"
5866                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5867                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5868                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5869                              stroke-linecap="round" stroke-linejoin="round" />
5870                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5871                              stroke-linecap="round" stroke-linejoin="round" />
5872                    </g>
5873                </svg>
5874            </button>
5875            <style>
5876.popup-buttons-row {
5877    grid-column: 2 / 3;
5878    grid-row: 4 / 5;
5879    display: flex;
5880    flex-direction: row;
5881    justify-content: flex-start;
5882    align-items: center;
5883    gap: 12px;
5884    width: 100%;
5885    margin-top: 15px;
5886}
5887
5888.popup-buttons-row .button {
5889    grid-column: auto !important;
5890    grid-row: auto !important;
5891    margin: 0 !important;
5892    width: auto !important;
5893    padding: 0 20px !important;
5894    height: 45px !important;
5895    text-align: center;
5896    white-space: nowrap; 
5897}
5898
5899            </style>
5900            <div class="card-popup card-popup_brand">
5901                <h2 class="section-title section-title">Черноголовка Бэйби</h2>
5902                <p>Мы понимаем, как важно для родителей заботиться о малышах, об их правильном питании каждый день. <br />
5903<br />
5904«Черноголовка Бэйби» — это вкусное и полезное детское питание высокого качества, созданное с заботой о малышах и их родителях. <br />
5905<br />
5906Наш ассортимент — это фруктовые пюре, соки, фрикадельки, питьевые кашки и вода для самых маленьких. В основе наших продуктов только качественные натуральные ингредиенты, без красителей, консервантов и ГМО.<br />
5907<br />
5908Для малышей с заботой от «Черноголовка Бэйби»!</p>
5909                <div class="popup-buttons-row">
5910                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=292" class="button button_regular">Продукты</a>
5911                                </div>
5912                <div class="img-wrapper">
5913                    <img src="/upload/iblock/0cd/flpo3eb0bqgjzr4enph2mykty2fk2hhr/%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0%20%D0%91%D1%8D%D0%B9%D0%B1%D0%B8%20%D0%BB%D0%BE%D0%B3%D0%BE.jpg" alt="">
5914                </div>
5915            </div>
5916        </div>
5917            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30337}">
5918            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5919                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5920                    <g id="x-circle">
5921                        <path id="Vector"
5922                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5923                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5924                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5925                              stroke-linecap="round" stroke-linejoin="round" />
5926                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5927                              stroke-linecap="round" stroke-linejoin="round" />
5928                    </g>
5929                </svg>
5930            </button>
5931            <style>
5932.popup-buttons-row {
5933    grid-column: 2 / 3;
5934    grid-row: 4 / 5;
5935    display: flex;
5936    flex-direction: row;
5937    justify-content: flex-start;
5938    align-items: center;
5939    gap: 12px;
5940    width: 100%;
5941    margin-top: 15px;
5942}
5943
5944.popup-buttons-row .button {
5945    grid-column: auto !important;
5946    grid-row: auto !important;
5947    margin: 0 !important;
5948    width: auto !important;
5949    padding: 0 20px !important;
5950    height: 45px !important;
5951    text-align: center;
5952    white-space: nowrap; 
5953}
5954
5955            </style>
5956            <div class="card-popup card-popup_brand">
5957                <h2 class="section-title section-title">X-TURBO</h2>
5958                <p>Открой для себя энергетик X-Turbo, представленный в трех линейках: Focus, Active и Party. Уникальный микс в каждой линейке обеспечивает максимальный эффект. X-Turbo — это мощь внутри тебя, готовая зажигать в любой момент. Выбери свою линейку и наслаждайся энергией X-Turbo!</p>
5959                <div class="popup-buttons-row">
5960                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30337" class="button button_regular">Продукты</a>
5961                                </div>
5962                <div class="img-wrapper">
5963                    <img src="/upload/iblock/2ed/gv9l3trdb954ys43d5s5jww33uifd8a7/X_TURBO_RD_LOGO_Blue.png" alt="">
5964                </div>
5965            </div>
5966        </div>
5967            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_182}">
5968            <button class="button-close-popup" @click="$store.popup.closeBrand()">
5969                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
5970                    <g id="x-circle">
5971                        <path id="Vector"
5972                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
5973                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
5974                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
5975                              stroke-linecap="round" stroke-linejoin="round" />
5976                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
5977                              stroke-linecap="round" stroke-linejoin="round" />
5978                    </g>
5979                </svg>
5980            </button>
5981            <style>
5982.popup-buttons-row {
5983    grid-column: 2 / 3;
5984    grid-row: 4 / 5;
5985    display: flex;
5986    flex-direction: row;
5987    justify-content: flex-start;
5988    align-items: center;
5989    gap: 12px;
5990    width: 100%;
5991    margin-top: 15px;
5992}
5993
5994.popup-buttons-row .button {
5995    grid-column: auto !important;
5996    grid-row: auto !important;
5997    margin: 0 !important;
5998    width: auto !important;
5999    padding: 0 20px !important;
6000    height: 45px !important;
6001    text-align: center;
6002    white-space: nowrap; 
6003}
6004
6005            </style>
6006            <div class="card-popup card-popup_brand">
6007                <h2 class="section-title section-title">Черноголовка лимонад</h2>
6008                <p>Те самые легендарные лимонады, которыми уже более 25 лет наслаждаются люди по всей стране. Эти незабываемые вкусы у большинства ассоциируются с детством, праздниками и просто приятными моментами. А получаются лимонады такими особенными благодаря натуральным ингредиентам в составе. Они созданы на основе артезианской воды и настоев трав и фруктов, собранных по всей территории нашей страны. Подарите себе вкус радости!</p>
6009                <div class="popup-buttons-row">
6010                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=182" class="button button_regular">Продукты</a>
6011                                </div>
6012                <div class="img-wrapper">
6013                    <img src="/upload/iblock/154/pesyqsu9vntbj19aljzdus3xx66gmq2w/Chern
6013ogolovka_Lemonade_Color%20%281%29.png" alt="">
6014                </div>
6015            </div>
6016        </div>
6017            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_21122}">
6018            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6019                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6020                    <g id="x-circle">
6021                        <path id="Vector"
6022                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6023                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6024                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6025                              stroke-linecap="round" stroke-linejoin="round" />
6026                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6027                              stroke-linecap="round" stroke-linejoin="round" />
6028                    </g>
6029                </svg>
6030            </button>
6031            <style>
6032.popup-buttons-row {
6033    grid-column: 2 / 3;
6034    grid-row: 4 / 5;
6035    display: flex;
6036    flex-direction: row;
6037    justify-content: flex-start;
6038    align-items: center;
6039    gap: 12px;
6040    width: 100%;
6041    margin-top: 15px;
6042}
6043
6044.popup-buttons-row .button {
6045    grid-column: auto !important;
6046    grid-row: auto !important;
6047    margin: 0 !important;
6048    width: auto !important;
6049    padding: 0 20px !important;
6050    height: 45px !important;
6051    text-align: center;
6052    white-space: nowrap; 
6053}
6054
6055            </style>
6056            <div class="card-popup card-popup_brand">
6057                <h2 class="section-title section-title">Черноголовка Cola</h2>
6058                <p>Всеми любимая кола, но с особенными нотами во вкусе! Мы делаем нашу колу на основе специально подготовленной артезианской воды, кофеина — для бодрости и карамельного колера — для насыщенного приятного цвета, добавляем авторскую композицию натуральных ароматизаторов и создаем две версии — колу с сахаром и без него. Этот незабываемый вкус наполнит радостью, подарит потрясающее настроение и освежит в самый жаркий день! Попробуйте нашу колу – колу с тем самым особым вкусом!</p>
6059                <div class="popup-buttons-row">
6060                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=21122" class="button button_regular">Продукты</a>
6061                                </div>
6062                <div class="img-wrapper">
6063                    <img src="/upload/iblock/857/mx3r59j7oxvwoeduckok35n5vvyxhfk5/Chernogolovka-Cola_Logo-1.png" alt="">
6064                </div>
6065            </div>
6066        </div>
6067            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_29047}">
6068            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6069                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6070                    <g id="x-circle">
6071                        <path id="Vector"
6072                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6073                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6074                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6075                              stroke-linecap="round" stroke-linejoin="round" />
6076                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6077                              stroke-linecap="round" stroke-linejoin="round" />
6078                    </g>
6079                </svg>
6080            </button>
6081            <style>
6082.popup-buttons-row {
6083    grid-column: 2 / 3;
6084    grid-row: 4 / 5;
6085    display: flex;
6086    flex-direction: row;
6087    justify-content: flex-start;
6088    align-items: center;
6089    gap: 12px;
6090    width: 100%;
6091    margin-top: 15px;
6092}
6093
6094.popup-buttons-row .button {
6095    grid-column: auto !important;
6096    grid-row: auto !important;
6097    margin: 0 !important;
6098    width: auto !important;
6099    padding: 0 20px !important;
6100    height: 45px !important;
6101    text-align: center;
6102    white-space: nowrap; 
6103}
6104
6105            </style>
6106            <div class="card-popup card-popup_brand">
6107                <h2 class="section-title section-title">Холодный чай</h2>
6108                <p>Вкусный натуральный, освежающий, холодный чай, приготовленный на основе свежезаваренного зеленого чая и с яркими ароматами лайма и мяты или лимона и лайма. <br />
6109Такое сочетание даёт интересный и яркий вкус, который прекрасно освежает в самый жаркий день!</p>
6110                <div class="popup-buttons-row">
6111                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29047" class="button button_regular">Продукты</a>
6112                                </div>
6113                <div class="img-wrapper">
6114                    <img src="/upload/iblock/493/5dijwp4gvxfgys3wqz7rrr3zf3czz455/Chernogolovka_Tea_Color%20%281%29.png" alt="">
6115                </div>
6116            </div>
6117        </div>
6118            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_31435}">
6119            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6120                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6121                    <g id="x-circle">
6122                        <path id="Vector"
6123                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6124                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6125                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6126                              stroke-linecap="round" stroke-linejoin="round" />
6127                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6128                              stroke-linecap="round" stroke-linejoin="round" />
6129                    </g>
6130                </svg>
6131            </button>
6132            <style>
6133.popup-buttons-row {
6134    grid-column: 2 / 3;
6135    grid-row: 4 / 5;
6136    display: flex;
6137    flex-direction: row;
6138    justify-content: flex-start;
6139    align-items: center;
6140    gap: 12px;
6141    width: 100%;
6142    margin-top: 15px;
6143}
6144
6145.popup-buttons-row .button {
6146    grid-column: auto !important;
6147    grid-row: auto !important;
6148    margin: 0 !important;
6149    width: auto !important;
6150    padding: 0 20px !important;
6151    height: 45px !important;
6152    text-align: center;
6153    white-space: nowrap; 
6154}
6155
6156            </style>
6157            <div class="card-popup card-popup_brand">
6158                <h2 class="section-title section-title">Черноголовка Квас</h2>
6159                <p>Квас Черноголовка — это натуральный освежающий напиток двойного брожения на артезианской воде. Приготовленный по традиционной рецептуре, он сочетает мягкий аромат, сбалансированную сладость и приятную свежесть. Такой квас отлично утоляет жажду, подходит и для обеда дома, и для встреч с друзьями, и просто для момента, когда хочется чего-то по-настоящему натурального и вкусного.</p>
6160                <div class="popup-buttons-row">
6161                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=31435" class="button button_regular">Продукты</a>
6162                                </div>
6163                <div class="img-wrapper">
6164                    <img src="/upload/iblock/24b/var9m72pgu280tajnrv1mr0oydpcnghl/Chernogolovka_Kvas_Logo%20%281%29.png" alt="">
6165                </div>
6166            </div>
6167        </div>
6168            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30158}">
6169            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6170                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6171                    <g id="x-circle">
6172                        <path id="Vector"
6173                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6174                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6175                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6176                              stroke-linecap="round" stroke-linejoin="round" />
6177                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6178                              stroke-linecap="round" stroke-linejoin="round" />
6179                    </g>
6180                </svg>
6181            </button>
6182            <style>
6183.popup-buttons-row {
6184    grid-column: 2 / 3;
6185    grid-row: 4 / 5;
6186    display: flex;
6187    flex-direction: row;
6188    justify-content: flex-start;
6189    align-items: center;
6190    gap: 12px;
6191    width: 100%;
6192    margin-top: 15px;
6193}
6194
6195.popup-buttons-row .button {
6196    grid-column: auto !important;
6197    grid-row: auto !important;
6198    margin: 0 !important;
6199    width: auto !important;
6200    padding: 0 20px !important;
6201    height: 45px !important;
6202    text-align: center;
6203    white-space: nowrap; 
6204}
6205
6206            </style>
6207            <div class="card-popup card-popup_brand">
6208                <h2 class="section-title section-title">Extrasi</h2>
6209                <p>Extra вдохновляет людей отдаваться удовольствию полностью. Гранола и печенье Extra – это уникальное сочетание запеченных злаковых кусочков и ингредиентов премиум-класса, которые доставляют невероятное наслаждение.<br />
6210Твоё Extra удовольствие!</p>
6211                <div class="popup-buttons-row">
6212                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30158" class="button button_regular">Продукты</a>
6213                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
6214                                </div>
6215                <div class="img-wrapper">
6216                    <img src="/upload/iblock/44e/bbg8fe3mgl7tvupjt8dhcsnnuel8k88u/Extrasi_logo%20%282%29%201.png" alt="">
6217                </div>
6218            </div>
6219        </div>
6220            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_183}">
6221            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6222                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6223                    <g id="x-circle">
6224                        <path id="Vector"
6225                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6226                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6227                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6228                              stroke-linecap="round" stroke-linejoin="round" />
6229                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6230                              stroke-linecap="round" stroke-linejoin="round" />
6231                    </g>
6232                </svg>
6233            </button>
6234            <style>
6235.popup-buttons-row {
6236    grid-column: 2 / 3;
6237    grid-row: 4 / 5;
6238    display: flex;
6239    flex-direction: row;
6240    justify-content: flex-start;
6241    align-items: center;
6242    gap: 12px;
6243    width: 100%;
6244    margin-top: 15px;
6245}
6246
6247.popup-buttons-row .button {
6248    grid-column: auto !important;
6249    grid-row: auto !important;
6250    margin: 0 !important;
6251    width: auto !important;
6252    padding: 0 20px !important;
6253    height: 45px !important;
6254    text-align: center;
6255    white-space: nowrap; 
6256}
6257
6258            </style>
6259            <div class="card-popup card-popup_brand">
6260                <h2 class="section-title section-title">Черноголовка вода</h2>
6261                <p>«Черноголовка» — вода для современных людей, живущих в режиме многозадачности, которым мы предлагаем воду, прошедшую природную фильтрацию, дающую вкус живой природы в городе и переключающую на природное состояние, в котором чувствуешь правильный выбор и находишь свой естественный путь.<br />
6262«Черноголовка» — верный выбор от природы!</p>
6263                <div class="popup-buttons-row">
6264                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=183" class="button button_regular">Продукты</a>
6265                                    <a href="https://aqualife.ru/" class="button button_regular" target="_blank">Сайт</a>
6266                                </div>
6267                <div class="img-wrapper">
6268                    <img src="/upload/iblock/b96/bn8gttpjpd95c6xeazas765wqk6v2wte/Logo_329%201.png" alt="">
6269                </div>
6270            </div>
6271        </div>
6272            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30630}">
6273            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6274                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6275                    <g id="x-circle">
6276                        <path id="Vector"
6277                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6278                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6279                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6280                              stroke-linecap="round" stroke-linejoin="round" />
6281                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6282                              stroke-linecap="round" stroke-linejoin="round" />
6283                    </g>
6284                </svg>
6285            </button>
6286            <style>
6287.popup-buttons-row {
6288    grid-column: 2 / 3;
6289    grid-row: 4 / 5;
6290    display: flex;
6291    flex-direction: row;
6292    justify-content: flex-start;
6293    align-items: center;
6294    gap: 12px;
6295    width: 100%;
6296    margin-top: 15px;
6297}
6298
6299.popup-buttons-row .button {
6300    grid-column: auto !important;
6301    grid-row: auto !important;
6302    margin: 0 !important;
6303    width: auto !important;
6304    padding: 0 20px !important;
6305    height: 45px !important;
6306    text-align: center;
6307    white-space: nowrap; 
6308}
6309
6310            </style>
6311            <div class="card-popup card-popup_brand">
6312                <h2 class="section-title section-title">Matti</h2>
6313                <p>Готовые завтраки Mätti — это идеальное сочетание простых ингредиентов для того, чтобы каждое утро стало счастливым!</p>
6314                <div class="popup-buttons-row">
6315                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30630" class="button button_regular">Продукты</a>
6316                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
6317                                </div>
6318                <div class="img-wrapper">
6319                    <img src="/upload/iblock/13e/3sw1vo9s79rc7909h03zv1k7f3fj1hh2/Matti%20logo%20red.png" alt="">
6320                </div>
6321            </div>
6322        </div>
6323            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30593}">
6324            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6325                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6326                    <g id="x-circle">
6327                        <path id="Vector"
6328                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6329                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6330                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6331                              stroke-linecap="round" stroke-linejoin="round" />
6332                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6333                              stroke-linecap="round" stroke-linejoin="round" />
6334                    </g>
6335                </svg>
6336            </button>
6337            <style>
6338.popup-buttons-row {
6339    grid-column: 2 / 3;
6340    grid-row: 4 / 5;
6341    display: flex;
6342    flex-direction: row;
6343    justify-content: flex-start;
6344    align-items: center;
6345    gap: 12px;
6346    width: 100%;
6347    margin-top: 15px;
6348}
6349
6350.popup-buttons-row .button {
6351    grid-column: auto !important;
6352    grid-row: auto !important;
6353    margin: 0 !important;
6354    width: auto !important;
6355    padding: 0 20px !important;
6356    height: 45px !important;
6357    text-align: center;
6358    white-space: nowrap; 
6359}
6360
6361            </style>
6362            <div class="card-popup card-popup_brand">
6363                <h2 class="section-title section-title">Matti</h2>
6364                <p>Цельные злаки – основной ингредиент всех наших продуктов, ценный источник медленных углеводов и клетчатки, зарядит вас энергией для новых свершений.<br />
6365Фрукты и ягоды – бережно обработанные по специальной теÑ
6365…нологии сублимации, сохраняют витамины и минералы. Это очень важно для поддержания иммунитета и отличного самочувствия.</p>
6366                <div class="popup-buttons-row">
6367                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30593" class="button button_regular">Продукты</a>
6368                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
6369                                </div>
6370                <div class="img-wrapper">
6371                    <img src="/upload/iblock/446/7idcw2sovasekko7omki9q4t4gb13w52/_1.png" alt="">
6372                </div>
6373            </div>
6374        </div>
6375            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30479}">
6376            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6377                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6378                    <g id="x-circle">
6379                        <path id="Vector"
6380                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6381                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6382                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6383                              stroke-linecap="round" stroke-linejoin="round" />
6384                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6385                              stroke-linecap="round" stroke-linejoin="round" />
6386                    </g>
6387                </svg>
6388            </button>
6389            <style>
6390.popup-buttons-row {
6391    grid-column: 2 / 3;
6392    grid-row: 4 / 5;
6393    display: flex;
6394    flex-direction: row;
6395    justify-content: flex-start;
6396    align-items: center;
6397    gap: 12px;
6398    width: 100%;
6399    margin-top: 15px;
6400}
6401
6402.popup-buttons-row .button {
6403    grid-column: auto !important;
6404    grid-row: auto !important;
6405    margin: 0 !important;
6406    width: auto !important;
6407    padding: 0 20px !important;
6408    height: 45px !important;
6409    text-align: center;
6410    white-space: nowrap; 
6411}
6412
6413            </style>
6414            <div class="card-popup card-popup_brand">
6415                <h2 class="section-title section-title">Gipopo</h2>
6416                <p>ДЕТСКОЕ ПИТАНИЕ GIPOPO<br />
6417– это продуманная экспертами система питания, учитывающая ключевые потребности малыша на каждом этапе его развития. Широкий ассортимент продуктов разработан с учетом возрастных особенностей и предпочтений каждого ребенка и включает в себя: сухие каши, жидкие кашки, фруктовые, овощные, мясные и мясорастительные пюре, снеки.</p>
6418                <div class="popup-buttons-row">
6419                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30479" class="button button_regular">Продукты</a>
6420                                    <a href="https://gipopo-baby.ru/" class="button button_regular" target="_blank">Сайт</a>
6421                                </div>
6422                <div class="img-wrapper">
6423                    <img src="/upload/iblock/727/txcrppc1kiqpl1ivrz2o9mrgxqs50u7v/SRJms0J8sn0NGwV6Ba6s.png" alt="">
6424                </div>
6425            </div>
6426        </div>
6427            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30344}">
6428            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6429                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6430                    <g id="x-circle">
6431                        <path id="Vector"
6432                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6433                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6434                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6435                              stroke-linecap="round" stroke-linejoin="round" />
6436                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6437                              stroke-linecap="round" stroke-linejoin="round" />
6438                    </g>
6439                </svg>
6440            </button>
6441            <style>
6442.popup-buttons-row {
6443    grid-column: 2 / 3;
6444    grid-row: 4 / 5;
6445    display: flex;
6446    flex-direction: row;
6447    justify-content: flex-start;
6448    align-items: center;
6449    gap: 12px;
6450    width: 100%;
6451    margin-top: 15px;
6452}
6453
6454.popup-buttons-row .button {
6455    grid-column: auto !important;
6456    grid-row: auto !important;
6457    margin: 0 !important;
6458    width: auto !important;
6459    padding: 0 20px !important;
6460    height: 45px !important;
6461    text-align: center;
6462    white-space: nowrap; 
6463}
6464
6465            </style>
6466            <div class="card-popup card-popup_brand">
6467                <h2 class="section-title section-title">Черноголовка TRENDY MIXES</h2>
6468                <p></p>
6469                <div class="popup-buttons-row">
6470                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30344" class="button button_regular">Продукты</a>
6471                                </div>
6472                <div class="img-wrapper">
6473                    <img src="/upload/iblock/f64/i7llm7vlihd0w76dcl1kejss9kw184c8/Trendy%20Mixes_Logo_2025-01.png" alt="">
6474                </div>
6475            </div>
6476        </div>
6477            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30311}">
6478            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6479                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6480                    <g id="x-circle">
6481                        <path id="Vector"
6482                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6483                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6484                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6485                              stroke-linecap="round" stroke-linejoin="round" />
6486                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6487                              stroke-linecap="round" stroke-linejoin="round" />
6488                    </g>
6489                </svg>
6490            </button>
6491            <style>
6492.popup-buttons-row {
6493    grid-column: 2 / 3;
6494    grid-row: 4 / 5;
6495    display: flex;
6496    flex-direction: row;
6497    justify-content: flex-start;
6498    align-items: center;
6499    gap: 12px;
6500    width: 100%;
6501    margin-top: 15px;
6502}
6503
6504.popup-buttons-row .button {
6505    grid-column: auto !important;
6506    grid-row: auto !important;
6507    margin: 0 !important;
6508    width: auto !important;
6509    padding: 0 20px !important;
6510    height: 45px !important;
6511    text-align: center;
6512    white-space: nowrap; 
6513}
6514
6515            </style>
6516            <div class="card-popup card-popup_brand">
6517                <h2 class="section-title section-title">ЧЕРНОГОЛОВКА H2FRUIT</h2>
6518                <p>Линейка воды с мягкой газацией ЧЕРНОГОЛОВКА H2FRUIT - НОВИНКА от экспертов во вкусе, создателей всеми любимых лимонадов Черноголовка, на базе чистейшей артезианской воды с соком и витаминами в уникальных трендовых миксах вкусов.</p>
6519                <div class="popup-buttons-row">
6520                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30311" class="button button_regular">Продукты</a>
6521                                </div>
6522                <div class="img-wrapper">
6523                    <img src="/upload/iblock/cc0/osk1th1gu8kt46zxf67kg09rglcx8l15/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B2%D0%BE%D0%B4%D0%B0-04%201.png" alt="">
6524                </div>
6525            </div>
6526        </div>
6527            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30170}">
6528            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6529                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6530                    <g id="x-circle">
6531                        <path id="Vector"
6532                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6533                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6534                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6535                              stroke-linecap="round" stroke-linejoin="round" />
6536                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6537                              stroke-linecap="round" stroke-linejoin="round" />
6538                    </g>
6539                </svg>
6540            </button>
6541            <style>
6542.popup-buttons-row {
6543    grid-column: 2 / 3;
6544    grid-row: 4 / 5;
6545    display: flex;
6546    flex-direction: row;
6547    justify-content: flex-start;
6548    align-items: center;
6549    gap: 12px;
6550    width: 100%;
6551    margin-top: 15px;
6552}
6553
6554.popup-buttons-row .button {
6555    grid-column: auto !important;
6556    grid-row: auto !important;
6557    margin: 0 !important;
6558    width: auto !important;
6559    padding: 0 20px !important;
6560    height: 45px !important;
6561    text-align: center;
6562    white-space: nowrap; 
6563}
6564
6565            </style>
6566            <div class="card-popup card-popup_brand">
6567                <h2 class="section-title section-title">Unicorn</h2>
6568                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
6569Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
6570 <br />
6571Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
6572                <div class="popup-buttons-row">
6573                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30170" class="button button_regular">Продукты</a>
6574                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
6575                                </div>
6576                <div class="img-wrapper">
6577                    <img src="/upload/iblock/e4c/vwjlrmipcvgipj9rbwynde4xjlb1j88e/unicorn_logo_new.png" alt="">
6578                </div>
6579            </div>
6580        </div>
6581            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30115}">
6582            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6583                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6584                    <g id="x-circle">
6585                        <path id="Vector"
6586                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6587                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6588                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6589                              stroke-linecap="round" stroke-linejoin="round" />
6590                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6591                              stroke-linecap="round" stroke-linejoin="round" />
6592                    </g>
6593                </svg>
6594            </button>
6595            <style>
6596.popup-buttons-row {
6597    grid-column: 2 / 3;
6598    grid-row: 4 / 5;
6599    display: flex;
6600    flex-direction: row;
6601    justify-content: flex-start;
6602    align-items: center;
6603    gap: 12px;
6604    width: 100%;
6605    margin-top: 15px;
6606}
6607
6608.popup-buttons-row .button {
6609    grid-column: auto !important;
6610    grid-row: auto !important;
6611    margin: 0 !important;
6612    width: auto !important;
6613    padding: 0 20px !important;
6614    height: 45px !important;
6615    text-align: center;
6616    white-space: nowrap; 
6617}
6618
6619            </style>
6620            <div class="card-popup card-popup_brand">
6621                <h2 class="section-title section-title">CHEESL'S</h2>
6622                <p>Запечённые чипсы Cheesl&#39;s - аппетитная новинка в мире чипсов!<br />
6623<br />
6624Мы делаем вкус Cheesl’s по-настоящему сырным благодаря оригинальной технологии производства, в которой настоящий сыр добавляется внутрь каждого кусочка, а инновационный процесс запекания и уникальная форма позволяют ощутить особую хрусткость. <br />
6625<br />
6626Запеченные чипсы Cheesl&#39;s со 100&#37; настоящим сыром - созданы для сырных моментов и хрустящих впечатлений!<br />
6627</p>
6628                <div class="popup-buttons-row">
6629                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30115" class="button button_regular">Продукты</a>
6630                                    <a href="https://cheesls.ru/" class="button button_regular" target="_blank">Сайт</a>
6631                                </div>
6632                <div class="img-wrapper">
6633                    <img src="/upload/iblock/433/drx4fh463e02jtl14ovgasvytwcvymtl/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1.png" alt="">
6634                </div>
6635            </div>
6636        </div>
6637            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_29950}">
6638            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6639                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6640                    <g id="x-circle">
6641                        <path id="Vector"
6642                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6643                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6644                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6645                              stroke-linecap="round" stroke-linejoin="round" />
6646                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6647                              stroke-linecap="round" stroke-linejoin="round" />
6648                    </g>
6649                </svg>
6650            </button>
6651            <style>
6652.popup-buttons-row {
6653    grid-column: 2 / 3;
6654    grid-row: 4 / 5;
6655    display: flex;
6656    flex-direction: row;
6657    justify-content: flex-start;
6658    align-items: center;
6659    gap: 12px;
6660    width: 100%;
6661    margin-top: 15px;
6662}
6663
6664.popup-buttons-row .button {
6665    grid-column: auto !important;
6666    grid-row: auto !important;
6667    margin: 0 !important;
6668    width: auto !important;
6669    padding: 0 20px !important;
6670    height: 45px !important;
6671    text-align: center;
6672    white-space: nowrap; 
6673}
6674
6675            </style>
6676            <div class="card-popup card-popup_brand">
6677                <h2 class="section-title section-title">Любятово</h2>
6678                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
6679Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
6680                <div class="popup-buttons-row">
6681                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29950" class="button button_regular">Продукты</a>
6682                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
6683                                </div>
6684                <div class="img-wrapper">
6685                    <img src="/upload/iblock/4d8/ha7hzdfwxgtfya6b9v6slzr8rigjnwgs/Logo%202025.png" alt="">
6686                </div>
6687            </div>
6688        </div>
6689            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_14560}">
6690            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6691                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6692                    <g id="x-circle">
6693                        <path id="Vector"
6694                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6695                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6696                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6697                              stroke-linecap="round" stroke-linejoin="round" />
6698                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6699                              stroke-linecap="round" stroke-linejoin="round" />
6700                    </g>
6701                </svg>
6702            </button>
6703            <style>
6704.popup-buttons-row {
6705    grid-column: 2 / 3;
6706    grid-row: 4 / 5;
6707    display: flex;
6708    flex-direction: row;
6709    justify-content: flex-start;
6710    align-items: center;
6711    gap: 12px;
6712    width: 100%;
6713    margin-top: 15px;
6714}
6715
6716.popup-buttons-row .button {
6717    grid-column: auto !important;
6718    grid-row: auto !important;
6719    margin: 0 !important;
6720    width: auto !important;
6721    padding: 0 20px !important;
6722    height: 45px !important;
6723    text-align: center;
6724    white-space: nowrap; 
6725}
6726
6727            </style>
6728            <div class="card-popup card-popup_brand">
6729                <h2 class="section-title section-title">Chillout</h2>
6730                <p>Этот вкус любят все. Он главный гость на каждой вечеринке и всегда в центре внимания. Он помогает заговорить с любым гостем и начать танцевать в ритм музыки. Бывает с сахаром и без. Идеален сам по себе, но еще отлично сочетается с другими ингредиентами в коктейлях! Миксуйте, пробуйте!<br />
6731</p>
6732                <div class="popup-buttons-row">
6733                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=14560" class="button button_regular">Продукты</a>
6734                                    <a href="https://chillout-drinks.ru/" class="button button_regular" target="_blank">Сайт</a>
6735                                </div>
6736                <div class="img-wrapper">
6737                    <img src="/upload/iblock/e28/bse2kcqa9o6oflwpz60907n1xomcws97/LOGO_Chillout2024-02_%D1%82%D0%BE%D0%BD%D0%B8%D0%BA%20%2800000002%29.png" alt="">
6738                </div>
6739            </div>
6740        </div>
6741            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_185}">
6742            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6743                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6744                    <g id="x-circle">
6745                        <path id="Vector"
6746                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6747                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6748                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6749                              stroke-linecap="round" stroke-linejoin="round" />
6750                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6751                              stroke-linecap="round" stroke-linejoin="round" />
6752                    </g>
6753                </svg>
6754            </button>
6755            <style>
6756.popup-buttons-row {
6757    grid-column: 2 / 3;
6758    grid-row: 4 / 5;
6759    display: flex;
6760    flex-direction: row;
6761    justify-content: flex-start;
6762    align-items: center;
6763    gap: 12px;
6764    width: 100%;
6765    margin-top: 15px;
6766}
6767
6768.popup-buttons-row .button {
6769    grid-column: auto !important;
6770    grid-row: auto !important;
6771    margin: 0 !important;
6772    width: auto !important;
6773    padding: 0 20px !important;
6774    height: 45px !important;
6775    text-align: center;
6776    white-space: nowrap; 
6777}
6778
6779            </style>
6780            <div class="card-popup card-popup_brand">
6781                <h2 class="section-title section-title">Fantola</h2>
6782                <p>Лимонад для самых стильных, модных и ярких!<br />
6783В линейке Fantola есть классические, знакомые вкусы колы и апельсина, удивительный освежающий микс лимона и лайма, а также самый неожиданный вкус — Bubble Gum. Благодаря этим ярким игристым бутылочкам любой момент жизни становится еще более красочным и свежим. <br />
6784Не веришь? Просто сделай глоток и посмотри, как тебе захлестнет волна классных эмоций!</p>
6785                <div class="popup-buttons-row">
6786                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=185" class="button button_regular">Продукты</a>
6787                                </div>
6788                <div class="img-wrapper">
6789                    <img src="/upload/iblock/9a0/sz1f2n7e0muaweslvn5xa5p4o278iv0r/%D0%BB%D0%BE%D0%B3%D0%BE%20%D1%84%D0%B0%D0%BD%D1%82%D0%BE%D0%BB%D0%B0.png" alt="">
6790                </div>
6791            </div>
6792        </div>
6793            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_187}">
6794            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6795                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6796                    <g id="x-circle">
6797                        <path id="Vector"
6798                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6799                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6800                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6801                              stroke-linecap="round" stroke-linejoin="round" />
6802                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6803                              stroke-linecap="round" stroke-linejoin="round" />
6804                    </g>
6805                </svg>
6806            </button>
6807            <style>
6808.popup-buttons-row {
6809    grid-column: 2 / 3;
6810    grid-row: 4 / 5;
6811    display: flex;
6812    flex-direction: row;
6813    justify-content: flex-start;
6814    align-items: center;
6815    gap: 12px;
6816    width: 100%;
6817    margin-top: 15px;
6818}
6819
6820.popup-buttons-row .button {
6821    grid-column: auto !important;
6822    grid-row: auto !important;
6823    margin: 0 !important;
6824    width: auto !important;
6825    padding: 0 20px !important;
6826    height: 45px !important;
6827    text-align: center;
6828    white-space: nowrap; 
6829}
6830
6831            </style>
6832            <div class="card-popup card-popup_brand">
6833                <h2 class="section-title section-title">Cristelle вода</h2>
6834                <p>Сristelle – тот случай, когда внутреннее содержание полностью соответствует идеальной форме.&nbsp;&nbsp;С такой природной водой приятно провести вечер в ресторане, небольшой отпуск в элегантном отеле или… совершить полёт бизнес-классом.<br />
6835<br />
6836Над дизайном бутылки Cristelle поработали итальянские мастера дизайна.&nbsp;&nbsp;Над внутренним содержанием - природа.&nbsp;&nbsp;Как утверждают геологи, ещё 300 миллионов лет назад. </p>
6837                <div class="popup-buttons-row">
6838                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=187" class="button button_regular">Продукты</a>
6839                                    <a href="https://cristelle-water.ru/" class="button button_regular" target="_blank">Сайт</a>
6840                                </div>
6841                <div class="img-wrapper">
6842                    <img src="/upload/iblock/78c/0w3re2xanvwtb9cr0cxi6gtgf3pv73ks/Cristelle%2
68420%D0%B3%D0%B0%D0%B7.png" alt="">
6843                </div>
6844            </div>
6845        </div>
6846            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_30356}">
6847            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6848                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6849                    <g id="x-circle">
6850                        <path id="Vector"
6851                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6852                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6853                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6854                              stroke-linecap="round" stroke-linejoin="round" />
6855                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6856                              stroke-linecap="round" stroke-linejoin="round" />
6857                    </g>
6858                </svg>
6859            </button>
6860            <style>
6861.popup-buttons-row {
6862    grid-column: 2 / 3;
6863    grid-row: 4 / 5;
6864    display: flex;
6865    flex-direction: row;
6866    justify-content: flex-start;
6867    align-items: center;
6868    gap: 12px;
6869    width: 100%;
6870    margin-top: 15px;
6871}
6872
6873.popup-buttons-row .button {
6874    grid-column: auto !important;
6875    grid-row: auto !important;
6876    margin: 0 !important;
6877    width: auto !important;
6878    padding: 0 20px !important;
6879    height: 45px !important;
6880    text-align: center;
6881    white-space: nowrap; 
6882}
6883
6884            </style>
6885            <div class="card-popup card-popup_brand">
6886                <h2 class="section-title section-title">COSMOS</h2>
6887                <p>Cosmos - это космическая энергия, воплощённая в оригинальном и тропическом вкусах. В составе сочетаются кофеин, таурин и витамины группы B, а экстракты гуавы и женьшеня дополняют композицию, придавая напитку уникальный вкус и дополнительные полезные свойства. Почувствуй космическую энергию в каждой капле — выбери Cosmos для ярких достижений и новых горизонтов!</p>
6888                <div class="popup-buttons-row">
6889                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30356" class="button button_regular">Продукты</a>
6890                                </div>
6891                <div class="img-wrapper">
6892                    <img src="/upload/iblock/38d/0y8qifwp0399m4ivvzxbyhpajb3ap01z/%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D1%81%20%D0%BB%D0%BE%D0%B3%D0%BE%20%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82.png" alt="">
6893                </div>
6894            </div>
6895        </div>
6896            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_17669}">
6897            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6898                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6899                    <g id="x-circle">
6900                        <path id="Vector"
6901                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6902                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6903                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6904                              stroke-linecap="round" stroke-linejoin="round" />
6905                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6906                              stroke-linecap="round" stroke-linejoin="round" />
6907                    </g>
6908                </svg>
6909            </button>
6910            <style>
6911.popup-buttons-row {
6912    grid-column: 2 / 3;
6913    grid-row: 4 / 5;
6914    display: flex;
6915    flex-direction: row;
6916    justify-content: flex-start;
6917    align-items: center;
6918    gap: 12px;
6919    width: 100%;
6920    margin-top: 15px;
6921}
6922
6923.popup-buttons-row .button {
6924    grid-column: auto !important;
6925    grid-row: auto !important;
6926    margin: 0 !important;
6927    width: auto !important;
6928    padding: 0 20px !important;
6929    height: 45px !important;
6930    text-align: center;
6931    white-space: nowrap; 
6932}
6933
6934            </style>
6935            <div class="card-popup card-popup_brand">
6936                <h2 class="section-title section-title">БАЙКАЛ</h2>
6937                <p>Можно ли пить энергетики и вести здоровый образ жизни? Конечно! Энергетические напитки БАЙКАЛ natural energy — натуральные энергетические напитки нового поколения с естественными вкусами. Только природные источники бодрости: натуральный кофеин, элеутерококк и соки, без таурина и консервантов, с витаминами группы В, которые помогают бороться с усталостью.<br />
6938Попробуйте натуральную энергию Байкала! </p>
6939                <div class="popup-buttons-row">
6940                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17669" class="button button_regular">Продукты</a>
6941                                </div>
6942                <div class="img-wrapper">
6943                    <img src="/upload/iblock/8f6/zmpjkisdk322zmieoef7atfisbxtpym1/%D0%91%D0%B0%D0%B9%D0%BA%D0%B0%D0%BB%20Natural%20Energy.png" alt="">
6944                </div>
6945            </div>
6946        </div>
6947            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_29918}">
6948            <button class="button-close-popup" @click="$store.popup.closeBrand()">
6949                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
6950                    <g id="x-circle">
6951                        <path id="Vector"
6952                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
6953                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
6954                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
6955                              stroke-linecap="round" stroke-linejoin="round" />
6956                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
6957                              stroke-linecap="round" stroke-linejoin="round" />
6958                    </g>
6959                </svg>
6960            </button>
6961            <style>
6962.popup-buttons-row {
6963    grid-column: 2 / 3;
6964    grid-row: 4 / 5;
6965    display: flex;
6966    flex-direction: row;
6967    justify-content: flex-start;
6968    align-items: center;
6969    gap: 12px;
6970    width: 100%;
6971    margin-top: 15px;
6972}
6973
6974.popup-buttons-row .button {
6975    grid-column: auto !important;
6976    grid-row: auto !important;
6977    margin: 0 !important;
6978    width: auto !important;
6979    padding: 0 20px !important;
6980    height: 45px !important;
6981    text-align: center;
6982    white-space: nowrap; 
6983}
6984
6985            </style>
6986            <div class="card-popup card-popup_brand">
6987                <h2 class="section-title section-title">Любятово</h2>
6988                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
6989Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
6990                <div class="popup-buttons-row">
6991                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29918" class="button button_regular">Продукты</a>
6992                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
6993                                </div>
6994                <div class="img-wrapper">
6995                    <img src="/upload/iblock/f39/ri3y2xhxkmbif13o3i60od00xsfdu5m2/Logo%202025.png" alt="">
6996                </div>
6997            </div>
6998        </div>
6999            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_29971}">
7000            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7001                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7002                    <g id="x-circle">
7003                        <path id="Vector"
7004                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7005                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7006                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7007                              stroke-linecap="round" stroke-linejoin="round" />
7008                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7009                              stroke-linecap="round" stroke-linejoin="round" />
7010                    </g>
7011                </svg>
7012            </button>
7013            <style>
7014.popup-buttons-row {
7015    grid-column: 2 / 3;
7016    grid-row: 4 / 5;
7017    display: flex;
7018    flex-direction: row;
7019    justify-content: flex-start;
7020    align-items: center;
7021    gap: 12px;
7022    width: 100%;
7023    margin-top: 15px;
7024}
7025
7026.popup-buttons-row .button {
7027    grid-column: auto !important;
7028    grid-row: auto !important;
7029    margin: 0 !important;
7030    width: auto !important;
7031    padding: 0 20px !important;
7032    height: 45px !important;
7033    text-align: center;
7034    white-space: nowrap; 
7035}
7036
7037            </style>
7038            <div class="card-popup card-popup_brand">
7039                <h2 class="section-title section-title">Extrasi</h2>
7040                <p>Такие вкусные и необычные, наполненные удовольствием продукты EXTRASI придают экстра ценность моментам жизни каждый день.<br />
7041EXTRASI -&nbsp;&nbsp;скажи удовольствию ДА!</p>
7042                <div class="popup-buttons-row">
7043                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29971" class="button button_regular">Продукты</a>
7044                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
7045                                </div>
7046                <div class="img-wrapper">
7047                    <img src="/upload/iblock/976/3ifavzml6a2wgpwubevrauqqf4ju85n6/Extrasi_logo%20%282%29%201.png" alt="">
7048                </div>
7049            </div>
7050        </div>
7051            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_17605}">
7052            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7053                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7054                    <g id="x-circle">
7055                        <path id="Vector"
7056                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7057                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7058                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7059                              stroke-linecap="round" stroke-linejoin="round" />
7060                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7061                              stroke-linecap="round" stroke-linejoin="round" />
7062                    </g>
7063                </svg>
7064            </button>
7065            <style>
7066.popup-buttons-row {
7067    grid-column: 2 / 3;
7068    grid-row: 4 / 5;
7069    display: flex;
7070    flex-direction: row;
7071    justify-content: flex-start;
7072    align-items: center;
7073    gap: 12px;
7074    width: 100%;
7075    margin-top: 15px;
7076}
7077
7078.popup-buttons-row .button {
7079    grid-column: auto !important;
7080    grid-row: auto !important;
7081    margin: 0 !important;
7082    width: auto !important;
7083    padding: 0 20px !important;
7084    height: 45px !important;
7085    text-align: center;
7086    white-space: nowrap; 
7087}
7088
7089            </style>
7090            <div class="card-popup card-popup_brand">
7091                <h2 class="section-title section-title">FUN</h2>
7092                <p>Для всех фанатов самых шипучих шипучек! Тысячи пузырьков в бутылочке «FUN кола» подчеркнут насыщенный вкус любимого миллионами напитка, а игристый «Буратино» перенесет всех в беззаботное веселое детство. Те, кто уже попробовал эти напитки, знают — весь FUN начинается с «Пшш…».</p>
7093                <div class="popup-buttons-row">
7094                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17605" class="button button_regular">Продукты</a>
7095                                </div>
7096                <div class="img-wrapper">
7097                    <img src="/upload/iblock/618/1j4poawrrpwwmgc1nhj20yj3mgpodl2h/fun_logo.png" alt="">
7098                </div>
7099            </div>
7100        </div>
7101            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_29972}">
7102            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7103                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7104                    <g id="x-circle">
7105                        <path id="Vector"
7106                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7107                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7108                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7109                              stroke-linecap="round" stroke-linejoin="round" />
7110                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7111                              stroke-linecap="round" stroke-linejoin="round" />
7112                    </g>
7113                </svg>
7114            </button>
7115            <style>
7116.popup-buttons-row {
7117    grid-column: 2 / 3;
7118    grid-row: 4 / 5;
7119    display: flex;
7120    flex-direction: row;
7121    justify-content: flex-start;
7122    align-items: center;
7123    gap: 12px;
7124    width: 100%;
7125    margin-top: 15px;
7126}
7127
7128.popup-buttons-row .button {
7129    grid-column: auto !important;
7130    grid-row: auto !important;
7131    margin: 0 !important;
7132    width: auto !important;
7133    padding: 0 20px !important;
7134    height: 45px !important;
7135    text-align: center;
7136    white-space: nowrap; 
7137}
7138
7139            </style>
7140            <div class="card-popup card-popup_brand">
7141                <h2 class="section-title section-title">Chocozavr</h2>
7142                <p>Мы создали Chocozavr для самых больших ценителей шоколадных готовых завтраков. Хрустящие подушечки с нежнейшей начинкой или фигурки «Шоксики» с настоящим шоколадом – вот секрет потрясающе вкусного и питательного завтрака. А еще, подушечки идеально подходят как самостоятельный перекус или десерт к чаю.<br />
7143Утоли свою жажду шоколада!</p>
7144                <div class="popup-buttons-row">
7145                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29972" class="button button_regular">Продукты</a>
7146                                    <a href=" https://www.lubyatovo.ru/brands/chocozavr/" class="button button_regular" target="_blank">Сайт</a>
7147                                </div>
7148                <div class="img-wrapper">
7149                    <img src="/upload/iblock/87d/xmjug6axq1lojai1zltoo986gn5ij937/Chocozavr.png" alt="">
7150                </div>
7151            </div>
7152        </div>
7153            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_279}">
7154            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7155                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7156                    <g id="x-circle">
7157                        <path id="Vector"
7158                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7159                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7160                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7161                              stroke-linecap="round" stroke-linejoin="round" />
7162                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7163                              stroke-linecap="round" stroke-linejoin="round" />
7164                    </g>
7165                </svg>
7166            </button>
7167            <style>
7168.popup-buttons-row {
7169    grid-column: 2 / 3;
7170    grid-row: 4 / 5;
7171    display: flex;
7172    flex-direction: row;
7173    justify-content: flex-start;
7174    align-items: center;
7175    gap: 12px;
7176    width: 100%;
7177    margin-top: 15px;
7178}
7179
7180.popup-buttons-row .button {
7181    grid-column: auto !important;
7182    grid-row: auto !important;
7183    margin: 0 !important;
7184    width: auto !important;
7185    padding: 0 20px !important;
7186    height: 45px !important;
7187    text-align: center;
7188    white-space: nowrap; 
7189}
7190
7191            </style>
7192            <div class="card-popup card-popup_brand">
7193                <h2 class="section-title section-title">FRY’S</h2>
7194                <p>Обычные, рифленые или соломкой — какие ваши любимые чипсы? В линейке Fry´s есть натуральные картофельные чипсы любой формы и вкуса! Любителям всего поострее понравятся чипсы васаби, чили или горчица. Ценителям изысканных вкусов подойдут Fry´s с крабом или с лососем в сливочном соусе. А почитателям классики — с сыром, солью или с зеленым луком.</p>
7195                <div class="popup-buttons-row">
7196                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=279" class="button button_regular">Продукты</a>
7197                                </div>
7198                <div class="img-wrapper">
7199                    <img src="/upload/iblock/4cf/0tog9gnkdsa5qk1ke694q3wbgpqdz8jc/Frys_logo.png" alt="">
7200                </div>
7201            </div>
7202        </div>
7203            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_189}">
7204            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7205                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7206                    <g id="x-circle">
7207                        <path id="Vector"
7208                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7209                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7210                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7211                              stroke-linecap="round" stroke-linejoin="round" />
7212                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7213                              stroke-linecap="round" stroke-linejoin="round" />
7214                    </g>
7215                </svg>
7216            </button>
7217            <style>
7218.popup-buttons-row {
7219    grid-column: 2 / 3;
7220    grid-row: 4 / 5;
7221    display: flex;
7222    flex-direction: row;
7223    justify-content: flex-start;
7224    align-items: center;
7225    gap: 12px;
7226    width: 100%;
7227    margin-top: 15px;
7228}
7229
7230.popup-buttons-row .button {
7231    grid-column: auto !important;
7232    grid-row: auto !important;
7233    margin: 0 !important;
7234    width: auto !important;
7235    padding: 0 20px !important;
7236    height: 45px !important;
7237    text-align: center;
7238    white-space: nowrap; 
7239}
7240
7241            </style>
7242            <div class="card-popup card-popup_brand">
7243                <h2 class="section-title section-title">BON GIORNO</h2>
7244                <p>Чипсы Bon Giorno – это коллекция разнообразных изысканных вкусов, вдохновленных путешествиями в разные страны, которые добавят хрустящего удовольствия и приятной атмосферы любым моментам вашей жизни.</p>
7245                <div class="popup-buttons-row">
7246                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=189" class="button button_regular">Продукты</a>
7247                                </div>
7248                <div class="img-wrapper">
7249                    <img src="/upload/iblock/ac9/ycllf18nscmvee7gecfosdc41ftvoycp/Logo%20BG-01.png" alt="">
7250                </div>
7251            </div>
7252        </div>
7253            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_29974}">
7254            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7255                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7256                    <g id="x-circle">
7257                        <path id="Vector"
7258                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7259                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7260                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7261                              stroke-linecap="round" stroke-linejoin="round" />
7262                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7263                              stroke-linecap="round" stroke-linejoin="round" />
7264                    </g>
7265                </svg>
7266            </button>
7267            <style>
7268.popup-buttons-row {
7269    grid-column: 2 / 3;
7270    grid-row: 4 / 5;
7271    display: flex;
7272    flex-direction: row;
7273    justify-content: flex-start;
7274    align-items: center;
7275    gap: 12px;
7276    width: 100%;
7277    margin-top: 15px;
7278}
7279
7280.popup-buttons-row .button {
7281    grid-column: auto !important;
7282    grid-row: auto !important;
7283    margin: 0 !important;
7284    width: auto !important;
7285    padding: 0 20px !important;
7286    height: 45px !important;
7287    text-align: center;
7288    white-space: nowrap; 
7289}
7290
7291            </style>
7292            <div class="card-popup card-popup_brand">
7293                <h2 class="section-title section-title">Unicorn</h2>
7294                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
7295Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
7296 <br />
7297Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
7298                <div class="popup-buttons-row">
7299                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29974" class="button button_regular">Продукты</a>
7300                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
7301                                </div>
7302                <div class="img-wrapper">
7303                    <img src="/upload/iblock/464/of1zfw9ksqlg9y60sdyaj4hbujqvcplx/unicorn_logo_new.png" alt="">
7304                </div>
7305            </div>
7306        </div>
7307            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_190}">
7308            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7309                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7310                    <g id="x-circle">
7311                        <path id="Vector"
7312                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7313                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7314                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7315                              stroke-linecap="round" stroke-linejoin="round" />
7316                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7317                              stroke-linecap="round" stroke-linejoin="round" />
7318                    </g>
7319                </svg>
7320            </button>
7321            <style>
7322.popup-buttons-row {
7323    grid-column: 2 / 3;
7324    grid-row: 4 / 5;
7325    display: flex;
7326    flex-direction: row;
7327    justify-content: flex-start;
7328    align-items: center;
7329    gap: 12px;
7330    width: 100%;
7331    margin-top: 15px;
7332}
7333
7334.popup-buttons-row .button {
7335    grid-column: auto !important;
7336    grid-row: auto !important;
7337    margin: 0 !important;
7338    width: auto !important;
7339    padding: 0 20px !important;
7340    height: 45px !important;
7341    text-align: center;
7342    white-space: nowrap; 
7343}
7344
7345            </style>
7346            <div class="card-popup card-popup_brand">
7347                <h2 class="section-title section-title">CHAKA</h2>
7348                <p>Настоящее вкусовое комбо! В пачках Chaka — смесь орешков, печеных зерен кукурузы и хрустящих чаксов. Миксуйте их по-разному между собой и получайте каждый раз новые вкусовые сочетания! А для особых любителей арахиса мы создали отдельные пачки: арахис с сыром, беконом, вареными раками или классический — с солью.<br />
7349</p>
7350                <div class="popup-buttons-row">
7351                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=190" class="button button_regular">Продукты</a>
7352                                </div>
7353                <div class="img-wrapper">
7354                    <img src="/upload/iblock/3cd/uenmkec7jwkx3a0jhlubbp3r4ecrqaju/Chaka_logo.png" alt="">
7355                </div>
7356            </div>
7357        </div>
7358            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_191}">
7359            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7360                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7361                    <g id="x-circle">
7362                        <path id="Vector"
7363                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7364                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7365                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7366                              stroke-linecap="round" stroke-linejoin="round" />
7367                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7368                              stroke-linecap="round" stroke-linejoin="round" />
7369                    </g>
7370                </svg>
7371            </button>
7372            <style>
7373.popup-buttons-row {
7374    grid-column: 2 / 3;
7375    grid-row: 4 / 5;
7376    display: flex;
7377    flex-direction: row;
7378    justify-content: flex-start;
7379    align-items: center;
7380    gap: 12px;
7381    width: 100%;
7382    margin-top: 15px;
7383}
7384
7385.popup-buttons-row .button {
7386    grid-column: auto !important;
7387    grid-row: auto !important;
7388    margin: 0 !important;
7389    width: auto !important;
7390    padding: 0 20px !important;
7391    height: 45px !important;
7392    text-align: center;
7393    white-space: nowrap; 
7394}
7395
7396            </style>
7397            <div class="card-popup card-popup_brand">
7398                <h2 class="section-title section-title">Крутец</h2>
7399                <p>Сухарики по старинным русским рецептам придутся по вкусу всем богатырям и честным молодцам! Тем, кто любит все самое традиционное, понравятся крутецы с холодцом и хреном или красной икоркой. Тем, кому хочется чего-то новенького, стоит попробовать сухарики со спайси томатом или копченым кальмаром. А лучше все это миксовать! Для этого мы специально придумали особые крутецкие комбо.</p>
7400                <div class="popup-buttons-row">
7401                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=191" class="button button_regular">Продукты</a>
7402                                </div>
7403                <div class="img-wrapper">
7404                    <img src="/upload/iblock/6eb/agas8g7vcsvoz2x2ofhewlh408icpv1q/Krutets_logo_01.png" alt="">
7405                </div>
7406            </div>
7407        </div>
7408            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_29129}">
7409            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7410                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7411                    <g id="x-circle">
7412                        <path id="Vector"
7413                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7414                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7415                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7416                              stroke-linecap="round" stroke-linejoin="round" />
7417                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7418                              stroke-linecap="round" stroke-linejoin="round" />
7419                    </g>
7420                </svg>
7421            </button>
7422            <style>
7423.popup-buttons-row {
7424    grid-column: 2 / 3;
7425    grid-row: 4 / 5;
7426    display: flex;
7427    flex-direction: row;
7428    justify-content: flex-start;
7429    align-items: center;
7430    gap: 12px;
7431    width: 100%;
7432    margin-top: 15px;
7433}
7434
7435.popup-buttons-row .button {
7436    grid-column: auto !important;
7437    grid-row: auto !important;
7438    margin: 0 !important;
7439    width: auto !important;
7440    padding: 0 20px !important;
7441    height: 45px !important;
7442    text-align: center;
7443    white-space: nowrap; 
7444}
7445
7446            </style>
7447            <div class="card-popup card-popup_brand">
7448                <h2 class="section-title section-title">Черноголовка сиропы</h2>
7449                <p>В ассортименте нашей компании есть сиропы для приготовления безалкогольных напитков в разливном охлажденном виде. Это отличное решение для кафе, баров, ресторанов и кинотеатров!<br></p>
7450                <div class="popup-buttons-row">
7451                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29129" class="button button_regular">Продукты</a>
7452                                </div>
7453                <div class="img-wrapper">
7454                    <img src="/upload/iblock/4c5/ngpshtx5audp4bcczotn2pk356nzwx3f/logo_chernogolovka%20%285%29.png" alt="">
7455                </div>
7456            </div>
7457        </div>
7458            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_419}">
7459            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7460                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7461                    <g id="x-circle">
7462                        <path id="Vector"
7463                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7464                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7465                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7466                              stroke-linecap="round" stroke-linejoin="round" />
7467                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7468                              stroke-linecap="round" stroke-linejoin="round" />
7469                    </g>
7470                </svg>
7471            </button>
7472            <style>
7473.popup-buttons-row {
7474    grid-column: 2 / 3;
7475    grid-row: 4 / 5;
7476    display: flex;
7477    flex-direction: row;
7478    justify-content: flex-start;
7479    align-items: center;
7480    gap: 12px;
7481    width: 100%;
7482    margin-top: 15px;
7483}
7484
7485.popup-buttons-row .button {
7486    grid-column: auto !important;
7487    grid-row: auto !important;
7488    margin: 0 !important;
7489    width: auto !important;
7490    padding: 0 20px !important;
7491    height: 45px !important;
7492    text-align: center;
7493    white-space: nowrap; 
7494}
7495
7496            </style>
7497            <div class="card-popup card-popup_brand">
7498                <h2 class="section-title section-title">БИОКЕЙ</h2>
7499                <p>Вся польза Алтая в одном маленьком батончике! Перекус из цельных злаков от «БИОКЕЙ» — это только натуральные ингредиенты, клетчатка, микроэлементы, пищевые волокна и витамины группы B. А еще 4 разных вкуса! Полезная для иммунитета куркума и абрикос, сладкая клубника, питательный кокос и витаминная черника.</p>
7500                <div class="popup-buttons-row">
7501                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=419" class="button button_regular">Продукты</a>
7502                                </div>
7503                <div class="img-wrapper">
7504                    <img src="/upload/iblock/950/re593bx7vf73ssbugugp43fea5phep0z/biokey_logo.png" alt="">
7505                </div>
7506            </div>
7507        </div>
7508            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_235}">
7509            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7510                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7511                    <g id="x-circle">
7512                        <path id="Vector"
7513                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7514                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7515                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7516                              stroke-linecap="round" stroke-linejoin="round" />
7517                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7518                              stroke-linecap="round" stroke-linejoin="round" />
7519                    </g>
7520                </svg>
7521            </button>
7522            <style>
7523.popup-buttons-row {
7524    grid-column: 2 / 3;
7525    grid-row: 4 / 5;
7526    display: flex;
7527    flex-direction: row;
7528    justify-content: flex-start;
7529    align-items: center;
7530    gap: 12px;
7531    width: 100%;
7532    margin-top: 15px;
7533}
7534
7535.popup-buttons-row .button {
7536    grid-column: auto !important;
7537    grid-row: auto !important;
7538    margin: 0 !important;
7539    width: auto !important;
7540    padding: 0 20px !important;
7541    height: 45px !important;
7542    text-align: center;
7543    white-space: nowrap; 
7544}
7545
7546            </style>
7547            <div class="card-popup card-popup_brand">
7548                <h2 class="section-title section-title">Савинов</h2>
7549                <p>Более 100 лет назад купец Савинов основал кондитерскую фабрику, чтобы радовать людей вкусными конфетами. <br />
7550Кондитерская фабрика «Алтай» продолжает дело кондитера Савинова, соблюдая главный принцип его работы: пробовать новое и сохранять самое вкусное. <br />
7551«Савинов» сделает любой день вкуснее, все дело в конфетах!</p>
7552                <div class="popup-buttons-row">
7553                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=235" class="button button_regular">Продукты</a>
7554                                </div>
7555                <div class="img-wrapper">
7556                    <img src="/upload/iblock/650/uh0vt7ul48dmfv7fil3b6nwipe1xfjq1/Savinov_logo.png" alt="">
7557                </div>
7558            </div>
7559        </div>
7560            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 94_292}">
7561            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7562                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7563                    <g id="x-circle">
7564                        <path id="Vector"
7565                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7566                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7567                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7568                              stroke-linecap="round" stroke-linejoin="round" />
7569                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7570                              stroke-linecap="round" stroke-linejoin="round" />
7571                    </g>
7572                </svg>
7573            </button>
7574            <style>
7575.popup-buttons-row {
7576    grid-column: 2 / 3;
7577    grid-row: 4 / 5;
7578    display: flex;
7579    flex-direction: row;
7580    justify-content: flex-start;
7581    align-items: center;
7582    gap: 12px;
7583    width: 100%;
7584    margin-top: 15px;
7585}
7586
7587.popup-buttons-row .button {
7588    grid-column: auto !important;
7589    grid-row: auto !important;
7590    margin: 0 !important;
7591    width: auto !important;
7592    padding: 0 20px !important;
7593    height: 45px !important;
7594    text-align: center;
7595    white-space: nowrap; 
7596}
7597
7598            </style>
7599            <div class="card-popup card-popup_brand">
7600                <h2 class="section-title section-title">Черноголовка Бэйби</h2>
7601                <p>Мы понимаем, как важно для родителей заботиться о малышах, об их правильном питании каждый день. <br />
7602<br />
7603«Черноголовка Бэйби» — это вкусное и полезное детское питание высокого качества, созданное с заботой о малышах и их родителях. <br />
7604<br />
7605Наш ассортимент — это фруктовые пюре, соки, фрикадельки, питьевые кашки и вода для самых маленьких. В основе наших продуктов только качественные натуральные ингредиенты, без красителей, консервантов и ГМО.<br />
7606<br />
7607Для малышей с заботой от «Черноголовка Бэйби»!</p>
7608                <div class="popup-buttons-row">
7609                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=292" class="button button_regular">Продукты</a>
7610                                </div>
7611                <div class="img-wrapper">
7612                    <img src="/upload/iblock/0cd/flpo3eb0bqgjzr4enph2mykty2fk2hhr/%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0%20%D0%91%D1%8D%D0%B9%D0%B1%D0%B8%20%D0%BB%D0%BE%D0%B3%D0%BE.jpg" alt="">
7613                </div>
7614            </div>
7615        </div>
7616            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30337}">
7617            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7618                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7619                    <g id="x-circle">
7620                        <path id="Vector"
7621                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7622                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7623                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7624                              stroke-linecap="round" stroke-linejoin="round" />
7625                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7626                              stroke-linecap="round" stroke-linejoin="round" />
7627                    </g>
7628                </svg>
7629            </button>
7630            <style>
7631.popup-buttons-row {
7632    grid-column: 2 / 3;
7633    grid-row: 4 / 5;
7634    display: flex;
7635    flex-direction: row;
7636    justify-content: flex-start;
7637    align-items: center;
7638    gap: 12px;
7639    width: 100%;
7640    margin-top: 15px;
7641}
7642
7643.popup-buttons-row .button {
7644    grid-column: auto !important;
7645    grid-row: auto !important;
7646    margin: 0 !important;
7647    width: auto !important;
7648    padding: 0 20px !important;
7649    height: 45px !important;
7650    text-align: center;
7651    white-space: nowrap; 
7652}
7653
7654            </style>
7655            <div class="card-popup card-popup_brand">
7656                <h2 class="section-title section-title">X-TURBO</h2>
7657                <p>Открой для себя энергетик X-Turbo, представленный в трех линейках: Focus, Active и Party. Уникальный микс в каждой линейке обеспечивает максимальный эффект. X-Turbo — это мощь внутри тебя, готовая зажигать в любой момент. Выбери свою линейку и наслаждайся энергией X-Turbo!</p>
7658                <div class="popup-buttons-row">
7659                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30337" class="button button_regular">Продукты</a>
7660                                </div>
7661                <div class="img-wrapper">
7662                    <img src="/upload/iblock/2ed/gv9l3trdb954ys43d5s5jww33uifd8a7/X_TURBO_RD_LOGO_Blue.png" alt="">
7663                </div>
7664            </div>
7665        </div>
7666            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_182}">
7667            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7668                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7669                    <g id="x-circle">
7670                        <path id="Vector"
7671                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7672                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7673                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7674                              stroke-linecap="round" stroke-linejoin="round" />
7675                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7676                              stroke-linecap="round" stroke-linejoin="round" />
7677                    </g>
7678                </svg>
7679            </button>
7680            <style>
7681.popup-buttons-row {
7682    grid-column: 2 / 3;
7683    grid-row: 4 / 5;
7684    display: flex;
7685    flex-direction: row;
7686    justify-content: flex-start;
7687    align-items: center;
7688    gap: 12px;
7689    width: 100%;
7690    margin-top: 15px;
7691}
7692
7693.popup-buttons-row .button {
7694    grid-column: auto !important;
7695    grid-row: auto !important;
7696    margin: 0 !important;
7697    width: auto !important;
7698    padding: 0 20px !important;
7699    height: 45px !important;
7700    text-align: center;
7701    white-space: nowrap; 
7702}
7703
7704            </style>
7705            <div class="card-popup card-popup_brand">
7706                <h2 class="section-title section-title">Черноголовка лимонад</h2>
7707                <p>Те самые легендарные лимонады, которыми уже более 25 лет наслаждаются люди по всей стране. Эти незабываемые вкусы у большинства ассоциируются с детством, праздниками и просто приятными моментами. А получаются лимонады такими особенными благодаря натуральным ингредиентам в составе. Они созданы на основе артезианской воды и настоев трав и фруктов, собранных по всей территории нашей страны. Подарите себе вкус радости!</p>
7708                <div class="popup-buttons-row">
7709                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=182" class="button button_regular">Продукты</a>
7710                                </div>
7711                <div class="img-wrapper">
7712                    <img src="/upload/iblock/154/pesyqsu9vntbj19aljzdus3xx66gmq2w/Chern
7712ogolovka_Lemonade_Color%20%281%29.png" alt="">
7713                </div>
7714            </div>
7715        </div>
7716            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_21122}">
7717            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7718                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7719                    <g id="x-circle">
7720                        <path id="Vector"
7721                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7722                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7723                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7724                              stroke-linecap="round" stroke-linejoin="round" />
7725                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7726                              stroke-linecap="round" stroke-linejoin="round" />
7727                    </g>
7728                </svg>
7729            </button>
7730            <style>
7731.popup-buttons-row {
7732    grid-column: 2 / 3;
7733    grid-row: 4 / 5;
7734    display: flex;
7735    flex-direction: row;
7736    justify-content: flex-start;
7737    align-items: center;
7738    gap: 12px;
7739    width: 100%;
7740    margin-top: 15px;
7741}
7742
7743.popup-buttons-row .button {
7744    grid-column: auto !important;
7745    grid-row: auto !important;
7746    margin: 0 !important;
7747    width: auto !important;
7748    padding: 0 20px !important;
7749    height: 45px !important;
7750    text-align: center;
7751    white-space: nowrap; 
7752}
7753
7754            </style>
7755            <div class="card-popup card-popup_brand">
7756                <h2 class="section-title section-title">Черноголовка Cola</h2>
7757                <p>Всеми любимая кола, но с особенными нотами во вкусе! Мы делаем нашу колу на основе специально подготовленной артезианской воды, кофеина — для бодрости и карамельного колера — для насыщенного приятного цвета, добавляем авторскую композицию натуральных ароматизаторов и создаем две версии — колу с сахаром и без него. Этот незабываемый вкус наполнит радостью, подарит потрясающее настроение и освежит в самый жаркий день! Попробуйте нашу колу – колу с тем самым особым вкусом!</p>
7758                <div class="popup-buttons-row">
7759                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=21122" class="button button_regular">Продукты</a>
7760                                </div>
7761                <div class="img-wrapper">
7762                    <img src="/upload/iblock/857/mx3r59j7oxvwoeduckok35n5vvyxhfk5/Chernogolovka-Cola_Logo-1.png" alt="">
7763                </div>
7764            </div>
7765        </div>
7766            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_29047}">
7767            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7768                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7769                    <g id="x-circle">
7770                        <path id="Vector"
7771                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7772                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7773                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7774                              stroke-linecap="round" stroke-linejoin="round" />
7775                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7776                              stroke-linecap="round" stroke-linejoin="round" />
7777                    </g>
7778                </svg>
7779            </button>
7780            <style>
7781.popup-buttons-row {
7782    grid-column: 2 / 3;
7783    grid-row: 4 / 5;
7784    display: flex;
7785    flex-direction: row;
7786    justify-content: flex-start;
7787    align-items: center;
7788    gap: 12px;
7789    width: 100%;
7790    margin-top: 15px;
7791}
7792
7793.popup-buttons-row .button {
7794    grid-column: auto !important;
7795    grid-row: auto !important;
7796    margin: 0 !important;
7797    width: auto !important;
7798    padding: 0 20px !important;
7799    height: 45px !important;
7800    text-align: center;
7801    white-space: nowrap; 
7802}
7803
7804            </style>
7805            <div class="card-popup card-popup_brand">
7806                <h2 class="section-title section-title">Холодный чай</h2>
7807                <p>Вкусный натуральный, освежающий, холодный чай, приготовленный на основе свежезаваренного зеленого чая и с яркими ароматами лайма и мяты или лимона и лайма. <br />
7808Такое сочетание даёт интересный и яркий вкус, который прекрасно освежает в самый жаркий день!</p>
7809                <div class="popup-buttons-row">
7810                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29047" class="button button_regular">Продукты</a>
7811                                </div>
7812                <div class="img-wrapper">
7813                    <img src="/upload/iblock/493/5dijwp4gvxfgys3wqz7rrr3zf3czz455/Chernogolovka_Tea_Color%20%281%29.png" alt="">
7814                </div>
7815            </div>
7816        </div>
7817            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_31435}">
7818            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7819                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7820                    <g id="x-circle">
7821                        <path id="Vector"
7822                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7823                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7824                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7825                              stroke-linecap="round" stroke-linejoin="round" />
7826                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7827                              stroke-linecap="round" stroke-linejoin="round" />
7828                    </g>
7829                </svg>
7830            </button>
7831            <style>
7832.popup-buttons-row {
7833    grid-column: 2 / 3;
7834    grid-row: 4 / 5;
7835    display: flex;
7836    flex-direction: row;
7837    justify-content: flex-start;
7838    align-items: center;
7839    gap: 12px;
7840    width: 100%;
7841    margin-top: 15px;
7842}
7843
7844.popup-buttons-row .button {
7845    grid-column: auto !important;
7846    grid-row: auto !important;
7847    margin: 0 !important;
7848    width: auto !important;
7849    padding: 0 20px !important;
7850    height: 45px !important;
7851    text-align: center;
7852    white-space: nowrap; 
7853}
7854
7855            </style>
7856            <div class="card-popup card-popup_brand">
7857                <h2 class="section-title section-title">Черноголовка Квас</h2>
7858                <p>Квас Черноголовка — это натуральный освежающий напиток двойного брожения на артезианской воде. Приготовленный по традиционной рецептуре, он сочетает мягкий аромат, сбалансированную сладость и приятную свежесть. Такой квас отлично утоляет жажду, подходит и для обеда дома, и для встреч с друзьями, и просто для момента, когда хочется чего-то по-настоящему натурального и вкусного.</p>
7859                <div class="popup-buttons-row">
7860                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=31435" class="button button_regular">Продукты</a>
7861                                </div>
7862                <div class="img-wrapper">
7863                    <img src="/upload/iblock/24b/var9m72pgu280tajnrv1mr0oydpcnghl/Chernogolovka_Kvas_Logo%20%281%29.png" alt="">
7864                </div>
7865            </div>
7866        </div>
7867            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30158}">
7868            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7869                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7870                    <g id="x-circle">
7871                        <path id="Vector"
7872                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7873                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7874                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7875                              stroke-linecap="round" stroke-linejoin="round" />
7876                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7877                              stroke-linecap="round" stroke-linejoin="round" />
7878                    </g>
7879                </svg>
7880            </button>
7881            <style>
7882.popup-buttons-row {
7883    grid-column: 2 / 3;
7884    grid-row: 4 / 5;
7885    display: flex;
7886    flex-direction: row;
7887    justify-content: flex-start;
7888    align-items: center;
7889    gap: 12px;
7890    width: 100%;
7891    margin-top: 15px;
7892}
7893
7894.popup-buttons-row .button {
7895    grid-column: auto !important;
7896    grid-row: auto !important;
7897    margin: 0 !important;
7898    width: auto !important;
7899    padding: 0 20px !important;
7900    height: 45px !important;
7901    text-align: center;
7902    white-space: nowrap; 
7903}
7904
7905            </style>
7906            <div class="card-popup card-popup_brand">
7907                <h2 class="section-title section-title">Extrasi</h2>
7908                <p>Extra вдохновляет людей отдаваться удовольствию полностью. Гранола и печенье Extra – это уникальное сочетание запеченных злаковых кусочков и ингредиентов премиум-класса, которые доставляют невероятное наслаждение.<br />
7909Твоё Extra удовольствие!</p>
7910                <div class="popup-buttons-row">
7911                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30158" class="button button_regular">Продукты</a>
7912                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
7913                                </div>
7914                <div class="img-wrapper">
7915                    <img src="/upload/iblock/44e/bbg8fe3mgl7tvupjt8dhcsnnuel8k88u/Extrasi_logo%20%282%29%201.png" alt="">
7916                </div>
7917            </div>
7918        </div>
7919            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_183}">
7920            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7921                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7922                    <g id="x-circle">
7923                        <path id="Vector"
7924                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7925                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7926                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7927                              stroke-linecap="round" stroke-linejoin="round" />
7928                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7929                              stroke-linecap="round" stroke-linejoin="round" />
7930                    </g>
7931                </svg>
7932            </button>
7933            <style>
7934.popup-buttons-row {
7935    grid-column: 2 / 3;
7936    grid-row: 4 / 5;
7937    display: flex;
7938    flex-direction: row;
7939    justify-content: flex-start;
7940    align-items: center;
7941    gap: 12px;
7942    width: 100%;
7943    margin-top: 15px;
7944}
7945
7946.popup-buttons-row .button {
7947    grid-column: auto !important;
7948    grid-row: auto !important;
7949    margin: 0 !important;
7950    width: auto !important;
7951    padding: 0 20px !important;
7952    height: 45px !important;
7953    text-align: center;
7954    white-space: nowrap; 
7955}
7956
7957            </style>
7958            <div class="card-popup card-popup_brand">
7959                <h2 class="section-title section-title">Черноголовка вода</h2>
7960                <p>«Черноголовка» — вода для современных людей, живущих в режиме многозадачности, которым мы предлагаем воду, прошедшую природную фильтрацию, дающую вкус живой природы в городе и переключающую на природное состояние, в котором чувствуешь правильный выбор и находишь свой естественный путь.<br />
7961«Черноголовка» — верный выбор от природы!</p>
7962                <div class="popup-buttons-row">
7963                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=183" class="button button_regular">Продукты</a>
7964                                    <a href="https://aqualife.ru/" class="button button_regular" target="_blank">Сайт</a>
7965                                </div>
7966                <div class="img-wrapper">
7967                    <img src="/upload/iblock/b96/bn8gttpjpd95c6xeazas765wqk6v2wte/Logo_329%201.png" alt="">
7968                </div>
7969            </div>
7970        </div>
7971            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30630}">
7972            <button class="button-close-popup" @click="$store.popup.closeBrand()">
7973                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
7974                    <g id="x-circle">
7975                        <path id="Vector"
7976                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
7977                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
7978                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
7979                              stroke-linecap="round" stroke-linejoin="round" />
7980                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
7981                              stroke-linecap="round" stroke-linejoin="round" />
7982                    </g>
7983                </svg>
7984            </button>
7985            <style>
7986.popup-buttons-row {
7987    grid-column: 2 / 3;
7988    grid-row: 4 / 5;
7989    display: flex;
7990    flex-direction: row;
7991    justify-content: flex-start;
7992    align-items: center;
7993    gap: 12px;
7994    width: 100%;
7995    margin-top: 15px;
7996}
7997
7998.popup-buttons-row .button {
7999    grid-column: auto !important;
8000    grid-row: auto !important;
8001    margin: 0 !important;
8002    width: auto !important;
8003    padding: 0 20px !important;
8004    height: 45px !important;
8005    text-align: center;
8006    white-space: nowrap; 
8007}
8008
8009            </style>
8010            <div class="card-popup card-popup_brand">
8011                <h2 class="section-title section-title">Matti</h2>
8012                <p>Готовые завтраки Mätti — это идеальное сочетание простых ингредиентов для того, чтобы каждое утро стало счастливым!</p>
8013                <div class="popup-buttons-row">
8014                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30630" class="button button_regular">Продукты</a>
8015                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
8016                                </div>
8017                <div class="img-wrapper">
8018                    <img src="/upload/iblock/13e/3sw1vo9s79rc7909h03zv1k7f3fj1hh2/Matti%20logo%20red.png" alt="">
8019                </div>
8020            </div>
8021        </div>
8022            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30593}">
8023            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8024                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8025                    <g id="x-circle">
8026                        <path id="Vector"
8027                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8028                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8029                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8030                              stroke-linecap="round" stroke-linejoin="round" />
8031                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8032                              stroke-linecap="round" stroke-linejoin="round" />
8033                    </g>
8034                </svg>
8035            </button>
8036            <style>
8037.popup-buttons-row {
8038    grid-column: 2 / 3;
8039    grid-row: 4 / 5;
8040    display: flex;
8041    flex-direction: row;
8042    justify-content: flex-start;
8043    align-items: center;
8044    gap: 12px;
8045    width: 100%;
8046    margin-top: 15px;
8047}
8048
8049.popup-buttons-row .button {
8050    grid-column: auto !important;
8051    grid-row: auto !important;
8052    margin: 0 !important;
8053    width: auto !important;
8054    padding: 0 20px !important;
8055    height: 45px !important;
8056    text-align: center;
8057    white-space: nowrap; 
8058}
8059
8060            </style>
8061            <div class="card-popup card-popup_brand">
8062                <h2 class="section-title section-title">Matti</h2>
8063                <p>Цельные злаки – основной ингредиент всех наших продуктов, ценный источник медленных углеводов и клетчатки, зарядит вас энергией для новых свершений.<br />
8064Фрукты и ягоды – бережно обработанные по специальной теÑ
8064…нологии сублимации, сохраняют витамины и минералы. Это очень важно для поддержания иммунитета и отличного самочувствия.</p>
8065                <div class="popup-buttons-row">
8066                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30593" class="button button_regular">Продукты</a>
8067                                    <a href="https://mymatti.ru/" class="button button_regular" target="_blank">Сайт</a>
8068                                </div>
8069                <div class="img-wrapper">
8070                    <img src="/upload/iblock/446/7idcw2sovasekko7omki9q4t4gb13w52/_1.png" alt="">
8071                </div>
8072            </div>
8073        </div>
8074            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30479}">
8075            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8076                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8077                    <g id="x-circle">
8078                        <path id="Vector"
8079                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8080                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8081                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8082                              stroke-linecap="round" stroke-linejoin="round" />
8083                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8084                              stroke-linecap="round" stroke-linejoin="round" />
8085                    </g>
8086                </svg>
8087            </button>
8088            <style>
8089.popup-buttons-row {
8090    grid-column: 2 / 3;
8091    grid-row: 4 / 5;
8092    display: flex;
8093    flex-direction: row;
8094    justify-content: flex-start;
8095    align-items: center;
8096    gap: 12px;
8097    width: 100%;
8098    margin-top: 15px;
8099}
8100
8101.popup-buttons-row .button {
8102    grid-column: auto !important;
8103    grid-row: auto !important;
8104    margin: 0 !important;
8105    width: auto !important;
8106    padding: 0 20px !important;
8107    height: 45px !important;
8108    text-align: center;
8109    white-space: nowrap; 
8110}
8111
8112            </style>
8113            <div class="card-popup card-popup_brand">
8114                <h2 class="section-title section-title">Gipopo</h2>
8115                <p>ДЕТСКОЕ ПИТАНИЕ GIPOPO<br />
8116– это продуманная экспертами система питания, учитывающая ключевые потребности малыша на каждом этапе его развития. Широкий ассортимент продуктов разработан с учетом возрастных особенностей и предпочтений каждого ребенка и включает в себя: сухие каши, жидкие кашки, фруктовые, овощные, мясные и мясорастительные пюре, снеки.</p>
8117                <div class="popup-buttons-row">
8118                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30479" class="button button_regular">Продукты</a>
8119                                    <a href="https://gipopo-baby.ru/" class="button button_regular" target="_blank">Сайт</a>
8120                                </div>
8121                <div class="img-wrapper">
8122                    <img src="/upload/iblock/727/txcrppc1kiqpl1ivrz2o9mrgxqs50u7v/SRJms0J8sn0NGwV6Ba6s.png" alt="">
8123                </div>
8124            </div>
8125        </div>
8126            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30344}">
8127            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8128                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8129                    <g id="x-circle">
8130                        <path id="Vector"
8131                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8132                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8133                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8134                              stroke-linecap="round" stroke-linejoin="round" />
8135                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8136                              stroke-linecap="round" stroke-linejoin="round" />
8137                    </g>
8138                </svg>
8139            </button>
8140            <style>
8141.popup-buttons-row {
8142    grid-column: 2 / 3;
8143    grid-row: 4 / 5;
8144    display: flex;
8145    flex-direction: row;
8146    justify-content: flex-start;
8147    align-items: center;
8148    gap: 12px;
8149    width: 100%;
8150    margin-top: 15px;
8151}
8152
8153.popup-buttons-row .button {
8154    grid-column: auto !important;
8155    grid-row: auto !important;
8156    margin: 0 !important;
8157    width: auto !important;
8158    padding: 0 20px !important;
8159    height: 45px !important;
8160    text-align: center;
8161    white-space: nowrap; 
8162}
8163
8164            </style>
8165            <div class="card-popup card-popup_brand">
8166                <h2 class="section-title section-title">Черноголовка TRENDY MIXES</h2>
8167                <p></p>
8168                <div class="popup-buttons-row">
8169                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30344" class="button button_regular">Продукты</a>
8170                                </div>
8171                <div class="img-wrapper">
8172                    <img src="/upload/iblock/f64/i7llm7vlihd0w76dcl1kejss9kw184c8/Trendy%20Mixes_Logo_2025-01.png" alt="">
8173                </div>
8174            </div>
8175        </div>
8176            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30311}">
8177            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8178                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8179                    <g id="x-circle">
8180                        <path id="Vector"
8181                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8182                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8183                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8184                              stroke-linecap="round" stroke-linejoin="round" />
8185                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8186                              stroke-linecap="round" stroke-linejoin="round" />
8187                    </g>
8188                </svg>
8189            </button>
8190            <style>
8191.popup-buttons-row {
8192    grid-column: 2 / 3;
8193    grid-row: 4 / 5;
8194    display: flex;
8195    flex-direction: row;
8196    justify-content: flex-start;
8197    align-items: center;
8198    gap: 12px;
8199    width: 100%;
8200    margin-top: 15px;
8201}
8202
8203.popup-buttons-row .button {
8204    grid-column: auto !important;
8205    grid-row: auto !important;
8206    margin: 0 !important;
8207    width: auto !important;
8208    padding: 0 20px !important;
8209    height: 45px !important;
8210    text-align: center;
8211    white-space: nowrap; 
8212}
8213
8214            </style>
8215            <div class="card-popup card-popup_brand">
8216                <h2 class="section-title section-title">ЧЕРНОГОЛОВКА H2FRUIT</h2>
8217                <p>Линейка воды с мягкой газацией ЧЕРНОГОЛОВКА H2FRUIT - НОВИНКА от экспертов во вкусе, создателей всеми любимых лимонадов Черноголовка, на базе чистейшей артезианской воды с соком и витаминами в уникальных трендовых миксах вкусов.</p>
8218                <div class="popup-buttons-row">
8219                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30311" class="button button_regular">Продукты</a>
8220                                </div>
8221                <div class="img-wrapper">
8222                    <img src="/upload/iblock/cc0/osk1th1gu8kt46zxf67kg09rglcx8l15/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D0%BE%D0%B2%D0%B0%D1%8F_%D0%B2%D0%BE%D0%B4%D0%B0-04%201.png" alt="">
8223                </div>
8224            </div>
8225        </div>
8226            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30170}">
8227            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8228                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8229                    <g id="x-circle">
8230                        <path id="Vector"
8231                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8232                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8233                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8234                              stroke-linecap="round" stroke-linejoin="round" />
8235                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8236                              stroke-linecap="round" stroke-linejoin="round" />
8237                    </g>
8238                </svg>
8239            </button>
8240            <style>
8241.popup-buttons-row {
8242    grid-column: 2 / 3;
8243    grid-row: 4 / 5;
8244    display: flex;
8245    flex-direction: row;
8246    justify-content: flex-start;
8247    align-items: center;
8248    gap: 12px;
8249    width: 100%;
8250    margin-top: 15px;
8251}
8252
8253.popup-buttons-row .button {
8254    grid-column: auto !important;
8255    grid-row: auto !important;
8256    margin: 0 !important;
8257    width: auto !important;
8258    padding: 0 20px !important;
8259    height: 45px !important;
8260    text-align: center;
8261    white-space: nowrap; 
8262}
8263
8264            </style>
8265            <div class="card-popup card-popup_brand">
8266                <h2 class="section-title section-title">Unicorn</h2>
8267                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
8268Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
8269 <br />
8270Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
8271                <div class="popup-buttons-row">
8272                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30170" class="button button_regular">Продукты</a>
8273                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
8274                                </div>
8275                <div class="img-wrapper">
8276                    <img src="/upload/iblock/e4c/vwjlrmipcvgipj9rbwynde4xjlb1j88e/unicorn_logo_new.png" alt="">
8277                </div>
8278            </div>
8279        </div>
8280            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30115}">
8281            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8282                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8283                    <g id="x-circle">
8284                        <path id="Vector"
8285                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8286                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8287                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8288                              stroke-linecap="round" stroke-linejoin="round" />
8289                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8290                              stroke-linecap="round" stroke-linejoin="round" />
8291                    </g>
8292                </svg>
8293            </button>
8294            <style>
8295.popup-buttons-row {
8296    grid-column: 2 / 3;
8297    grid-row: 4 / 5;
8298    display: flex;
8299    flex-direction: row;
8300    justify-content: flex-start;
8301    align-items: center;
8302    gap: 12px;
8303    width: 100%;
8304    margin-top: 15px;
8305}
8306
8307.popup-buttons-row .button {
8308    grid-column: auto !important;
8309    grid-row: auto !important;
8310    margin: 0 !important;
8311    width: auto !important;
8312    padding: 0 20px !important;
8313    height: 45px !important;
8314    text-align: center;
8315    white-space: nowrap; 
8316}
8317
8318            </style>
8319            <div class="card-popup card-popup_brand">
8320                <h2 class="section-title section-title">CHEESL'S</h2>
8321                <p>Запечённые чипсы Cheesl&#39;s - аппетитная новинка в мире чипсов!<br />
8322<br />
8323Мы делаем вкус Cheesl’s по-настоящему сырным благодаря оригинальной технологии производства, в которой настоящий сыр добавляется внутрь каждого кусочка, а инновационный процесс запекания и уникальная форма позволяют ощутить особую хрусткость. <br />
8324<br />
8325Запеченные чипсы Cheesl&#39;s со 100&#37; настоящим сыром - созданы для сырных моментов и хрустящих впечатлений!<br />
8326</p>
8327                <div class="popup-buttons-row">
8328                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30115" class="button button_regular">Продукты</a>
8329                                    <a href="https://cheesls.ru/" class="button button_regular" target="_blank">Сайт</a>
8330                                </div>
8331                <div class="img-wrapper">
8332                    <img src="/upload/iblock/433/drx4fh463e02jtl14ovgasvytwcvymtl/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1.png" alt="">
8333                </div>
8334            </div>
8335        </div>
8336            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_29950}">
8337            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8338                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8339                    <g id="x-circle">
8340                        <path id="Vector"
8341                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8342                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8343                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8344                              stroke-linecap="round" stroke-linejoin="round" />
8345                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8346                              stroke-linecap="round" stroke-linejoin="round" />
8347                    </g>
8348                </svg>
8349            </button>
8350            <style>
8351.popup-buttons-row {
8352    grid-column: 2 / 3;
8353    grid-row: 4 / 5;
8354    display: flex;
8355    flex-direction: row;
8356    justify-content: flex-start;
8357    align-items: center;
8358    gap: 12px;
8359    width: 100%;
8360    margin-top: 15px;
8361}
8362
8363.popup-buttons-row .button {
8364    grid-column: auto !important;
8365    grid-row: auto !important;
8366    margin: 0 !important;
8367    width: auto !important;
8368    padding: 0 20px !important;
8369    height: 45px !important;
8370    text-align: center;
8371    white-space: nowrap; 
8372}
8373
8374            </style>
8375            <div class="card-popup card-popup_brand">
8376                <h2 class="section-title section-title">Любятово</h2>
8377                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
8378Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
8379                <div class="popup-buttons-row">
8380                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29950" class="button button_regular">Продукты</a>
8381                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
8382                                </div>
8383                <div class="img-wrapper">
8384                    <img src="/upload/iblock/4d8/ha7hzdfwxgtfya6b9v6slzr8rigjnwgs/Logo%202025.png" alt="">
8385                </div>
8386            </div>
8387        </div>
8388            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_14560}">
8389            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8390                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8391                    <g id="x-circle">
8392                        <path id="Vector"
8393                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8394                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8395                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8396                              stroke-linecap="round" stroke-linejoin="round" />
8397                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8398                              stroke-linecap="round" stroke-linejoin="round" />
8399                    </g>
8400                </svg>
8401            </button>
8402            <style>
8403.popup-buttons-row {
8404    grid-column: 2 / 3;
8405    grid-row: 4 / 5;
8406    display: flex;
8407    flex-direction: row;
8408    justify-content: flex-start;
8409    align-items: center;
8410    gap: 12px;
8411    width: 100%;
8412    margin-top: 15px;
8413}
8414
8415.popup-buttons-row .button {
8416    grid-column: auto !important;
8417    grid-row: auto !important;
8418    margin: 0 !important;
8419    width: auto !important;
8420    padding: 0 20px !important;
8421    height: 45px !important;
8422    text-align: center;
8423    white-space: nowrap; 
8424}
8425
8426            </style>
8427            <div class="card-popup card-popup_brand">
8428                <h2 class="section-title section-title">Chillout</h2>
8429                <p>Этот вкус любят все. Он главный гость на каждой вечеринке и всегда в центре внимания. Он помогает заговорить с любым гостем и начать танцевать в ритм музыки. Бывает с сахаром и без. Идеален сам по себе, но еще отлично сочетается с другими ингредиентами в коктейлях! Миксуйте, пробуйте!<br />
8430</p>
8431                <div class="popup-buttons-row">
8432                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=14560" class="button button_regular">Продукты</a>
8433                                    <a href="https://chillout-drinks.ru/" class="button button_regular" target="_blank">Сайт</a>
8434                                </div>
8435                <div class="img-wrapper">
8436                    <img src="/upload/iblock/e28/bse2kcqa9o6oflwpz60907n1xomcws97/LOGO_Chillout2024-02_%D1%82%D0%BE%D0%BD%D0%B8%D0%BA%20%2800000002%29.png" alt="">
8437                </div>
8438            </div>
8439        </div>
8440            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_185}">
8441            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8442                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8443                    <g id="x-circle">
8444                        <path id="Vector"
8445                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8446                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8447                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8448                              stroke-linecap="round" stroke-linejoin="round" />
8449                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8450                              stroke-linecap="round" stroke-linejoin="round" />
8451                    </g>
8452                </svg>
8453            </button>
8454            <style>
8455.popup-buttons-row {
8456    grid-column: 2 / 3;
8457    grid-row: 4 / 5;
8458    display: flex;
8459    flex-direction: row;
8460    justify-content: flex-start;
8461    align-items: center;
8462    gap: 12px;
8463    width: 100%;
8464    margin-top: 15px;
8465}
8466
8467.popup-buttons-row .button {
8468    grid-column: auto !important;
8469    grid-row: auto !important;
8470    margin: 0 !important;
8471    width: auto !important;
8472    padding: 0 20px !important;
8473    height: 45px !important;
8474    text-align: center;
8475    white-space: nowrap; 
8476}
8477
8478            </style>
8479            <div class="card-popup card-popup_brand">
8480                <h2 class="section-title section-title">Fantola</h2>
8481                <p>Лимонад для самых стильных, модных и ярких!<br />
8482В линейке Fantola есть классические, знакомые вкусы колы и апельсина, удивительный освежающий микс лимона и лайма, а также самый неожиданный вкус — Bubble Gum. Благодаря этим ярким игристым бутылочкам любой момент жизни становится еще более красочным и свежим. <br />
8483Не веришь? Просто сделай глоток и посмотри, как тебе захлестнет волна классных эмоций!</p>
8484                <div class="popup-buttons-row">
8485                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=185" class="button button_regular">Продукты</a>
8486                                </div>
8487                <div class="img-wrapper">
8488                    <img src="/upload/iblock/9a0/sz1f2n7e0muaweslvn5xa5p4o278iv0r/%D0%BB%D0%BE%D0%B3%D0%BE%20%D1%84%D0%B0%D0%BD%D1%82%D0%BE%D0%BB%D0%B0.png" alt="">
8489                </div>
8490            </div>
8491        </div>
8492            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_187}">
8493            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8494                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8495                    <g id="x-circle">
8496                        <path id="Vector"
8497                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8498                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8499                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8500                              stroke-linecap="round" stroke-linejoin="round" />
8501                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8502                              stroke-linecap="round" stroke-linejoin="round" />
8503                    </g>
8504                </svg>
8505            </button>
8506            <style>
8507.popup-buttons-row {
8508    grid-column: 2 / 3;
8509    grid-row: 4 / 5;
8510    display: flex;
8511    flex-direction: row;
8512    justify-content: flex-start;
8513    align-items: center;
8514    gap: 12px;
8515    width: 100%;
8516    margin-top: 15px;
8517}
8518
8519.popup-buttons-row .button {
8520    grid-column: auto !important;
8521    grid-row: auto !important;
8522    margin: 0 !important;
8523    width: auto !important;
8524    padding: 0 20px !important;
8525    height: 45px !important;
8526    text-align: center;
8527    white-space: nowrap; 
8528}
8529
8530            </style>
8531            <div class="card-popup card-popup_brand">
8532                <h2 class="section-title section-title">Cristelle вода</h2>
8533                <p>Сristelle – тот случай, когда внутреннее содержание полностью соответствует идеальной форме.&nbsp;&nbsp;С такой природной водой приятно провести вечер в ресторане, небольшой отпуск в элегантном отеле или… совершить полёт бизнес-классом.<br />
8534<br />
8535Над дизайном бутылки Cristelle поработали итальянские мастера дизайна.&nbsp;&nbsp;Над внутренним содержанием - природа.&nbsp;&nbsp;Как утверждают геологи, ещё 300 миллионов лет назад. </p>
8536                <div class="popup-buttons-row">
8537                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=187" class="button button_regular">Продукты</a>
8538                                    <a href="https://cristelle-water.ru/" class="button button_regular" target="_blank">Сайт</a>
8539                                </div>
8540                <div class="img-wrapper">
8541                    <img src="/upload/iblock/78c/0w3re2xanvwtb9cr0cxi6gtgf3pv73ks/Cristelle%2
85410%D0%B3%D0%B0%D0%B7.png" alt="">
8542                </div>
8543            </div>
8544        </div>
8545            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_30356}">
8546            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8547                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8548                    <g id="x-circle">
8549                        <path id="Vector"
8550                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8551                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8552                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8553                              stroke-linecap="round" stroke-linejoin="round" />
8554                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8555                              stroke-linecap="round" stroke-linejoin="round" />
8556                    </g>
8557                </svg>
8558            </button>
8559            <style>
8560.popup-buttons-row {
8561    grid-column: 2 / 3;
8562    grid-row: 4 / 5;
8563    display: flex;
8564    flex-direction: row;
8565    justify-content: flex-start;
8566    align-items: center;
8567    gap: 12px;
8568    width: 100%;
8569    margin-top: 15px;
8570}
8571
8572.popup-buttons-row .button {
8573    grid-column: auto !important;
8574    grid-row: auto !important;
8575    margin: 0 !important;
8576    width: auto !important;
8577    padding: 0 20px !important;
8578    height: 45px !important;
8579    text-align: center;
8580    white-space: nowrap; 
8581}
8582
8583            </style>
8584            <div class="card-popup card-popup_brand">
8585                <h2 class="section-title section-title">COSMOS</h2>
8586                <p>Cosmos - это космическая энергия, воплощённая в оригинальном и тропическом вкусах. В составе сочетаются кофеин, таурин и витамины группы B, а экстракты гуавы и женьшеня дополняют композицию, придавая напитку уникальный вкус и дополнительные полезные свойства. Почувствуй космическую энергию в каждой капле — выбери Cosmos для ярких достижений и новых горизонтов!</p>
8587                <div class="popup-buttons-row">
8588                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=30356" class="button button_regular">Продукты</a>
8589                                </div>
8590                <div class="img-wrapper">
8591                    <img src="/upload/iblock/38d/0y8qifwp0399m4ivvzxbyhpajb3ap01z/%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D1%81%20%D0%BB%D0%BE%D0%B3%D0%BE%20%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82.png" alt="">
8592                </div>
8593            </div>
8594        </div>
8595            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_17669}">
8596            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8597                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8598                    <g id="x-circle">
8599                        <path id="Vector"
8600                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8601                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8602                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8603                              stroke-linecap="round" stroke-linejoin="round" />
8604                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8605                              stroke-linecap="round" stroke-linejoin="round" />
8606                    </g>
8607                </svg>
8608            </button>
8609            <style>
8610.popup-buttons-row {
8611    grid-column: 2 / 3;
8612    grid-row: 4 / 5;
8613    display: flex;
8614    flex-direction: row;
8615    justify-content: flex-start;
8616    align-items: center;
8617    gap: 12px;
8618    width: 100%;
8619    margin-top: 15px;
8620}
8621
8622.popup-buttons-row .button {
8623    grid-column: auto !important;
8624    grid-row: auto !important;
8625    margin: 0 !important;
8626    width: auto !important;
8627    padding: 0 20px !important;
8628    height: 45px !important;
8629    text-align: center;
8630    white-space: nowrap; 
8631}
8632
8633            </style>
8634            <div class="card-popup card-popup_brand">
8635                <h2 class="section-title section-title">БАЙКАЛ</h2>
8636                <p>Можно ли пить энергетики и вести здоровый образ жизни? Конечно! Энергетические напитки БАЙКАЛ natural energy — натуральные энергетические напитки нового поколения с естественными вкусами. Только природные источники бодрости: натуральный кофеин, элеутерококк и соки, без таурина и консервантов, с витаминами группы В, которые помогают бороться с усталостью.<br />
8637Попробуйте натуральную энергию Байкала! </p>
8638                <div class="popup-buttons-row">
8639                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17669" class="button button_regular">Продукты</a>
8640                                </div>
8641                <div class="img-wrapper">
8642                    <img src="/upload/iblock/8f6/zmpjkisdk322zmieoef7atfisbxtpym1/%D0%91%D0%B0%D0%B9%D0%BA%D0%B0%D0%BB%20Natural%20Energy.png" alt="">
8643                </div>
8644            </div>
8645        </div>
8646            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_29918}">
8647            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8648                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8649                    <g id="x-circle">
8650                        <path id="Vector"
8651                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8652                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8653                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8654                              stroke-linecap="round" stroke-linejoin="round" />
8655                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8656                              stroke-linecap="round" stroke-linejoin="round" />
8657                    </g>
8658                </svg>
8659            </button>
8660            <style>
8661.popup-buttons-row {
8662    grid-column: 2 / 3;
8663    grid-row: 4 / 5;
8664    display: flex;
8665    flex-direction: row;
8666    justify-content: flex-start;
8667    align-items: center;
8668    gap: 12px;
8669    width: 100%;
8670    margin-top: 15px;
8671}
8672
8673.popup-buttons-row .button {
8674    grid-column: auto !important;
8675    grid-row: auto !important;
8676    margin: 0 !important;
8677    width: auto !important;
8678    padding: 0 20px !important;
8679    height: 45px !important;
8680    text-align: center;
8681    white-space: nowrap; 
8682}
8683
8684            </style>
8685            <div class="card-popup card-popup_brand">
8686                <h2 class="section-title section-title">Любятово</h2>
8687                <p>Любятово — это любимый вкус, который объединяет миллионы сердец, живущих по всей стране.<br />
8688Миллионы завтраков, пропитанных заботой и миллионы чаепитий, которые делают нас чуточку ближе.</p>
8689                <div class="popup-buttons-row">
8690                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29918" class="button button_regular">Продукты</a>
8691                                    <a href="https://www.lubyatovo.ru/brands/lubyatovo/" class="button button_regular" target="_blank">Сайт</a>
8692                                </div>
8693                <div class="img-wrapper">
8694                    <img src="/upload/iblock/f39/ri3y2xhxkmbif13o3i60od00xsfdu5m2/Logo%202025.png" alt="">
8695                </div>
8696            </div>
8697        </div>
8698            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_29971}">
8699            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8700                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8701                    <g id="x-circle">
8702                        <path id="Vector"
8703                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8704                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8705                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8706                              stroke-linecap="round" stroke-linejoin="round" />
8707                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8708                              stroke-linecap="round" stroke-linejoin="round" />
8709                    </g>
8710                </svg>
8711            </button>
8712            <style>
8713.popup-buttons-row {
8714    grid-column: 2 / 3;
8715    grid-row: 4 / 5;
8716    display: flex;
8717    flex-direction: row;
8718    justify-content: flex-start;
8719    align-items: center;
8720    gap: 12px;
8721    width: 100%;
8722    margin-top: 15px;
8723}
8724
8725.popup-buttons-row .button {
8726    grid-column: auto !important;
8727    grid-row: auto !important;
8728    margin: 0 !important;
8729    width: auto !important;
8730    padding: 0 20px !important;
8731    height: 45px !important;
8732    text-align: center;
8733    white-space: nowrap; 
8734}
8735
8736            </style>
8737            <div class="card-popup card-popup_brand">
8738                <h2 class="section-title section-title">Extrasi</h2>
8739                <p>Такие вкусные и необычные, наполненные удовольствием продукты EXTRASI придают экстра ценность моментам жизни каждый день.<br />
8740EXTRASI -&nbsp;&nbsp;скажи удовольствию ДА!</p>
8741                <div class="popup-buttons-row">
8742                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29971" class="button button_regular">Продукты</a>
8743                                    <a href="https://www.lubyatovo.ru/brands/extrasi/" class="button button_regular" target="_blank">Сайт</a>
8744                                </div>
8745                <div class="img-wrapper">
8746                    <img src="/upload/iblock/976/3ifavzml6a2wgpwubevrauqqf4ju85n6/Extrasi_logo%20%282%29%201.png" alt="">
8747                </div>
8748            </div>
8749        </div>
8750            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_17605}">
8751            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8752                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8753                    <g id="x-circle">
8754                        <path id="Vector"
8755                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8756                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8757                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8758                              stroke-linecap="round" stroke-linejoin="round" />
8759                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8760                              stroke-linecap="round" stroke-linejoin="round" />
8761                    </g>
8762                </svg>
8763            </button>
8764            <style>
8765.popup-buttons-row {
8766    grid-column: 2 / 3;
8767    grid-row: 4 / 5;
8768    display: flex;
8769    flex-direction: row;
8770    justify-content: flex-start;
8771    align-items: center;
8772    gap: 12px;
8773    width: 100%;
8774    margin-top: 15px;
8775}
8776
8777.popup-buttons-row .button {
8778    grid-column: auto !important;
8779    grid-row: auto !important;
8780    margin: 0 !important;
8781    width: auto !important;
8782    padding: 0 20px !important;
8783    height: 45px !important;
8784    text-align: center;
8785    white-space: nowrap; 
8786}
8787
8788            </style>
8789            <div class="card-popup card-popup_brand">
8790                <h2 class="section-title section-title">FUN</h2>
8791                <p>Для всех фанатов самых шипучих шипучек! Тысячи пузырьков в бутылочке «FUN кола» подчеркнут насыщенный вкус любимого миллионами напитка, а игристый «Буратино» перенесет всех в беззаботное веселое детство. Те, кто уже попробовал эти напитки, знают — весь FUN начинается с «Пшш…».</p>
8792                <div class="popup-buttons-row">
8793                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=17605" class="button button_regular">Продукты</a>
8794                                </div>
8795                <div class="img-wrapper">
8796                    <img src="/upload/iblock/618/1j4poawrrpwwmgc1nhj20yj3mgpodl2h/fun_logo.png" alt="">
8797                </div>
8798            </div>
8799        </div>
8800            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_29972}">
8801            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8802                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8803                    <g id="x-circle">
8804                        <path id="Vector"
8805                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8806                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8807                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8808                              stroke-linecap="round" stroke-linejoin="round" />
8809                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8810                              stroke-linecap="round" stroke-linejoin="round" />
8811                    </g>
8812                </svg>
8813            </button>
8814            <style>
8815.popup-buttons-row {
8816    grid-column: 2 / 3;
8817    grid-row: 4 / 5;
8818    display: flex;
8819    flex-direction: row;
8820    justify-content: flex-start;
8821    align-items: center;
8822    gap: 12px;
8823    width: 100%;
8824    margin-top: 15px;
8825}
8826
8827.popup-buttons-row .button {
8828    grid-column: auto !important;
8829    grid-row: auto !important;
8830    margin: 0 !important;
8831    width: auto !important;
8832    padding: 0 20px !important;
8833    height: 45px !important;
8834    text-align: center;
8835    white-space: nowrap; 
8836}
8837
8838            </style>
8839            <div class="card-popup card-popup_brand">
8840                <h2 class="section-title section-title">Chocozavr</h2>
8841                <p>Мы создали Chocozavr для самых больших ценителей шоколадных готовых завтраков. Хрустящие подушечки с нежнейшей начинкой или фигурки «Шоксики» с настоящим шоколадом – вот секрет потрясающе вкусного и питательного завтрака. А еще, подушечки идеально подходят как самостоятельный перекус или десерт к чаю.<br />
8842Утоли свою жажду шоколада!</p>
8843                <div class="popup-buttons-row">
8844                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29972" class="button button_regular">Продукты</a>
8845                                    <a href=" https://www.lubyatovo.ru/brands/chocozavr/" class="button button_regular" target="_blank">Сайт</a>
8846                                </div>
8847                <div class="img-wrapper">
8848                    <img src="/upload/iblock/87d/xmjug6axq1lojai1zltoo986gn5ij937/Chocozavr.png" alt="">
8849                </div>
8850            </div>
8851        </div>
8852            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_279}">
8853            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8854                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8855                    <g id="x-circle">
8856                        <path id="Vector"
8857                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8858                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8859                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8860                              stroke-linecap="round" stroke-linejoin="round" />
8861                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8862                              stroke-linecap="round" stroke-linejoin="round" />
8863                    </g>
8864                </svg>
8865            </button>
8866            <style>
8867.popup-buttons-row {
8868    grid-column: 2 / 3;
8869    grid-row: 4 / 5;
8870    display: flex;
8871    flex-direction: row;
8872    justify-content: flex-start;
8873    align-items: center;
8874    gap: 12px;
8875    width: 100%;
8876    margin-top: 15px;
8877}
8878
8879.popup-buttons-row .button {
8880    grid-column: auto !important;
8881    grid-row: auto !important;
8882    margin: 0 !important;
8883    width: auto !important;
8884    padding: 0 20px !important;
8885    height: 45px !important;
8886    text-align: center;
8887    white-space: nowrap; 
8888}
8889
8890            </style>
8891            <div class="card-popup card-popup_brand">
8892                <h2 class="section-title section-title">FRY’S</h2>
8893                <p>Обычные, рифленые или соломкой — какие ваши любимые чипсы? В линейке Fry´s есть натуральные картофельные чипсы любой формы и вкуса! Любителям всего поострее понравятся чипсы васаби, чили или горчица. Ценителям изысканных вкусов подойдут Fry´s с крабом или с лососем в сливочном соусе. А почитателям классики — с сыром, солью или с зеленым луком.</p>
8894                <div class="popup-buttons-row">
8895                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=279" class="button button_regular">Продукты</a>
8896                                </div>
8897                <div class="img-wrapper">
8898                    <img src="/upload/iblock/4cf/0tog9gnkdsa5qk1ke694q3wbgpqdz8jc/Frys_logo.png" alt="">
8899                </div>
8900            </div>
8901        </div>
8902            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_189}">
8903            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8904                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8905                    <g id="x-circle">
8906                        <path id="Vector"
8907                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8908                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8909                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8910                              stroke-linecap="round" stroke-linejoin="round" />
8911                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8912                              stroke-linecap="round" stroke-linejoin="round" />
8913                    </g>
8914                </svg>
8915            </button>
8916            <style>
8917.popup-buttons-row {
8918    grid-column: 2 / 3;
8919    grid-row: 4 / 5;
8920    display: flex;
8921    flex-direction: row;
8922    justify-content: flex-start;
8923    align-items: center;
8924    gap: 12px;
8925    width: 100%;
8926    margin-top: 15px;
8927}
8928
8929.popup-buttons-row .button {
8930    grid-column: auto !important;
8931    grid-row: auto !important;
8932    margin: 0 !important;
8933    width: auto !important;
8934    padding: 0 20px !important;
8935    height: 45px !important;
8936    text-align: center;
8937    white-space: nowrap; 
8938}
8939
8940            </style>
8941            <div class="card-popup card-popup_brand">
8942                <h2 class="section-title section-title">BON GIORNO</h2>
8943                <p>Чипсы Bon Giorno – это коллекция разнообразных изысканных вкусов, вдохновленных путешествиями в разные страны, которые добавят хрустящего удовольствия и приятной атмосферы любым моментам вашей жизни.</p>
8944                <div class="popup-buttons-row">
8945                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=189" class="button button_regular">Продукты</a>
8946                                </div>
8947                <div class="img-wrapper">
8948                    <img src="/upload/iblock/ac9/ycllf18nscmvee7gecfosdc41ftvoycp/Logo%20BG-01.png" alt="">
8949                </div>
8950            </div>
8951        </div>
8952            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_29974}">
8953            <button class="button-close-popup" @click="$store.popup.closeBrand()">
8954                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
8955                    <g id="x-circle">
8956                        <path id="Vector"
8957                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
8958                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
8959                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
8960                              stroke-linecap="round" stroke-linejoin="round" />
8961                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
8962                              stroke-linecap="round" stroke-linejoin="round" />
8963                    </g>
8964                </svg>
8965            </button>
8966            <style>
8967.popup-buttons-row {
8968    grid-column: 2 / 3;
8969    grid-row: 4 / 5;
8970    display: flex;
8971    flex-direction: row;
8972    justify-content: flex-start;
8973    align-items: center;
8974    gap: 12px;
8975    width: 100%;
8976    margin-top: 15px;
8977}
8978
8979.popup-buttons-row .button {
8980    grid-column: auto !important;
8981    grid-row: auto !important;
8982    margin: 0 !important;
8983    width: auto !important;
8984    padding: 0 20px !important;
8985    height: 45px !important;
8986    text-align: center;
8987    white-space: nowrap; 
8988}
8989
8990            </style>
8991            <div class="card-popup card-popup_brand">
8992                <h2 class="section-title section-title">Unicorn</h2>
8993                <p>Unicorn – это яркие цвета и интересные вкусы, чтобы радовать детей, и 100&#37; натуральные ингредиенты в составе, которым может довериться мама.<br />
8994Наш волшебный единорог создает мир, в котором место только радости и беззаботности!<br />
8995 <br />
8996Добавьте немного волшебства и ярких красок в каждый свой день вместе с готовыми завтраками и печеньем Unicorn. Одобрено единорогами!</p>
8997                <div class="popup-buttons-row">
8998                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29974" class="button button_regular">Продукты</a>
8999                                    <a href="https://www.lubyatovo.ru/brands/unicorn/" class="button button_regular" target="_blank">Сайт</a>
9000                                </div>
9001                <div class="img-wrapper">
9002                    <img src="/upload/iblock/464/of1zfw9ksqlg9y60sdyaj4hbujqvcplx/unicorn_logo_new.png" alt="">
9003                </div>
9004            </div>
9005        </div>
9006            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_190}">
9007            <button class="button-close-popup" @click="$store.popup.closeBrand()">
9008                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9009                    <g id="x-circle">
9010                        <path id="Vector"
9011                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
9012                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
9013                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
9014                              stroke-linecap="round" stroke-linejoin="round" />
9015                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
9016                              stroke-linecap="round" stroke-linejoin="round" />
9017                    </g>
9018                </svg>
9019            </button>
9020            <style>
9021.popup-buttons-row {
9022    grid-column: 2 / 3;
9023    grid-row: 4 / 5;
9024    display: flex;
9025    flex-direction: row;
9026    justify-content: flex-start;
9027    align-items: center;
9028    gap: 12px;
9029    width: 100%;
9030    margin-top: 15px;
9031}
9032
9033.popup-buttons-row .button {
9034    grid-column: auto !important;
9035    grid-row: auto !important;
9036    margin: 0 !important;
9037    width: auto !important;
9038    padding: 0 20px !important;
9039    height: 45px !important;
9040    text-align: center;
9041    white-space: nowrap; 
9042}
9043
9044            </style>
9045            <div class="card-popup card-popup_brand">
9046                <h2 class="section-title section-title">CHAKA</h2>
9047                <p>Настоящее вкусовое комбо! В пачках Chaka — смесь орешков, печеных зерен кукурузы и хрустящих чаксов. Миксуйте их по-разному между собой и получайте каждый раз новые вкусовые сочетания! А для особых любителей арахиса мы создали отдельные пачки: арахис с сыром, беконом, вареными раками или классический — с солью.<br />
9048</p>
9049                <div class="popup-buttons-row">
9050                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=190" class="button button_regular">Продукты</a>
9051                                </div>
9052                <div class="img-wrapper">
9053                    <img src="/upload/iblock/3cd/uenmkec7jwkx3a0jhlubbp3r4ecrqaju/Chaka_logo.png" alt="">
9054                </div>
9055            </div>
9056        </div>
9057            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_191}">
9058            <button class="button-close-popup" @click="$store.popup.closeBrand()">
9059                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9060                    <g id="x-circle">
9061                        <path id="Vector"
9062                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
9063                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
9064                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
9065                              stroke-linecap="round" stroke-linejoin="round" />
9066                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
9067                              stroke-linecap="round" stroke-linejoin="round" />
9068                    </g>
9069                </svg>
9070            </button>
9071            <style>
9072.popup-buttons-row {
9073    grid-column: 2 / 3;
9074    grid-row: 4 / 5;
9075    display: flex;
9076    flex-direction: row;
9077    justify-content: flex-start;
9078    align-items: center;
9079    gap: 12px;
9080    width: 100%;
9081    margin-top: 15px;
9082}
9083
9084.popup-buttons-row .button {
9085    grid-column: auto !important;
9086    grid-row: auto !important;
9087    margin: 0 !important;
9088    width: auto !important;
9089    padding: 0 20px !important;
9090    height: 45px !important;
9091    text-align: center;
9092    white-space: nowrap; 
9093}
9094
9095            </style>
9096            <div class="card-popup card-popup_brand">
9097                <h2 class="section-title section-title">Крутец</h2>
9098                <p>Сухарики по старинным русским рецептам придутся по вкусу всем богатырям и честным молодцам! Тем, кто любит все самое традиционное, понравятся крутецы с холодцом и хреном или красной икоркой. Тем, кому хочется чего-то новенького, стоит попробовать сухарики со спайси томатом или копченым кальмаром. А лучше все это миксовать! Для этого мы специально придумали особые крутецкие комбо.</p>
9099                <div class="popup-buttons-row">
9100                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=191" class="button button_regular">Продукты</a>
9101                                </div>
9102                <div class="img-wrapper">
9103                    <img src="/upload/iblock/6eb/agas8g7vcsvoz2x2ofhewlh408icpv1q/Krutets_logo_01.png" alt="">
9104                </div>
9105            </div>
9106        </div>
9107            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_29129}">
9108            <button class="button-close-popup" @click="$store.popup.closeBrand()">
9109                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9110                    <g id="x-circle">
9111                        <path id="Vector"
9112                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
9113                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
9114                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
9115                              stroke-linecap="round" stroke-linejoin="round" />
9116                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
9117                              stroke-linecap="round" stroke-linejoin="round" />
9118                    </g>
9119                </svg>
9120            </button>
9121            <style>
9122.popup-buttons-row {
9123    grid-column: 2 / 3;
9124    grid-row: 4 / 5;
9125    display: flex;
9126    flex-direction: row;
9127    justify-content: flex-start;
9128    align-items: center;
9129    gap: 12px;
9130    width: 100%;
9131    margin-top: 15px;
9132}
9133
9134.popup-buttons-row .button {
9135    grid-column: auto !important;
9136    grid-row: auto !important;
9137    margin: 0 !important;
9138    width: auto !important;
9139    padding: 0 20px !important;
9140    height: 45px !important;
9141    text-align: center;
9142    white-space: nowrap; 
9143}
9144
9145            </style>
9146            <div class="card-popup card-popup_brand">
9147                <h2 class="section-title section-title">Черноголовка сиропы</h2>
9148                <p>В ассортименте нашей компании есть сиропы для приготовления безалкогольных напитков в разливном охлажденном виде. Это отличное решение для кафе, баров, ресторанов и кинотеатров!<br></p>
9149                <div class="popup-buttons-row">
9150                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=29129" class="button button_regular">Продукты</a>
9151                                </div>
9152                <div class="img-wrapper">
9153                    <img src="/upload/iblock/4c5/ngpshtx5audp4bcczotn2pk356nzwx3f/logo_chernogolovka%20%285%29.png" alt="">
9154                </div>
9155            </div>
9156        </div>
9157            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_419}">
9158            <button class="button-close-popup" @click="$store.popup.closeBrand()">
9159                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9160                    <g id="x-circle">
9161                        <path id="Vector"
9162                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
9163                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
9164                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
9165                              stroke-linecap="round" stroke-linejoin="round" />
9166                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
9167                              stroke-linecap="round" stroke-linejoin="round" />
9168                    </g>
9169                </svg>
9170            </button>
9171            <style>
9172.popup-buttons-row {
9173    grid-column: 2 / 3;
9174    grid-row: 4 / 5;
9175    display: flex;
9176    flex-direction: row;
9177    justify-content: flex-start;
9178    align-items: center;
9179    gap: 12px;
9180    width: 100%;
9181    margin-top: 15px;
9182}
9183
9184.popup-buttons-row .button {
9185    grid-column: auto !important;
9186    grid-row: auto !important;
9187    margin: 0 !important;
9188    width: auto !important;
9189    padding: 0 20px !important;
9190    height: 45px !important;
9191    text-align: center;
9192    white-space: nowrap; 
9193}
9194
9195            </style>
9196            <div class="card-popup card-popup_brand">
9197                <h2 class="section-title section-title">БИОКЕЙ</h2>
9198                <p>Вся польза Алтая в одном маленьком батончике! Перекус из цельных злаков от «БИОКЕЙ» — это только натуральные ингредиенты, клетчатка, микроэлементы, пищевые волокна и витамины группы B. А еще 4 разных вкуса! Полезная для иммунитета куркума и абрикос, сладкая клубника, питательный кокос и витаминная черника.</p>
9199                <div class="popup-buttons-row">
9200                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=419" class="button button_regular">Продукты</a>
9201                                </div>
9202                <div class="img-wrapper">
9203                    <img src="/upload/iblock/950/re593bx7vf73ssbugugp43fea5phep0z/biokey_logo.png" alt="">
9204                </div>
9205            </div>
9206        </div>
9207            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_235}">
9208            <button class="button-close-popup" @click="$store.popup.closeBrand()">
9209                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9210                    <g id="x-circle">
9211                        <path id="Vector"
9212                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
9213                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
9214                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
9215                              stroke-linecap="round" stroke-linejoin="round" />
9216                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
9217                              stroke-linecap="round" stroke-linejoin="round" />
9218                    </g>
9219                </svg>
9220            </button>
9221            <style>
9222.popup-buttons-row {
9223    grid-column: 2 / 3;
9224    grid-row: 4 / 5;
9225    display: flex;
9226    flex-direction: row;
9227    justify-content: flex-start;
9228    align-items: center;
9229    gap: 12px;
9230    width: 100%;
9231    margin-top: 15px;
9232}
9233
9234.popup-buttons-row .button {
9235    grid-column: auto !important;
9236    grid-row: auto !important;
9237    margin: 0 !important;
9238    width: auto !important;
9239    padding: 0 20px !important;
9240    height: 45px !important;
9241    text-align: center;
9242    white-space: nowrap; 
9243}
9244
9245            </style>
9246            <div class="card-popup card-popup_brand">
9247                <h2 class="section-title section-title">Савинов</h2>
9248                <p>Более 100 лет назад купец Савинов основал кондитерскую фабрику, чтобы радовать людей вкусными конфетами. <br />
9249Кондитерская фабрика «Алтай» продолжает дело кондитера Савинова, соблюдая главный принцип его работы: пробовать новое и сохранять самое вкусное. <br />
9250«Савинов» сделает любой день вкуснее, все дело в конфетах!</p>
9251                <div class="popup-buttons-row">
9252                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=235" class="button button_regular">Продукты</a>
9253                                </div>
9254                <div class="img-wrapper">
9255                    <img src="/upload/iblock/650/uh0vt7ul48dmfv7fil3b6nwipe1xfjq1/Savinov_logo.png" alt="">
9256                </div>
9257            </div>
9258        </div>
9259            <div class="wrapper-popup" :class="{'active': $store.popup.brandIndex === 67_292}">
9260            <button class="button-close-popup" @click="$store.popup.closeBrand()">
9261                <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9262                    <g id="x-circle">
9263                        <path id="Vector"
9264                              d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
9265                              stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
9266                        <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
9267                              stroke-linecap="round" stroke-linejoin="round" />
9268                        <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
9269                              stroke-linecap="round" stroke-linejoin="round" />
9270                    </g>
9271                </svg>
9272            </button>
9273            <style>
9274.popup-buttons-row {
9275    grid-column: 2 / 3;
9276    grid-row: 4 / 5;
9277    display: flex;
9278    flex-direction: row;
9279    justify-content: flex-start;
9280    align-items: center;
9281    gap: 12px;
9282    width: 100%;
9283    margin-top: 15px;
9284}
9285
9286.popup-buttons-row .button {
9287    grid-column: auto !important;
9288    grid-row: auto !important;
9289    margin: 0 !important;
9290    width: auto !important;
9291    padding: 0 20px !important;
9292    height: 45px !important;
9293    text-align: center;
9294    white-space: nowrap; 
9295}
9296
9297            </style>
9298            <div class="card-popup card-popup_brand">
9299                <h2 class="section-title section-title">Черноголовка Бэйби</h2>
9300                <p>Мы понимаем, как важно для родителей заботиться о малышах, об их правильном питании каждый день. <br />
9301<br />
9302«Черноголовка Бэйби» — это вкусное и полезное детское питание высокого качества, созданное с заботой о малышах и их родителях. <br />
9303<br />
9304Наш ассортимент — это фруктовые пюре, соки, фрикадельки, питьевые кашки и вода для самых маленьких. В основе наших продуктов только качественные натуральные ингредиенты, без красителей, консервантов и ГМО.<br />
9305<br />
9306Для малышей с заботой от «Черноголовка Бэйби»!</p>
9307                <div class="popup-buttons-row">
9308                <a href="/catalog/drinks/?arrFilter_pf%5BBRAND%5D=292" class="button button_regular">Продукты</a>
9309                                </div>
9310                <div class="img-wrapper">
9311                    <img src="/upload/iblock/0cd/flpo3eb0bqgjzr4enph2mykty2fk2hhr/%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D0%BA%D0%B0%20%D0%91%D1%8D%D0%B9%D0%B1%D0%B8%20%D0%BB%D0%BE%D0%B3%D0%BE.jpg" alt="">
9312                </div>
9313            </div>
9314        </div>
9315    
9316                <div class="wrapper" style="display: block; !important;" :class="{'active': $store.popup.askQuestion}">
9317                    <button class="button-close-popup" @click="$store.popup.closeForm()">
9318                        <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
9319                            <g id="x-circle">
9320                                <path id="Vector"
9321                                      d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
9322                                      stroke="#61AB46" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9323                                <path id="Vector_2" d="M30 18L18 30" stroke="#61AB46" stroke-width="2"
9324                                      stroke-linecap="round" stroke-linejoin="round"/>
9325                                <path id="Vector_3" d="M18 18L30 30" stroke="#61AB46" stroke-width="2"
9326                                      stroke-linecap="round" stroke-linejoin="round"/>
9327                            </g>
9328                        </svg>
9329
9330                    </button>
9331
9332
9333                    <div id="comp_d11671ead59b88d83efa616662e4b2e9"><div id="bxdynamic_fW13iv_start" style="display:none"></div>
9334    <!----><!---->            <form x-data="formPopup" class="form form-popup" name="aspro_priority_question_s1" action="/actions/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid" value="" /><input type="hidden" name="WEB_FORM_ID" value="4" />        <h2 class="section-title">Задать вопрос</h2>
9335                            <div class="theme-dropdown">
9336                        <label>
9337                            <span>По какой категории ваш вопрос? </span>
9338
9339                            <input x-model="formModel.theme.name" readonly class="theme" type="text" name=""
9340                                   placeholder="По какой категории ваш вопрос?" @click.prevent="openDropdown = ! openDropdown"
9341                                   @click.outside="openDropdown = false">
9342                            <button class="dropdown">
9343                                <svg width="32" height="32" viewBox="0 0 32 32" fill="none"
9344                                     xmlns="http://www.w3.org/2000/svg">
9345                                    <g id="Download">
9346                                        <path id="Vector"
9347                                              d="M16 29.3327C23.3638 29.3327 29.3334 23.3631 29.3334 15.9993C29.3334 8.63555 23.3638 2.66602 16 2.66602C8.63622 2.66602 2.66669 8.63555 2.66669 15.9993C2.66669 23.3631 8.63622 29.3327 16 29.3327Z"
9348                                              stroke="#61AB46" stroke-width="2" stroke-linecap="round"
9349                                              stroke-linejoin="round"/>
9350                                        <path id="Vector_2" d="M10.6667 16L16 21.3333L21.3334 16" stroke="#61AB46"
9351                                              stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
9352                                        <path id="Vector_3" d="M16 10.666V21.3327" stroke="#61AB46" stroke-width="2"
9353                                              stroke-linecap="round" stroke-linejoin="round"/>
9354                                    </g>
9355                                </svg>
9356
9357                            </button>
9358                        </label>
9359
9360
9361                        <ul class="dropdown-list" :class=" { 'active' : openDropdown }">
9362                                                            <li @click="formModel.theme.name = 'Реклама и спецпредложения', openDropdown = false, formModel.theme.value = '188'"
9363                                    class="dropdown-list__item">Реклама и спецпредложения                                </li>
9364                                                            <li @click="formModel.theme.name = 'Напитки', openDropdown = false, formModel.theme.value = '52'"
9365                                    class="dropdown-list__item">Напитки                                </li>
9366                                                            <li @click="formModel.theme.name = 'Снеки', openDropdown = false, formModel.theme.value = '53'"
9367                                    class="dropdown-list__item">Снеки                                </li>
9368                                                            <li @click="formModel.theme.name = 'Кондитерские изделия', openDropdown = false, formModel.theme.value = '54'"
9369                                    class="dropdown-list__item">Кондитерские изделия                                </li>
9370                                                            <li @click="formModel.theme.name = 'Детское питание', openDropdown = false, formModel.theme.value = '187'"
9371                                    class="dropdown-list__item">Детское питание                                </li>
9372                                                    </ul>
9373
9374                    </div>
9375                    <select class="invisible-select d-none" name="form_dropdown_CATEGORY" id="select-subscription">
9376                                                    <option value="188">Реклама и спецпредложения</option>
9377                                                    <option value="52">Напитки</option>
9378                                                    <option value="53">Снеки</option>
9379                                                    <option value="54">Кондитерские изделия</option>
9380                                                    <option value="187">Детское питание</option>
9381                                            </select>
9382                                        <label>
9383                        <span>Ваше имя</span>
9384                                                                            <input name="form_text_15"
9385                                   x-model="formModel.name" type="text"
9386                                   placeholder="Укажите ваше имя"
9387                                   :class=" { 'error' : (!v.nameValid && v.dirty && v.nameRequired) || (!v.nameRequired && v.dirty && !v.nameRequired)}">
9388                            <span class="error" :class="{'active': !v.nameValid && v.dirty && v.nameRequired}">Неверный формат</span>
9389                            <span class="error"
9390                                  :class="{'active': !v.nameRequired && v.dirty && !v.nameRequired}">Заполните поле</span>
9391                                                                    </label>
9392
9393                                        <label>
9394                        <span>Телефон</span>
9395                                                    <input name="form_text_16"
9396                                   x-model="formModel.phone" x-mask="+7(999)999-99-99" type="text"
9397                                   placeholder="Укажите ваш контактный телефон"
9398                                   :class=" { 'error' : (!v.phoneValid && v.dirty && v.phoneRequired) || (!v.phoneRequired && v.dirty && !v.phoneRequired)}">
9399                            <span class="error"
9400                                  :class="{'active': !v.phoneValid && v.dirty && v.phoneRequired}">Неверный формат </span>
9401                            <span class="error"
9402                                  :class="{'active': !v.phoneRequired && v.dirty && !v.phoneRequired}">Заполните поле</span>
9403                                                                                            </label>
9404
9405                                        <label>
9406                        <span>E-mail</span>
9407                        <input name="form_email_17"
9408                               x-model="formModel.email" type="email"
9409                               placeholder="Укажите вашу электронную почту"
9410                               :class=" { 'error' : (!v.emailValid && v.dirty && v.emailRequired) || (!v.emailRequired && v.dirty && !v.emailRequired)}">
9411                        <span class="error"
9412                              :class="{'active': !v.emailValid && v.dirty && v.emailRequired}">Неверный формат </span>
9413                        <span class="error"
9414                              :class="{'active': !v.emailRequired && v.dirty && !v.emailRequired}">Заполните поле</span>
9415                    </label>
9416
9417
9418                                        <label>
9419                        <span>Интересующий товар/услуга</span>
9420                                                                                                        <input name="form_text_18" x-model="formModel.product" type="text" placeholder="Укажите что вас интересует">
9421                                            </label>
9422
9423                                        <label>
9424                        <span>Сообщение</span>
9425                        <textarea name="form_textarea_19"
9426                                  x-model="formModel.text" placeholder="Напишите ваше сообщение"
9427                                  :class=" { 'error' : (!v.textRequired && v.dirty && !v.textRequired)}"></textarea>
9428                        <span class="error"
9429                              :class="{'active': !v.textRequired && v.dirty && !v.textRequired}">Заполните поле</span>
9430                    </label>
9431
9432                                        <div x-ref="inputWrapper">
9433                    <input name="form_file_54[]" type="file"
9434                           id="fileInput" accept=".png,.jpg,.jpeg,.gif,.doc,.docx,.xls,.xlsx,.txt,.df,.odt,.rtf,.pptx" @change="handleFileInputChange()" x-ref="inputFile" multiple="multiple">
9435                    </div>
9436                    <div class="applay-files" @click="$refs.inputFile.click()" x-ref="applayFiles">
9437
9438                        <svg width="32" height="32" viewBox="0 0 32 32" fill="none"
9439                             xmlns="http://www.w3.org/2000/svg">
9440                            <g id="Plus">
9441                                <path id="Vector"
9442                                      d="M16 29.3334C23.3638 29.3334 29.3333 23.3638 29.3333 16C29.3333 8.63622 23.3638 2.66669 16 2.66669C8.63616 2.66669 2.66663 8.63622 2.66663 16C2.66663 23.3638 8.63616 29.3334 16 29.3334Z"
9443                                      stroke="#61AB46" stroke-width="2" stroke-linecap="round"
9444                                      stroke-linejoin="round"/>
9445                                <path id="Vector_2" d="M16 10.6667V21.3334" stroke="#61AB46" stroke-width="2"
9446                                      stroke-linecap="round" stroke-linejoin="round"/>
9447                                <path id="Vector_3" d="M10.6666 16H21.3333" stroke="#61AB46" stroke-width="2"
9448                                      stroke-linecap="round" stroke-linejoin="round"/>
9449                            </g>
9450                        </svg>
9451                        <span>Файлы</span>
9452                    </div>
9453
9454                    <div>
9455                        <ul class="files-list">
9456                            <template x-for="(file, index) in filteredFiles" :key="index">
9457                                <li class="files-list-item">
9458                                    <span class="files-list-item__name" x-text="file.name"></span>
9459                                    <span class="files-list-item__size" x-text="fileSize(file.size)"></span>
9460                                </li>
9461                            </template>
9462                            <li class="files-list-item delete-list-item" x-show="filteredFiles.length">
9463                                <button class="files-list-item__remove" @click.prevent="removeFile()">
9464                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
9465                                         viewBox="0 0 32 32" fill="none">
9466                                        <path d="M4.00012 8H6.66679H28.0001" stroke="#EF4A3C" stroke-width="2"
9467                                              stroke-linecap="round" stroke-linejoin="round" />
9468                                        <path
9469                                                d="M25.3334 8.00008V26.6667C25.3334 27.374 25.0525 28.0523 24.5524 28.5524C24.0523 29.0525 23.374 29.3334 22.6667 29.3334H9.33341C8.62617 29.3334 7.94789 29.0525 7.4478 28.5524C6.9477 28.0523 6.66675 27.374 6.66675 26.6667V8.00008M10.6667 8.00008V5.33341C10.6667 4.62617 10.9477 3.94789 11.4478 3.4478C11.9479 2.9477 12.6262 2.66675 13.3334 2.66675H18.6667C19.374 2.66675 20.0523 2.9477 20.5524 3.4478C21.0525 3.94789 21.3334 4.62617 21.3334 5.33341V8.00008"
9470                                                stroke="#EF4A3C" stroke-width="2" stroke-linecap="round"
9471                                                stroke-linejoin="round" />
9472                                        <path d="M13.3334 14.6667V22.6667" stroke="#EF4A3C" stroke-width="2"
9473                                              stroke-linecap="round" stroke-linejoin="round" />
9474                                        <path d="M18.6667 14.6667V22.6667" stroke="#EF4A3C" stroke-width="2"
9475                                              stroke-linecap="round" stroke-linejoin="round" />
9476                                    </svg>
9477                                </button>
9478                            </li>
9479                        </ul>
9480                    </div>
9481
9482
9483                    <div class="error-form-message" :class="{'active': filesCount > 5242880 }"> Максимальный размер файла 5Мб                    </div>
9484                    <span class="error-form-message" :class="{'active': v.forbiddenFileFormats }">Недопустимое расширение файла!</span>
9485                    <span class="file-size-counter" x-show="filteredFiles.length > 0"
9486                          x-text="fileSize(filesCount) + ' / 5 MB'"></span>
9487
9488
9489                            <label class="checkbox">
9490            <input type="checkbox" x-model="formModel.check" checked>
9491            <span class="checkmark"></span>
9492            <span>Я согласен на обработку <a href="/personal-data/" target="_blank"> персональных данных</a></span>
9493        </label>
9494
9495        <div class="error-form-message" :class="{'active': !v.checkRequired && v.dirty }">Я согласен на обработку <a href="/personal-data/" target="_blank"> персональных данных</a>        </div>
9496        <!--<input class="button-submit" type="submit" value="Отправить" name="web_form_submit">-->
9497        <input class="button button_regular" type="submit" x-show="isValidForm()" @click="submitForm()" value="Отправить" name="web_form_submit">
9498        <button class="button button_regular" type="button" x-show="!isValidForm()" @click.prevent="submitForm()">Отправить</button>
9499        </form>
9500
9501    </div>
9502<div id="bxdynamic_fW13iv_end" style="display:none"></div></div>                </div>
9503                </div>
9504</div>
9505	<style>
9506		@media only screen and (max-width: 540px) {
9507			.grad_0::before, .grad_1::before,
9508			.grad_2::before, .grad_3::before,
9509			.main-slider .swiper-main-left .swiper-slide .background::before,
9510			 .grad_4::before,.grad_5::before {
9511				display: none !important;
9512				background: none !important;
9513				visibility: hidden;
9514			}
9515		}
9516	</style>
9517<div id="cookie-message" class="cookie-alert" x-data="{ hidden: false }" x-show="!hidden" x-transition.duration.500ms>
9518    <div class="cookie-alert__container">
9519        <p class="cookie-alert__text">
9520            Для улучшения работы сайта и его взаимодействия с пользователями мы используем файлы cookie.
9521            Продолжая работу с сайтом, Вы разрешаете использование cookie-файлов. Вы всегда можете отключить
9522            файлы cookie в настройках Вашего браузера.
9523        </p>
9524        <button id="close-cookie-message" class="button button_regular" @click="hidden = true">Принять</button>
9525    </div>
9526</div>
9527
9528<!--  AdRiver code START. Type:JS-counter Site: chernogol -->
9529<!--  AdRiver code END  -->
9530  
9530<script>
9531		var arBasketItems = {};
9532		var arPriorityOptions = ({
9533			'SITE_DIR' : '/',
9534			'SITE_ID' : 's1',
9535			'SITE_TEMPLATE_PATH' : '/local/templates/alef-chernogolovka',
9536			//'SITE_ADDRESS' : "chernogolovka.com",
9537			'SITE_ADDRESS' : "'kf-altai.ru\n,www.kf-altai.ru\n,chernogolovka.com\n,h416800736.nichost.ru\n,www.chernogolovka.com,chernogolovka.com'",
9538			'THEME' : ({
9539				'THEME_SWITCHER' : 'N',
9540				'BASE_COLOR' : 'CUSTOM',
9541				'BASE_COLOR_CUSTOM' : '30a657',
9542				'TOP_MENU' : '',
9543				'LOGO_IMAGE' : '/upload/CPriority/c21/hj0trwknzs5ze93irrf9ooxlkdthshrd/green_horizontal.png',
9544				'LOGO_IMAGE_LIGHT' : '/upload/CPriority/ed7/bqbsgcr7jlyhysp80vpl3sntbelalbny/green_horizontal.png',
9545				'TOP_MENU_FIXED' : 'Y',
9546				'COLORED_LOGO' : 'N',
9547				'SIDE_MENU' : 'LEFT',
9548				'SCROLLTOTOP_TYPE' : 'ROUND_COLOR',
9549				'SCROLLTOTOP_POSITION' : 'PADDING',
9550				'CAPTCHA_FORM_TYPE' : 'N',
9551				'PHONE_MASK' : '+7 (999) 999-99-99',
9552				'VALIDATE_PHONE_MASK' : '^[+][0-9] [(][0-9]{3}[)] [0-9]{3}[-][0-9]{2}[-][0-9]{2}$',
9553				'DATE_MASK' : 'dd.mm.yyyy',
9554				'DATE_PLACEHOLDER' : 'дд.мм.гггг',
9555				'VALIDATE_DATE_MASK' : '^[0-9]{1,2}\.[0-9]{1,2}\.[0-9]{4}$',
9556				'DATETIME_MASK' : 'dd.mm.yyyy HH:ss',
9557				'DATETIME_PLACEHOLDER' : 'дд.мм.гггг чч:мм',
9558				'VALIDATE_DATETIME_MASK' : '^[0-9]{1,2}\.[0-9]{1,2}\.[0-9]{4} [0-9]{1,2}\:[0-9]{1,2}$',
9559				'VALIDATE_FILE_EXT' : 'png|jpg|jpeg|gif|doc|docx|xls|xlsx|txt|pdf|odt|rtf',
9560				'SOCIAL_VK' : '',
9561				'SOCIAL_FACEBOOK' : '',
9562				'SOCIAL_TWITTER' : '',
9563				'SOCIAL_YOUTUBE' : '',
9564				'SOCIAL_ODNOKLASSNIKI' : '',
9565				'SOCIAL_GOOGLEPLUS' : '',
9566				'BANNER_WIDTH' : '',
9567				'TEASERS_INDEX' : 'Y',
9568				'CATALOG_INDEX' : 'N',
9569				'PORTFOLIO_INDEX' : 'N',
9570				'INSTAGRAMM_INDEX' : 'N',
9571				'BIGBANNER_ANIMATIONTYPE' : 'SLIDE_HORIZONTAL',
9572				'BIGBANNER_SLIDESSHOWSPEED' : '5000',
9573				'BIGBANNER_ANIMATIONSPEED' : '600',
9574				'PARTNERSBANNER_SLIDESSHOWSPEED' : '5000',
9575				'PARTNERSBANNER_ANIMATIONSPEED' : '600',
9576				'ORDER_VIEW' : 'N',
9577				'ORDER_BASKET_VIEW' : 'HEADER',
9578				'URL_BASKET_SECTION' : '/cart/',
9579				'URL_ORDER_SECTION' : '/cart/order/',
9580				'PAGE_WIDTH' : '3',
9581				'PAGE_CONTACTS' : '2',
9582				'HEADER_TYPE' : '6',
9583				'HEADER_TOP_LINE' : '',
9584				'HEADER_FIXED' : '2',
9585				'HEADER_MOBILE' : '1',
9586				'HEADER_MOBILE_MENU' : '1',
9587				'HEADER_MOBILE_MENU_SHOW_TYPE' : '',
9588				'REGIONALITY_SEARCH_ROW' : 'N',
9589				'TYPE_SEARCH' : 'fixed',
9590				'PAGE_TITLE' : '1',
9591				'INDEX_TYPE' : 'index2',
9592				'FOOTER_TYPE' : '1',
9593				'FOOTER_TYPE' : '1',
9594				'PRINT_BUTTON' : 'N',
9595				'SHOW_SMARTFILTER' : 'Y',
9596				'LICENCE_CHECKED' : 'N',
9597				'FILTER_VIEW' : 'HORIZONTAL',
9598				'YA_GOLAS' : 'N',
9599				'YA_COUNTER_ID' : '',
9600				'USE_FORMS_GOALS' : 'COMMON',
9601				'USE_SALE_GOALS' : 'Y',
9602				'USE_DEBUG_GOALS' : 'N',
9603				'IS_BASKET_PAGE' : '',
9604				'IS_ORDER_PAGE' : '',
9605				'FORM_TYPE' : 'POPUP',
9606				'INSTAGRAMM_INDEX_TEMPLATE' : '3',
9607				'COMPACT_FOOTER_MOBILE' : 'Y',
9608			})
9609		});
9610		</script>
vendor: 1 bytes, line 9610
9610
9611<script>if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script>
vendor: 1 bytes, line 9611
9611
9612<script>(window.BX||top.BX).message({"MAIN_BASELINE_BROWSER_OUTDATED":"Вы используете устаревшую версию браузера. Обновите его для безопасной и стабильной работы","MAIN_BASELINE_DETAILS":"Подробнее","MAIN_BASELINE_CLOSE":"Закрыть"});</script>
9612<script src="/bitrix/js/main/baseline/dist/baseline.bundle.min.js?17823877434439"></script>
9612<script>(window.BX||top.BX).message({"JS_CORE_LOADING":"Загрузка...","JS_CORE_NO_DATA":"- Нет данных -","JS_CORE_WINDOW_CLOSE":"Закрыть","JS_CORE_WINDOW_EXPAND":"Развернуть","JS_CORE_WINDOW_NARROW":"Свернуть в окно","JS_CORE_WINDOW_SAVE":"Сохранить","JS_CORE_WINDOW_CANCEL":"Отменить","JS_CORE_WINDOW_CONTINUE":"Продолжить","JS_CORE_H":"ч","JS_CORE_M":"м","JS_CORE_S":"с","JSADM_AI_HIDE_EXTRA":"Скрыть лишние","JSADM_AI_ALL_NOTIF":"Показать все","JSADM_AUTH_REQ":"Требуется авторизация!","JS_CORE_WINDOW_AUTH":"Войти","JS_CORE_IMAGE_FULL":"Полный размер"});</script>
9612<script src="/bitrix/js/main/core/core.min.js?1782387743180753"></script>
9612<script>BX.Runtime.registerExtension({"name":"main.core","namespace":"BX","loaded":true});</script>
vendor: 1 bytes, line 9612
9612
9613<script>BX.setJSList(["\/bitrix\/js\/main\/core\/core_ajax.js","\/bitrix\/js\/main\/core\/core_promise.js","\/bitrix\/js\/main\/polyfill\/promise\/js\/promise.js","\/bitrix\/js\/main\/loadext\/loadext.js","\/bitrix\/js\/main\/loadext\/extension.js","\/bitrix\/js\/main\/polyfill\/promise\/js\/promise.js","\/bitrix\/js\/main\/polyfill\/find\/js\/find.js","\/bitrix\/js\/main\/polyfill\/includes\/js\/includes.js","\/bitrix\/js\/main\/polyfill\/matches\/js\/matches.js","\/bitrix\/js\/ui\/polyfill\/closest\/js\/closest.js","\/bitrix\/js\/main\/polyfill\/fill\/main.polyfill.fill.js","\/bitrix\/js\/main\/polyfill\/find\/js\/find.js","\/bitrix\/js\/main\/polyfill\/matches\/js\/matches.js","\/bitrix\/js\/main\/polyfill\/core\/dist\/polyfill.bundle.js","\/bitrix\/js\/main\/core\/core.js","\/bitrix\/js\/main\/polyfill\/intersectionobserver\/js\/intersectionobserver.js","\/bitrix\/js\/main\/lazyload\/dist\/lazyload.bundle.js","\/bitrix\/js\/main\/polyfill\/core\/dist\/polyfill.bundle.js","\/bitrix\/js\/main\/parambag\/dist\/parambag.bundle.js"]);
9614</script>
vendor: 1 bytes, line 9614
9614
9615<script>BX.Runtime.registerExtension({"name":"ui.dexie","namespace":"BX.DexieExport","loaded":true});</script>
vendor: 1 bytes, line 9615
9615
9616<script>BX.Runtime.registerExtension({"name":"fc","namespace":"window","loaded":true});</script>
vendor: 1 bytes, line 9616
9616
9617<script>BX.Runtime.registerExtension({"name":"jquery2","namespace":"window","loaded":true});</script>
vendor: 1 bytes, line 9617
9617
9618<script>(window.BX||top.BX).message({"LANGUAGE_ID":"ru","FORMAT_DATE":"DD.MM.YYYY","FORMAT_DATETIME":"DD.MM.YYYY HH:MI:SS","COOKIE_PREFIX":"BITRIX_SM","SERVER_TZ_OFFSET":"10800","UTF_MODE":"Y","SITE_ID":"s1","SITE_DIR":"\/"});</script>
9618<script src="/bitrix/js/ui/dexie/dist/dexie.bundle.min.js?1760700050102530"></script>
vendor: 1 bytes, line 9618
9618
9619<script src="/bitrix/js/main/core/core_frame_cache.min.js?177486199110246"></script>
vendor: 1 bytes, line 9619
9619
9620<script src="/bitrix/js/main/jquery/jquery-2.2.4.min.js?169772779885578"></script>
vendor: 1 bytes, line 9620
9620
9621<script src="/bitrix/js/main/ajax.min.js?169772779822194"></script>
vendor: 1 bytes, line 9621
9621
9622<script>BX.setJSList(["\/local\/templates\/alef-chernogolovka\/components\/bitrix\/news\/actions\/bitrix\/news.list\/actions_list_current\/js\/script.js","\/local\/templates\/alef-chernogolovka\/components\/bitrix\/news\/actions\/bitrix\/news.list\/actions_list_past\/js\/script.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.actual.min.js","\/local\/templates\/alef-chernogolovka\/js\/browser.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.fancybox.min.js","\/local\/templates\/alef-chernogolovka\/vendor\/jquery.easing.js","\/local\/templates\/alef-chernogolovka\/vendor\/jquery.appear.js","\/local\/templates\/alef-chernogolovka\/vendor\/jquery.cookie.js","\/local\/templates\/alef-chernogolovka\/vendor\/bootstrap.js","\/local\/templates\/alef-chernogolovka\/vendor\/flexslider\/jquery.flexslider.min.js","\/local\/templates\/alef-chernogolovka\/vendor\/owl\/js\/owl.carousel.min.js","\/local\/templates\/alef-chernogolovka\/vendor\/jquery.validate.min.js","\/local\/templates\/alef-chernogolovka\/vendor\/ls.unveilhooks.min.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.uniform.min.js","\/local\/templates\/alef-chernogolovka\/js\/jqModal.min.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.autocomplete.js","\/local\/templates\/alef-chernogolovka\/js\/jquery-ui.min.js","\/local\/templates\/alef-chernogolovka\/js\/detectmobilebrowser.js","\/local\/templates\/alef-chernogolovka\/js\/matchMedia.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.waypoints.min.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.counterup.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.alphanumeric.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.mobile.custom.touch.min.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.mousewheel-3.0.6.min.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.mCustomScrollbar.min.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.onoff.min.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.autoresize.min.js","\/local\/templates\/alef-chernogolovka\/vendor\/lazysizes.min.js","\/local\/templates\/alef-chernogolovka\/js\/velocity.min.js","\/local\/templates\/alef-chernogolovka\/js\/scrollTabs.js","\/local\/templates\/alef-chernogolovka\/js\/general.js","\/local\/templates\/alef-chernogolovka\/js\/custom.js","\/local\/templates\/alef-chernogolovka\/components\/bitrix\/menu\/top1\/script.js","\/local\/templates\/alef-chernogolovka\/components\/bitrix\/menu\/top\/script.js","\/bitrix\/components\/bitrix\/search.title\/script.js","\/local\/templates\/alef-chernogolovka\/components\/bitrix\/search.title\/mega_menu\/script.js","\/local\/templates\/alef-chernogolovka\/components\/bitrix\/menu\/bottom1\/script.js","\/bitrix\/tools\/concept.quiz\/js\/scripts.js","\/local\/templates\/alef-chernogolovka\/js\/jquery.inputmask.bundle.min.js"]);</script>
vendor: 1 bytes, line 9622
9622
9623<script>BX.message({'IN_INDEX_PAGE':' на главной','SAVE_CONFIG':'Сохранить настройки','JS_REQUIRED':'Заполните это поле!','JS_FORMAT':'Неверный формат!','JS_FILE_EXT':'Недопустимое расширение файла!','JS_PASSWORD_COPY':'Пароли не совпадают!','JS_PASSWORD_LENGTH':'Минимум 6 символов!','JS_ERROR':'Неверно заполнено поле!','JS_FILE_SIZE':'Максимальный размер 5мб!','JS_FILE_BUTTON_NAME':'Выберите файл','JS_FILE_DEFAULT':'Прикрепить файл','JS_DATE':'Некорректная дата!','JS_DATETIME':'Некорректная дата/время!','JS_REQUIRED_LICENSES':'Согласитесь с условиями','S_CALLBACK':'Заказать звонок','ERROR_INCLUDE_MODULE_DIGITAL_TITLE':'Ошибка подключения модуля &laquo;Аспро: Digital-компания&raquo;','ERROR_INCLUDE_MODULE_DIGITAL_TEXT':'Ошибка подключения модуля &laquo;Аспро: Digital-компания&raquo;.<br />Пожалуйста установите модуль и повторите попытку','S_SERVICES':'Наши услуги','S_SERVICES_SHORT':'Услуги','S_TO_ALL_SERVICES':'Все услуги','S_CATALOG':'Каталог товаров','S_CATALOG_SHORT':'Каталог','S_TO_ALL_CATALOG':'Весь каталог','S_CATALOG_FAVORITES':'Наши товары','S_CATALOG_FAVORITES_SHORT':'Товары','S_NEWS':'Новости','S_TO_ALL_NEWS':'Все новости','S_COMPANY':'О компании','S_OTHER':'Прочее','S_CONTENT':'Контент','T_JS_ARTICLE':'Артикул: ','T_JS_NAME':'Наименование: ','T_JS_PRICE':'Цена: ','T_JS_QUANTITY':'Количество: ','T_JS_SUMM':'Сумма: ','MORE_TEXT_AJAX':'Загрузить еще','FANCY_CLOSE':'Закрыть','FANCY_NEXT':'Вперед','FANCY_PREV':'Назад','S_ORDER_PRODUCT':'Заказать','CUSTOM_COLOR_CHOOSE':'Выбрать','CUSTOM_COLOR_CANCEL':'Отмена','S_MOBILE_MENU':'Меню','DIGITAL_T_MENU_BACK':'Назад','DIGITAL_T_MENU_CALLBACK':'Обратная связь','DIGITAL_T_MENU_CONTACTS_TITLE':'Будьте на связи','TITLE_BASKET':'В корзине товаров на #SUMM#','BASKET_SUMM':'#SUMM#','EMPTY_BASKET':'пуста','TITLE_BASKET_EMPTY':'Корзина пуста','BASKET':'Корзина','SEARCH_TITLE':'Поиск','SOCIAL_TITLE':'Оставайтесь на связи','LOGIN':'Войти','MY_CABINET':'Мой кабинет','HEADER_SCHEDULE':'Время работы','SEO_TEXT':'SEO описание','COMPANY_IMG':'Картинка компании','COMPANY_TEXT':'Описание компании','JS_RECAPTCHA_ERROR':'Пройдите проверку','JS_PROCESSING_ERROR':'Согласитесь с условиями!','CONFIG_SAVE_SUCCESS':'Настройки сохранены','CONFIG_SAVE_FAIL':'Ошибка сохранения настроек','FILTER_TITLE':'Фильтр','RELOAD_PAGE':'Обновить страницу','REFRESH':'Поменять картинку','RECAPTCHA_TEXT':'Подтвердите, что вы не робот','ASK_QUESTION_BUTTON':'Задайте вопрос','QUESTION_BUTTON':'Задать вопрос','CALLBACK_FORM_BUTTON_TEXT':'Заказать звонок','ASK_QUESTION_FORM_BUTTON_TEXT':'Написать сообщение','ADD_REVIEW_FORM_BUTTON_TEXT':'Оставить отзыв','MAP_FORM_BUTTON_TEXT':'Ближайший офис','METRO_TITLE':'Метро','SCHEDULE_TITLE':'Время работы','PHONE_TITLE':'Телефон','EMAIL_TITLE':'E-mail','TITLE_BUTTON':'Написать сообщение','CITY_CHOISE_TEXT':'Выберите город'})</script>
vendor: 1 bytes, line 9623
9623
9624<script  src="/bitrix/cache/js/s1/alef-chernogolovka/template_62b2d8dd82b0b9c4abf6a85621c83257/template_62b2d8dd82b0b9c4abf6a85621c83257_v1.js?1788367972714183"></script>
vendor: 1 bytes, line 9624
9624
9625<script  src="/bitrix/cache/js/s1/alef-chernogolovka/page_dd63db3fcde07c727a209659659245cb/page_dd63db3fcde07c727a209659659245cb_v1.js?17883680013234"></script>
9625
9626
9627<script src="https://content.adriver.ru/AdRiverFPS.js"></script>
9627<script>!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src='https://vk.com/js/api/openapi.js?169',t.onload=function(){VK.Retargeting.Init("VK-RTRG-1746857-7x53l"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script>
9627<script>
9628	var jsControl = new JCTitleSearch3({
9629		//'WAIT_IMAGE': '/bitrix/themes/.default/images/wait.gif',
9630		'AJAX_PAGE' : '/actions/',
9631		'CONTAINER_ID': 'title-search_mega_menu',
9632		'INPUT_ID': 'title-search-input_mega_menu',
9633		'MIN_QUERY_LEN': 2
9634	});
9635</script>
9635<script>
9636    $(document).ready(function(){
9637        $(document).on("submit", "#subscribe", function(e){
9638            e.preventDefault();
9639            var data = $('#subscribe').serialize();
9640            $.ajax({
9641                url: 'https://chernogolovka.com/ajax/subscribe_user_alef.php',
9642                data: {'data': data},
9643                type: 'POST',
9644            }).success(function(html){
9645                if(html == "true") {
9646                    console.log('success');
9647                    $('.subscribeSuccess').css("display","block");
9648                }
9649                //form.submit();
9650            });
9651        });
9652    });
9653</script>
9653<script>
9654    function setCookie(name, value, sec) {
9655       return BX.setCookie(name, value, {expires: sec, path: "/"});
9656    }
9657
9658    function getCookieFunc(name) {
9659        return BX.getCookie(name);
9660    }
9661
9662    var cookieMessage = document.getElementById("cookie-message");
9663    var closeButton = document.getElementById("close-cookie-message");
9664
9665    if (getCookieFunc("hideCookieMessage") === "true") {
9666        cookieMessage.classList.add('hideCookie');
9667    }
9668
9669    closeButton.addEventListener("click", function() {
9670        setCookie("hideCookieMessage", "true", 31536000);
9671    });
9672</script>
9672
9673
9674
9675<script>
9676    !function (e, t) {
9677        function r(e, t, r) {
9678            t = t || "&", r = r || "=";
9679            var o = [];
9680            for (var n in e) e.hasOwnProperty(n) && o.push(n + r + encodeURIComponent(e[n]));
9681            return o.join(t)
9682        }
9683
9684        function o(e) {
9685            var t = {};
9686            if (e) {
9687                var r = e.split("&");
9688                for (var o in r) if (r.hasOwnProperty(o)) {
9689                    var n = r[o].split("=");
9690                    void 0 !== n[0] && void 0 !== n[1] && (t[n[0]] = decodeURIComponent(n[1]))
9691                }
9692            }
9693            return t
9694        }
9695
9696        function n(e) {
9697            return (/^\/\//.test(e) ? "https:" : "") + e
9698        }
9699
9700        function i(e, t) {
9701            var r = e.cookie.match("(^|;) ?" + t + "=([^;]*)(;|$)");
9702            return r ? decodeURIComponent(r[2]) : null
9703        }
9704
9705        var d, a = document;
9706        "undefined" == typeof AdriverCounter && (AdriverCounter = ((d = function (e, t, r) {
9707            var o = document.domain;
9708            if (!(this instanceof AdriverCounter)) return d.items[e];
9709            d.urlParams = d.getUrlParameters(window.location.search.substring(1)), void 0 !== d.urlParams.adrclid && (t.fsid = d.urlParams.adrclid), null !== d.getCookie(document, "adrcid") && (t.cid = d.getCookie(document, "adrcid")), r && r.id && null !== d.getCookie(document, r.id) && (t.suid = o + "_" + encodeURIComponent(d.getCookie(document, r.id))), r && r.gid1 ? t.gid1 = r.gid1 : null !== d.getCookie(document, "_ga") && (t.gid1 = encodeURIComponent(d.getCookie(document, "_ga"))), r && r.yid1 ? t.yid1 = r.yid1 : null !== d.getCookie(document, "_ym_uid") && (t.yid1 = encodeURIComponent(d.getCookie(document, "_ym_uid"))), t.loc = encodeURIComponent(window.location.href), e = d.items.length || 1, d.items[e] = this, t.ph = e, t.custom && (t.custom = d.toQueryString(t.custom, ";")), d.request(d.toQueryString(t))
9710        }).httplize = n, d.loadScript = function (e) {
9711            try {
9712                var t = a.getElementsByTagName("head")[0], r = a.
9712createElement("script");
9713                r.setAttribute("type", "text/javascript"), r.setAttribute("referrerpolicy", "no-referrer-when-downgrade"), r.setAttribute("charset", "windows-1251"), r.setAttribute("src", e.split("![rnd]").join(Math.round(1e6 * Math.random()))), r.onreadystatechange = function () {
9714                    /loaded|complete/.test(this.readyState) && (r.onload = null, t.removeChild(r))
9715                }, r.onload = function () {
9716                    t.removeChild(r)
9717                }, t.insertBefore(r, t.firstChild)
9718            } catch (e) {
9719            }
9720        }, d.toQueryString = r, d.request = function (e) {
9721            var t = d.toQueryString(d.defaults);
9722            d.loadScript(d.redirectHost + "/cgi-bin/erle.cgi?" + e + "&rnd=![rnd]" + (t ? "&" + t : ""))
9723        }, d.getUrlParameters = o, d.getCookie = i, d.items = [], d.defaults = {tail256: document.referrer || "unknown"}, d.redirectHost = "https://ad.adriver.ru", d.urlParams = {}, d)), new AdriverCounter(0, e, t)
9724    }
9725    ({sid: 225331, bt: 62}, {id: "", gid1: "", yid1: ""});
9726</script>
vendor: 1 bytes, line 9726
9726
9727<script src="//code.jivo.ru/widget/Ge5DfctcsA" async></script>
9727
9728</body>
9729</html>
9730<!--1c84d2b2cdc9d6b77b25d53eca30ae37-->

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.