PageSourceSearch

https://www.dna.fi/

html dna.fi collected 2026-09-24 08:53:59 UTC 349,775 bytes, 2,341 lines download raw bytes

1<!DOCTYPE html> <html class="ltr no-js" dir="ltr" lang="fi-FI"> <head> <meta content="initial-scale=1.0, width=device-width" name="viewport" /> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <title>Palveluita yhteydenpitoon, viihtymiseen ja työntekoon | DNA</title> 
1<script type="text/javascript" src="/ruxitagentjs_ICA7NVfhqrux_10345260810170330.js" data-dtconfig="app=6f6670dcc6516ee5|cuc=v2hgvzz1|owasp=1|mel=100000|featureHash=ICA7NVfhqrux|dpvc=1|md=mdcc1=bs.pageName,mdcc2=bs.visitorID,mdcc3=bs.campaign,mdcc4=bdocument.referrer,mdcc5=dutm_campaign,mdcc6=dutm_content|lastModification=1789986244871|tp=500,50,0|rdnt=1|uxrgce=1|srbbv=2|agentUri=/ruxitagentjs_ICA7NVfhqrux_10345260810170330.js|reportUrl=/rb_e368bf1e-8d75-4338-8f92-27cef02c669d|rid=RID_2418|rpid=-1771817992|domain=dna.fi"></script>
1<link rel="preconnect" href="https://res.cloudinary.com/"> <link rel="preconnect" href="https://www.googletagmanager.com"> <link rel="preconnect" href="https://zogf71lkch-dsn.algolia.net"> 
1<script>
2    document.documentElement.className = document.documentElement.className.replace("no-js","");
3  </script>
3 
3<script type="importmap">{"imports":{"@clayui/breadcrumb":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$breadcrumb.js","react-dom":"/o/frontend-js-react-web/__liferay__/exports/react-dom.js","@clayui/charts":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$charts.js","@clayui/empty-state":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$empty-state.js","@clayui/navigation-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$navigation-bar.js","react":"/o/frontend-js-react-web/__liferay__/exports/react.js","react-dom-16":"/o/frontend-js-react-web/__liferay__/exports/react-dom-16.js","@clayui/icon":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$icon.js","@clayui/table":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$table.js","@clayui/slider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$slider.js","@clayui/multi-select":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-select.js","@clayui/nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$nav.js","@clayui/provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$provider.js","@clayui/panel":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$panel.js","@liferay/dynamic-data-mapping-form-field-type":"/o/dynamic-data-mapping-form-field-type/__liferay__/index.js","@clayui/list":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$list.js","@clayui/date-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$date-picker.js","@clayui/label":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$label.js","@liferay/frontend-js-api/data-set":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api$data-set.js","@clayui/core":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$core.js","@clayui/pagination-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination-bar.js","@clayui/layout":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$layout.js","@clayui/multi-step-nav":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js","@liferay/frontend-js-api":"/o/frontend-js-dependencies-web/__liferay__/exports/@liferay$js-api.js","@clayui/toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$toolbar.js","@clayui/badge":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$badge.js","react-dom-18":"/o/frontend-js-react-web/__liferay__/exports/react-dom-18.js","@clayui/link":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$link.js","@clayui/card":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$card.js","@clayui/tooltip":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tooltip.js","@clayui/button":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$button.js","@clayui/tabs":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$tabs.js","@clayui/sticker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$sticker.js","@clayui/form":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$form.js","@clayui/popover":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$popover.js","@clayui/shared":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$shared.js","@clayui/localized-input":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$localized-input.js","@clayui/modal":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$modal.js","@clayui/color-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$color-picker.js","@clayui/pagination":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$pagination.js","@clayui/autocomplete":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$autocomplete.js","@clayui/management-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$management-toolbar.js","@clayui/time-picker":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$time-picker.js","@clayui/upper-toolbar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$upper-toolbar.js","@clayui/loading-indicator":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$loading-indicator.js","@clayui/drop-down":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js","@clayui/data-provider":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$data-provider.js","@liferay/language/":"/o/js/language/","@clayui/css":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$css.js","@clayui/alert":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$alert.js","@clayui/progress-bar":"/o/frontend-taglib-clay/__liferay__/exports/@clayui$progress-bar.js","react-16":"/o/frontend-js-react-web/__liferay__/exports/react-16.js","react-18":"/o/frontend-js-react-web/__liferay__/exports/react-18.js"},"scopes":{}}</script>
3<script data-senna-track="temporary">var Liferay = window.Liferay || {};Liferay.Icons = Liferay.Icons || {};Liferay.Icons.controlPanelSpritemap = 'https://www.dna.fi/o/admin-theme/images/clay/icons.svg'; Liferay.Icons.spritemap = 'https://www.dna.fi/o/dna-fi-theme/images/clay/icons.svg';</script>
3 
3<script data-senna-track="permanent" type="text/javascript">window.Liferay = window.Liferay || {}; window.Liferay.CSP = {nonce: ''};</script>
3 
3<script data-senna-track="permanent" src="/combo?browserId=other&minifierType=js&languageId=fi_FI&t=1789643600885&/o/dna-fi-js-extender/jquery/jquery.min.js" type="text/javascript"></script>
3 <link id="liferayAUICSS" rel="stylesheet" /> 
3<script type="text/javascript" data-senna-track="temporary">
4	// <![CDATA[
5		var Liferay = Liferay || {};
6
7		Liferay.Browser = {
8			acceptsGzip: function () {
9				return false;
10			},
11
12			
13
14			getMajorVersion: function () {
15				return 0;
16			},
17
18			getRevision: function () {
19				return '';
20			},
21			getVersion: function () {
22				return '';
23			},
24
25			
26
27			isAir: function () {
28				return false;
29			},
30			isChrome: function () {
31				return false;
32			},
33			isEdge: function () {
34				return false;
35			},
36			isFirefox: function () {
37				return false;
38			},
39			isGecko: function () {
40				return false;
41			},
42			isIe: function () {
43				return false;
44			},
45			isIphone: function () {
46				return false;
47			},
48			isLinux: function () {
49				return false;
50			},
51			isMac: function () {
52				return false;
53			},
54			isMobile: function () {
55				return false;
56			},
57			isMozilla: function () {
58				return false;
59			},
60			isOpera: function () {
61				return false;
62			},
63			isRtf: function () {
64				return false;
65			},
66			isSafari: function () {
67				return false;
68			},
69			isSun: function () {
70				return false;
71			},
72			isWebKit: function () {
73				return false;
74			},
75			isWindows: function () {
76				return false;
77			}
78		};
79
80		Liferay.Data = Liferay.Data || {};
81
82		Liferay.Data.ICONS_INLINE_SVG = true;
83
84		Liferay.Data.NAV_SELECTOR = '#navigation';
85
86		Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse';
87
88		Liferay.Data.isCustomizationView = function () {
89			return false;
90		};
91
92		Liferay.Data.notices = [
93			
94		];
95
96		(function () {
97			var available = {};
98
99			var direction = {};
100
101			
102
103				available['fi_FI'] = 'suomi\x20\x28Suomi\x29';
104				direction['fi_FI'] = 'ltr';
105
106			
107
108				available['sv_SE'] = 'ruotsi\x20\x28Ruotsi\x29';
109				direction['sv_SE'] = 'ltr';
110
111			
112
113				available['en_US'] = 'englanti\x20\x28Yhdysvallat\x29';
114				direction['en_US'] = 'ltr';
115
116			
117
118			let _cache = {};
119
120			if (Liferay && Liferay.Language && Liferay.Language._cache) {
121				_cache = Liferay.Language._cache;
122			}
123
124			Liferay.Language = {
125				_cache,
126				available,
127				direction,
128				get: function(key) {
129					let value = Liferay.Language._cache[key];
130
131					if (value === undefined) {
132						value = key;
133					}
134
135					return value;
136				}
137			};
138		})();
139
140		var featureFlags = {"LPD-10964":false,"LPD-37927":false,"LPD-10889":false,"LPS-193884":false,"LPD-30371":false,"LPD-11131":true,"LPS-178642":false,"LPS-193005":false,"LPD-31789":false,"LPD-10562":false,"LPD-11212":false,"COMMERCE-8087":false,"LPD-39304":true,"LPD-13311":true,"LRAC-10757":false,"LPD-35941":false,"LPS-180090":false,"LPS-178052":false,"LPD-21414":false,"LPS-185892":false,"LPS-186620":false,"LPD-40533":true,"LPD-40534":true,"LPS-184404":false,"LPD-40530":true,"LPD-20640":false,"LPS-198183":false,"LPD-38869":true,"LPD-35678":false,"LPD-6378":false,"LPS-153714":false,"LPD-11848":false,"LPS-170670":false,"LPD-7822":false,"LPS-169981":false,"LPD-21926":false,"LPS-177027":false,"LPD-37531":false,"LPD-11003":false,"LPD-36446":false,"LPD-39437":false,"LPS-135430":false,"LPD-20556":false,"LPD-45276":false,"LPS-134060":false,"LPS-164563":false,"LPD-32050":false,"LPS-122920":false,"LPS-199086":false,"LPD-35128":false,"LPD-10588":false,"LPD-13778":true,"LPD-11313":false,"LPD-6368":false,"LPD-34594":false,"LPS-202104":false,"LPD-19955":false,"LPD-35443":false,"LPD-39967":false,"LPD-11235":false,"LPD-11232":false,"LPS-196935":true,"LPD-43542":false,"LPS-176691":false,"LPS-197909":false,"LPD-29516":false,"COMMERCE-8949":false,"LPD-11228":false,"LPS-153813":false,"LPD-17809":false,"COMMERCE-13024":false,"LPS-165482":false,"LPS-193551":false,"LPS-197477":false,"LPS-174816":false,"LPS-186360":false,"LPD-30204":false,"LPD-32867":false,"LPS-153332":false,"LPD-35013":true,"LPS-179669":false,"LPS-174417":false,"LPD-44091":true,"LPD-31212":false,"LPD-18221":false,"LPS-155284":false,"LRAC-15017":false,"LPD-19870":false,"LPS-200108":false,"LPD-20131":false,"LPS-159643":false,"LPS-129412":false,"LPS-169837":false,"LPD-20379":false};
141
142		Liferay.FeatureFlags = Object.keys(featureFlags).reduce(
143			(acc, key) => ({
144				...acc, [key]: featureFlags[key] === 'true' || featureFlags[key] === true
145			}), {}
146		);
147
148		Liferay.PortletKeys = {
149			DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet',
150			DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet',
151			ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet'
152		};
153
154		Liferay.PropsValues = {
155			JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0,
156			UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 104857600
157		};
158
159		Liferay.ThemeDisplay = {
160
161			
162
163			
164				getLayoutId: function () {
165					return '1';
166				},
167
168				
169
170				getLayoutRelativeControlPanelURL: function () {
171					return '/group/yksityisille/~/control_panel/manage';
172				},
173
174				getLayoutRelativeURL: function () {
175					return '/yksityisille';
176				},
177				getLayoutURL: function () {
178					return 'https://www.dna.fi/yksityisille';
179				},
180				getParentLayoutId: function () {
181					return '0';
182				},
183				isControlPanel: function () {
184					return false;
185				},
186				isPrivateLayout: function () {
187					return 'false';
188				},
189				isVirtualLayout: function () {
190					return false;
191				},
192			
193
194			getBCP47LanguageId: function () {
195				return 'fi-FI';
196			},
197			getCanonicalURL: function () {
198
199				
200
201				return 'https\x3a\x2f\x2fwww\x2edna\x2efi';
202			},
203			getCDNBaseURL: function () {
204				return 'https://www.dna.fi';
205			},
206			getCDNDynamicResourcesHost: function () {
207				return '';
208			},
209			getCDNHost: function () {
210				return '';
211			},
212			getCompanyGroupId: function () {
213				return '20152';
214			},
215			getCompanyId: function () {
216				return '20116';
217			},
218			getDefaultLanguageId: function () {
219				return 'fi_FI';
220			},
221			getDoAsUserIdEncoded: function () {
222				return '';
223			},
224			getLanguageId: function () {
225				return 'fi_FI';
226			},
227			getParentGroupId: function () {
228				return '753910';
229			},
230			getPathContext: function () {
231				return '';
232			},
233			getPathImage: function () {
234				return '/image';
235			},
236			getPathJavaScript: function () {
237				return '/o/frontend-js-web';
238			},
239			getPathMain: function () {
240				return '/c';
241			},
242			getPathThemeImages: function () {
243				return 'https://www.dna.fi/o/dna-fi-theme/images';
244			},
245			getPathThemeRoot: function () {
246				return '/o/dna-fi-theme';
247			},
248			getPlid: function () {
249				return '843991';
250			},
251			getPortalURL: function () {
252				return 'https://www.dna.fi';
253			},
254			getRealUserId: function () {
255				return '20120';
256			},
257			getRemoteAddr: function () {
258				return '10.72.143.82';
259			},
260			getRemoteHost: function () {
261				return '10.72.143.82';
262			},
263			getScopeGroupId: function () {
264				return '753910';
265			},
266			getScopeGroupIdOrLiveGroupId: function () {
267				return '753910';
268			},
269			getSessionId: function () {
270				return '';
271			},
272			getSiteAdminURL: function () {
273				return 'https://www.dna.fi/group/yksityisille/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view';
274			},
275			getSiteGroupId: function () {
276				return '753910';
277			},
278			getTimeZone: function() {
279				return 'Europe/Helsinki';
280			},
281			getURLControlPanel: function() {
282				return '/group/control_panel?refererPlid=843991';
283			},
284			getURLHome: function () {
285				return 'https\x3a\x2f\x2fwww\x2edna\x2efi\x2fweb\x2fyksityisille';
286			},
287			getUserEmailAddress: function () {
288				return '';
289			},
290			getUserId: function () {
291				return '20120';
292			},
293			getUserName: function () {
294				return '';
295			},
296			isAddSessionIdToURL: function () {
297				return false;
298			},
299			isImpersonated: function () {
300				return false;
301			},
302			isSignedIn: function () {
303				return false;
304			},
305
306			isStagedPortlet: function () {
307				
308					
309						return false;
310					
311				
312			},
313
314			isStateExclusive: function () {
315				return false;
316			},
317			isStateMaximized: function () {
318				return false;
319			},
320			isStatePopUp: function () {
321				return false;
322			}
323		};
324
325		var themeDisplay = Liferay.ThemeDisplay;
326
327		Liferay.AUI = {
328
329			
330
331			getCombine: function () {
332				return true;
333			},
334			getComboPath: function () {
335				return '/combo/?browserId=other&minifierType=&languageId=fi_FI&t=1781554959372&';
336			},
337			getDateFormat: function () {
338				return '%d.%m.%Y';
339			},
340			getEditorCKEditorPath: function () {
341				return '/o/frontend-editor-ckeditor-web';
342			},
343			getFilter: function () {
344				var filter = 'raw';
345
346				
347					
348						filter = 'min';
349					
350					
351
352				return filter;
353			},
354			getFilterConfig: function () {
355				var instance = this;
356
357				var filterConfig = null;
358
359				if (!instance.getCombine()) {
360					filterConfig = {
361						replaceStr: '.js' + instance.getStaticResourceURLParams(),
362						searchExp: '\\.js$'
363					};
364				}
365
366				return filterConfig;
367			},
368			getJavaScriptRootPath: function () {
369				return '/o/frontend-js-web';
370			},
371			getPortletRootPath: function () {
372				return '/html/portlet';
373			},
374			getStaticResourceURLParams: function () {
375				return '?browserId=other&minifierType=&languageId=fi_FI&t=1781554959372';
376			}
377		};
378
379		Liferay.authToken = '0PXK435f';
380
381		
382
383		Liferay.currentURL = '\x2f';
384		Liferay.currentURLEncoded = '\x252F';
385	// ]]>
386</script>
386 
386<script data-senna-track="temporary" type="text/javascript">window.__CONFIG__= {basePath: '',combine: true, defaultURLParams: null, explainResolutions: false, exposeGlobal: false, logLevel: 'warn', moduleType: 'module', namespace:'Liferay', nonce: '', reportMismatchedAnonymousModules: 'warn', resolvePath: '/o/js_resolve_modules', url: '/combo/?browserId=other&minifierType=js&languageId=fi_FI&t=1781554959372&', waitTimeout: 30000};</script>
386<script data-senna-track="permanent" src="/o/frontend-js-loader-modules-extender/loader.js?&mac=9WaMmhziBCkScHZwrrVcOR7VZF4=&browserId=other&languageId=fi_FI&minifierType=js" type="text/javascript"></script>
386<script data-senna-track="permanent" src="/combo?browserId=other&minifierType=js&languageId=fi_FI&t=1781554959372&/o/frontend-js-aui-web/aui/aui/aui-min.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base-min.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex-min.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core-min.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable-min.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras-min.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base-min.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex-min.js&/o/frontend-js-aui-web/aui/oop/oop-min.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang-min.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js&/o/oauth2-provider-web/js/liferay.js" type="text/javascript"></script>
386 
386<script data-senna-track="temporary" type="text/javascript"  src="https://inpref.s3.amazonaws.com/sites/dna_business.js"></script>
386<script data-senna-track="temporary" type="text/javascript">window.Liferay = Liferay || {}; window.Liferay.OAuth2 = {getAuthorizeURL: function() {return 'https://www.dna.fi/o/oauth2/authorize';}, getBuiltInRedirectURL: function() {return 'https://www.dna.fi/o/oauth2/redirect';}, getIntrospectURL: function() { return 'https://www.dna.fi/o/oauth2/introspect';}, getTokenURL: function() {return 'https://www.dna.fi/o/oauth2/token';}, getUserAgentApplication: function(externalReferenceCode) {return Liferay.OAuth2._userAgentApplications[externalReferenceCode];}, _userAgentApplications: {}}</script>
386<script data-senna-track="temporary" type="text/javascript">try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/frontend-js-components-web';/**
387 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
388 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
389 */
390
391(function () {
392	AUI().applyConfig({
393		groups: {
394			components: {
395
396				// eslint-disable-next-line
397				mainModule: MODULE_MAIN,
398			},
399		},
400	});
401})();
402} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/staging-processes-web';/**
403 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
404 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
405 */
406
407(function () {
408	AUI().applyConfig({
409		groups: {
410			stagingprocessesweb: {
411				base: MODULE_PATH + '/js/legacy/',
412				combine: Liferay.AUI.getCombine(),
413				filter: Liferay.AUI.getFilterConfig(),
414				modules: {
415					'liferay-staging-processes-export-import': {
416						path: 'main.js',
417						requires: [
418							'aui-datatype',
419							'aui-dialog-iframe-deprecated',
420							'aui-modal',
421							'aui-parse-content',
422							'aui-toggler',
423							'liferay-portlet-base',
424							'liferay-util-window',
425						],
426					},
427				},
428				root: MODULE_PATH + '/js/legacy/',
429			},
430		},
431	});
432})();
433} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/frontend-js-react-web';/**
434 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
435 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
436 */
437
438(function () {
439	AUI().applyConfig({
440		groups: {
441			react: {
442
443				// eslint-disable-next-line
444				mainModule: MODULE_MAIN,
445			},
446		},
447	});
448})();
449} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/portal-search-web';/**
450 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
451 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
452 */
453
454(function () {
455	AUI().applyConfig({
456		groups: {
457			search: {
458				base: MODULE_PATH + '/js/',
459				combine: Liferay.AUI.getCombine(),
460				filter: Liferay.AUI.getFilterConfig(),
461				modules: {
462					'liferay-search-custom-range-facet': {
463						path: 'custom_range_facet.js',
464						requires: ['aui-form-validator'],
465					},
466				},
467				root: MODULE_PATH + '/js/',
468			},
469		},
470	});
471})();
472} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/contacts-web';/**
473 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
474 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
475 */
476
477(function () {
478	AUI().applyConfig({
479		groups: {
480			contactscenter: {
481				base: MODULE_PATH + '/js/legacy/',
482				combine: Liferay.AUI.getCombine(),
483				filter: Liferay.AUI.getFilterConfig(),
484				modules: {
485					'liferay-contacts-center': {
486						path: 'main.js',
487						requires: [
488							'aui-io-plugin-deprecated',
489							'aui-toolbar',
490							'autocomplete-base',
491							'datasource-io',
492							'json-parse',
493							'liferay-portlet-base',
494							'liferay-util-window',
495						],
496					},
497				},
498				root: MODULE_PATH + '/js/legacy/',
499			},
500		},
501	});
502})();
503} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/dynamic-data-mapping-web';/**
504 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
505 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
506 */
507
508(function () {
509	const LiferayAUI = Liferay.AUI;
510
511	AUI().applyConfig({
512		groups: {
513			ddm: {
514				base: MODULE_PATH + '/js/legacy/',
515				combine: Liferay.AUI.getCombine(),
516				filter: LiferayAUI.getFilterConfig(),
517				modules: {
518					'liferay-ddm-form': {
519						path: 'ddm_form.js',
520						requires: [
521							'aui-base',
522							'aui-datatable',
523							'aui-datatype',
524							'aui-image-viewer',
525							'aui-parse-content',
526							'aui-set',
527							'aui-sortable-list',
528							'json',
529							'liferay-form',
530							'liferay-map-base',
531							'liferay-translation-manager',
532							'liferay-util-window',
533						],
534					},
535					'liferay-portlet-dynamic-data-mapping': {
536						condition: {
537							trigger: 'liferay-document-library',
538						},
539						path: 'main.js',
540						requires: [
541							'arraysort',
542							'aui-form-builder-deprecated',
543							'aui-form-validator',
544							'aui-map',
545							'aui-text-unicode',
546							'json',
547							'liferay-menu',
548							'liferay-translation-manager',
549							'liferay-util-window',
550							'text',
551						],
552					},
553					'liferay-portlet-dynamic-data-mapping-custom-fields': {
554						condition: {
555							trigger: 'liferay-document-library',
556						},
557						path: 'custom_fields.js',
558						requires: ['liferay-portlet-dynamic-data-mapping'],
559					},
560				},
561				root: MODULE_PATH + '/js/legacy/',
562			},
563		},
564	});
565})();
566} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/calendar-web';/**
567 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
568 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
569 */
570
571(function () {
572	AUI().applyConfig({
573		groups: {
574			calendar: {
575				base: MODULE_PATH + '/js/legacy/',
576				combine: Liferay.AUI.getCombine(),
577				filter: Liferay.AUI.getFilterConfig(),
578				modules: {
579					'liferay-calendar-a11y': {
580						path: 'calendar_a11y.js',
581						requires: ['calendar'],
582					},
583					'liferay-calendar-container': {
584						path: 'calendar_container.js',
585						requires: [
586							'aui-alert',
587							'aui-base',
588							'aui-component',
589							'liferay-portlet-base',
590						],
591					},
592					'liferay-calendar-date-picker-sanitizer': {
593						path: 'date_picker_sanitizer.js',
594						requires: ['aui-base'],
595					},
596					'liferay-calendar-interval-selector': {
597						path: 'interval_selector.js',
598						requires: ['aui-base', 'liferay-portlet-base'],
599					},
600					'liferay-calendar-interval-selector-scheduler-event-link': {
601						path: 'interval_selector_scheduler_event_link.js',
602						requires: ['aui-base', 'liferay-portlet-base'],
603					},
604					'liferay-calendar-list': {
605						path: 'calendar_list.js',
606						requires: [
607							'aui-template-deprecated',
608							'liferay-scheduler',
609						],
610					},
611					'liferay-calendar-message-util': {
612						path: 'message_util.js',
613						requires: ['liferay-util-window'],
614					},
615					'liferay-calendar-recurrence-converter': {
616						path: 'recurrence_converter.js',
617						requires: [],
618					},
619					'liferay-calendar-recurrence-dialog': {
620						path: 'recurrence.js',
621						requires: [
622							'aui-base',
623							'liferay-calendar-recurrence-util',
624						],
625					},
626					'liferay-calendar-recurrence-util': {
627						path: 'recurrence_util.js',
628						requires: ['aui-base', 'liferay-util-window'],
629					},
630					'liferay-calendar-reminders': {
631						path: 'calendar_reminders.js',
632						requires: ['aui-base'],
633					},
634					'liferay-calendar-remote-services': {
635						path: 'remote_services.js',
636						requires: [
637							'aui-base',
638							'aui-component',
639							'liferay-calendar-util',
640							'liferay-portlet-base',
641						],
642					},
643					'liferay-calendar-session-listener': {
644						path: 'session_listener.js',
645						requires: ['aui-base', 'liferay-scheduler'],
646					},
647					'liferay-calendar-simple-color-picker': {
648						path: 'simple_color_picker.js',
649						requires: ['aui-base', 'aui-template-deprecated'],
650					},
651					'liferay-calendar-simple-menu': {
652						path: 'simple_menu.js',
653						requires: [
654							'aui-base',
655							'aui-template-deprecated',
656							'event-outside',
657							'event-touch',
658							'widget-modality',
659							'widget-position',
660							'widget-position-align',
661							'widget-position-constrain',
662							'widget-stack',
663							'widget-stdmod',
664						],
665					},
666					'liferay-calendar-util': {
667						path: 'calendar_util.js',
668						requires: [
669							'aui-datatype',
670							'aui-io',
671							'aui-scheduler',
672							'aui-toolbar',
673							'autocomplete',
674							'autocomplete-highlighters',
675						],
676					},
677					'liferay-scheduler': {
678						path: 'scheduler.js',
679						requires: [
680							'async-queue',
681							'aui-datatype',
682							'aui-scheduler',
683							'dd-plugin',
684							'liferay-calendar-a11y',
685							'liferay-calendar-message-util',
686							'liferay-calendar-recurrence-converter',
687							'liferay-calendar-recurrence-util',
688							'liferay-calendar-util',
689							'liferay-scheduler-event-recorder',
690							'liferay-scheduler-models',
691							'promise',
692							'resize-plugin',
693						],
694					},
695					'liferay-scheduler-event-recorder': {
696						path: 'scheduler_event_recorder.js',
697						requires: [
698							'dd-plugin',
699							'liferay-calendar-util',
700							'resize-plugin',
701						],
702					},
703					'liferay-scheduler-models': {
704						path: 'scheduler_models.js',
705						requires: [
706							'aui-datatype',
707							'dd-plugin',
708							'liferay-calendar-util',
709						],
710					},
711				},
712				root: MODULE_PATH + '/js/legacy/',
713			},
714		},
715	});
716})();
717} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/exportimport-web';/**
718 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
719 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
720 */
721
722(function () {
723	AUI().applyConfig({
724		groups: {
725			exportimportweb: {
726				base: MODULE_PATH + '/js/legacy/',
727				combine: Liferay.AUI.getCombine(),
728				filter: Liferay.AUI.getFilterConfig(),
729				modules: {
730					'liferay-export-import-export-import': {
731						path: 'main.js',
732						requires: [
733							'aui-datatype',
734							'aui-dialog-iframe-deprecated',
735							'aui-modal',
736							'aui-parse-content',
737							'aui-toggler',
738							'liferay-portlet-base',
739							'liferay-util-window',
740						],
741					},
742				},
743				root: MODULE_PATH + '/js/legacy/',
744			},
745		},
746	});
747})();
748} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/frontend-js-state-web';/**
749 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
750 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
751 */
752
753(function () {
754	AUI().applyConfig({
755		groups: {
756			state: {
757
758				// eslint-disable-next-line
759				mainModule: MODULE_MAIN,
760			},
761		},
762	});
763})();
764} catch(error) {console.error(error);}try {var MODULE_MAIN='@liferay/[email protected]/index';var MODULE_PATH='/o/document-library-web';/**
765 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
766 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
767 */
768
769(function () {
770	AUI().applyConfig({
771		groups: {
772			dl: {
773				base: MODULE_PATH + '/js/legacy/',
774				combine: Liferay.AUI.getCombine(),
775				filter: Liferay.AUI.getFilterConfig(),
776				modules: {
777					'document-library-upload-component': {
778						path: 'DocumentLibraryUpload.js',
779						requires: [
780							'aui-component',
781							'aui-data-set-deprecated',
782							'aui-overlay-manager-deprecated',
783							'aui-overlay-mask-deprecated',
784							'aui-parse-content',
785							'aui-progressbar',
786							'aui-template-deprecated',
787							'liferay-search-container',
788							'querystring-parse-simple',
789							'uploader',
790						],
791					},
792				},
793				root: MODULE_PATH + '/js/legacy/',
794			},
795		},
796	});
797})();
798} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/frontend-editor-alloyeditor-web';/**
799 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
800 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
801 */
802
803(function () {
804	AUI().applyConfig({
805		groups: {
806			alloyeditor: {
807				base: MODULE_PATH + '/js/legacy/',
808				combine: Liferay.AUI.getCombine(),
809				filter: Liferay.AUI.getFilterConfig(),
810				modules: {
811					'liferay-alloy-editor': {
812						path: 'alloyeditor.js',
813						requires: [
814							'aui-component',
815							'liferay-portlet-base',
816							'timers',
817						],
818					},
819					'liferay-alloy-editor-source': {
820						path: 'alloyeditor_source.js',
821						requires: [
822							'aui-debounce',
823							'liferay-fullscreen-source-editor',
824							'liferay-source-editor',
825							'plugin',
826						],
827					},
828				},
829				root: MODULE_PATH + '/js/legacy/',
830			},
831		},
832	});
833})();
834} catch(error) {console.error(error);}try {var MODULE_MAIN='[email protected]/index';var MODULE_PATH='/o/portal-workflow-kaleo-designer-web';/**
835 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
836 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
837 */
838
839(function () {
840	AUI().applyConfig({
841		groups: {
842			'kaleo-designer': {
843				base: MODULE_PATH + '/designer/js/legacy/',
844				combine: Liferay.AUI.getCombine(),
845				filter: Liferay.AUI.getFilterConfig(),
846				modules: {
847					'liferay-kaleo-designer-autocomplete-util': {
848						path: 'autocomplete_util.js',
849						requires: ['autocomplete', 'autocomplete-highlighters'],
850					},
851					'liferay-kaleo-designer-definition-diagram-controller': {
852						path: 'definition_diagram_controller.js',
853						requires: [
854							'liferay-kaleo-designer-field-normalizer',
855							'liferay-kaleo-designer-utils',
856						],
857					},
858					'liferay-kaleo-designer-dialogs': {
859						path: 'dialogs.js',
860						requires: ['liferay-util-window'],
861					},
862					'liferay-kaleo-designer-editors': {
863						path: 'editors.js',
864						requires: [
865							'aui-ace-editor',
866							'aui-ace-editor-mode-xml',
867							'aui-base',
868							'aui-datatype',
869							'aui-node',
870							'liferay-kaleo-designer-autocomplete-util',
871							'liferay-kaleo-designer-utils',
872						],
873					},
874					'liferay-kaleo-designer-field-normalizer': {
875						path: 'field_normalizer.js',
876						requires: ['liferay-kaleo-designer-remote-services'],
877					},
878					'liferay-kaleo-designer-nodes': {
879						path: 'nodes.js',
880						requires: [
881							'aui-datatable',
882							'aui-datatype',
883							'aui-diagram-builder',
884							'liferay-kaleo-designer-editors',
885							'liferay-kaleo-designer-utils',
886						],
887					},
888					'liferay-kaleo-designer-remote-services': {
889						path: 'remote_services.js',
890						requires: ['aui-io'],
891					},
892					'liferay-kaleo-designer-templates': {
893						path: 'templates.js',
894						requires: ['aui-tpl-snippets-deprecated'],
895					},
896					'liferay-kaleo-designer-utils': {
897						path: 'utils.js',
898						requires: [],
899					},
900					'liferay-kaleo-designer-xml-definition': {
901						path: 'xml_definition.js',
902						requires: [
903							'aui-base',
904							'aui-component',
905							'dataschema-xml',
906							'datatype-xml',
907						],
908					},
909					'liferay-kaleo-designer-xml-definition-serializer': {
910						path: 'xml_definition_serializer.js',
911						requires: ['escape', 'liferay-kaleo-designer-xml-util'],
912					},
913					'liferay-kaleo-designer-xml-util': {
914						path: 'xml_util.js',
915						requires: ['aui-base'],
916					},
917					'liferay-portlet-kaleo-designer': {
918						path: 'main.js',
919						requires: [
920							'aui-ace-editor',
921							'aui-ace-editor-mode-xml',
922							'aui-tpl-snippets-deprecated',
923							'dataschema-xml',
924							'datasource',
925							'datatype-xml',
926							'event-valuechange',
927							'io-form',
928							'liferay-kaleo-designer-autocomplete-util',
929							'liferay-kaleo-designer-editors',
930							'liferay-kaleo-designer-nodes',
931							'liferay-kaleo-designer-remote-services',
932							'liferay-kaleo-designer-utils',
933							'liferay-kaleo-designer-xml-util',
934							'liferay-util-window',
935						],
936					},
937				},
938				root: MODULE_PATH + '/designer/js/legacy/',
939			},
940		},
941	});
942})();
943} catch(error) {console.error(error);}try {var MODULE_MAIN='null';var MODULE_PATH='/o/dna-fi-alloyui-javascripts-web-hook';;(function() {
944
945    var base = MODULE_PATH + '/js/';
946
947    AUI().applyConfig(
948        {
949            groups: {
950                alloyUIExtensions: {
951                    base: base,
952                    combine: Liferay.AUI.getCombine(),
953                    filter: Liferay.AUI.getFilterConfig(),
954                    modules: {
955                       'aui-form-validator-ext': {
956                            path: 'aui-form-validator-ext.js',
957                            condition: {
958                                name: 'aui-form-validator',
959                                trigger: 'aui-form-validator',
960                                when: 'instead'
961                            }
962                        }
963                    },
964                    root: base
965                }
966            }
967        }
968    );
969})();} catch(error) {console.error(error);}try {var MODULE_MAIN='null';var MODULE_PATH='/o/ddm-field-type-web-hook';;(function() {
970
971    var base = MODULE_PATH + '/js/';
972
973    AUI().applyConfig(
974        {
975            groups: {
976                ddmExtensionModules: {
977                    base: base,
978                    combine: Liferay.AUI.getCombine(),
979                    filter: Liferay.AUI.getFilterConfig(),
980                    modules: {
981                        'liferay-portlet-dynamic-data-mapping-override': {
982                            path: 'main.ext.js',
983                            condition: {
984                                name: 'liferay-portlet-dynamic-data-mapping-override',
985                                trigger: 'liferay-portlet-dynamic-data-mapping'
986                            }
987                        },
988                        'liferay-portlet-dynamic-data-mapping-custom-fields-override': {
989                            path: 'custom_fields.ext.js',
990                            condition: {
991                                name: 'liferay-portlet-dynamic-data-mapping-custom-fields-override',
992                                trigger: 'liferay-portlet-dynamic-data-mapping-custom-fields'
993                            }
994                        },
995                        'liferay-ddm-form-ext': {
996                            path: 'ddm_form.ext.js',
997                            condition: {
998                                name: 'liferay-ddm-form-ext',
999                                trigger: 'liferay-ddm-form'
1000                            }
1001                        }
1002                    },
1003                    root: base
1004                }
1005            }
1006        }
1007    );
1008})();} catch(error) {console.error(error);}</script>
1008 
1008<script type="text/javascript" data-senna-track="temporary">
1009	// <![CDATA[
1010		
1011			
1012				
1013		
1014
1015		
1016	// ]]>
1017</script>
1017 
1017<script src="/combo?browserId=other&amp;minifierType=js&amp;themeId=dnafitheme_WAR_dnafitheme&amp;languageId=fi_FI&amp;fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2Fnews.js&amp;fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2Fnasdaq.js&amp;fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2FnewsList.js&amp;fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O:%2Fo%2Fdna-fi-news-portlet%2Fjs%2FnewsDetails.js&amp;fi_dna_liferay_portlet_pere_clv_PereClvPortlet:%2Fo%2Fdna-fi-pere-clv-portlet%2Fjs%2Fpere-clv.js&amp;fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet:%2Fo%2Fdna-fi-pere-recommendations-portlet%2Fjs%2FpereRecommendations.js&amp;fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv:%2Fo%2Fdna-fi-product-view-portlet%2Fjs%2Fproduct-view.js&amp;t=1789632818000" type="text/javascript" data-senna-track="temporary"></script>
1017 <style data-senna-track="temporary" type="text/css">
1018</style> <link data-senna-track="permanent" href="https://www.dna.fi/combo?browserId=other&minifierType=css&languageId=fi_FI&t=1781554990354&/o/dna-fi-main-theme-contributor/custom.css" rel="stylesheet" type = "text/css" /> <link data-senna-track="permanent" href="/o/frontend-js-aui-web/alloy_ui.css?&mac=favIEq7hPo8AEd6k+N5OVADEEls=&browserId=other&languageId=fi_FI&minifierType=css&themeId=dnafitheme_WAR_dnafitheme" rel="stylesheet"></link> 
1018<script type="text/javascript" data-senna-track="temporary">
1019	if (window.Analytics) {
1020		window._com_liferay_document_library_analytics_isViewFileEntry = false;
1021	}
1022</script>
1022 <meta content="false" name="data-analytics-readable-content" /> 
1022<script type="text/javascript" data-senna-track="temporary">
1023	var runMiddlewares = function () {
1024		Analytics.registerMiddleware(
1025	function(request) {
1026		request.context.experienceId = 'DEFAULT';
1027		request.context.experimentId = '';
1028		request.context.variantId = '';
1029
1030		return request;
1031	}
1032);
1033	};
1034
1035	var analyticsClientChannelId =
1036		'826916022439018435';
1037	var analyticsClientGroupIds =
1038		["753910"];
1039	var analyticsCookiesConsentMode =
1040		false;
1041	var analyticsFeatureFlagEnabled =
1042		false;
1043
1044	var cookieManagers = {
1045		'cookie.onetrust': {
1046			checkConsent: () => {
1047				var OptanonActiveGroups = window.OptanonActiveGroups;
1048
1049				return OptanonActiveGroups && OptanonActiveGroups.includes('C0002');
1050			},
1051			enabled: () => {
1052				if (!window.OneTrustStub && !window.OneTrust) {
1053					return Promise.resolve(false);
1054				}
1055
1056				return new Promise((resolve, reject) => {
1057					var startTime = Date.now();
1058
1059					var checkObject = () => {
1060						if (window['OneTrust']) {
1061							resolve(window['OneTrust']);
1062						}
1063						else if (Date.now() - startTime >= 5000) {
1064							reject();
1065						}
1066						else {
1067							setTimeout(checkObject, 100);
1068						}
1069					};
1070
1071					checkObject();
1072				})
1073					.then(() => {
1074						return Promise.resolve(true);
1075					})
1076					.catch(() => {
1077						return Promise.resolve(false);
1078					});
1079			},
1080			onConsentChange: (callbackFn) => {
1081				var OneTrust = window.OneTrust;
1082
1083				OneTrust.OnConsentChanged(callbackFn);
1084			},
1085		},
1086		'cookie.liferay': {
1087			checkConsent: ({navigation}) => {
1088				var performanceCookieEnabled = Liferay.Util.Cookie.get(
1089					Liferay.Util.Cookie.TYPES.PERFORMANCE
1090				);
1091
1092				if (performanceCookieEnabled === 'false') {
1093					if (window.Analytics) {
1094						Analytics.dispose();
1095					}
1096
1097					return false;
1098				}
1099
1100				if (
1101					!analyticsCookiesConsentMode &&
1102					typeof performanceCookieEnabled === 'undefined'
1103				) {
1104					return true;
1105				}
1106
1107				if (navigation === 'normal' && window.Analytics) {
1108					return false;
1109				}
1110
1111				return performanceCookieEnabled === 'true';
1112			},
1113			enabled: () => {
1114				return Promise.resolve(analyticsFeatureFlagEnabled);
1115			},
1116			onConsentChange: (callbackFn) => {
1117				Liferay.on('cookieBannerSetCookie', callbackFn);
1118			},
1119		},
1120	};
1121
1122	function getAnalyticsSDKVersion() {
1123		switch (
1124			'PROD'
1125		) {
1126			case 'DEV': {
1127				return 'https://analytics-js-dev-cdn.liferay.com';
1128			}
1129			case 'INTERNAL': {
1130				return 'https://analytics-js-internal-cdn.liferay.com';
1131			}
1132			default: {
1133				return 'https://analytics-js-cdn.liferay.com';
1134			}
1135		}
1136	}
1137</script>
1137 
1137<script id="liferayAnalyticsScript" type="text/javascript" data-senna-track="permanent">
1138	var allPromises = Object.keys(cookieManagers).map((key) =>
1139		cookieManagers[key].enabled()
1140	);
1141
1142	Promise.all(allPromises).then((result) => {
1143		var selectedIndex = result.findIndex((enabled) => enabled);
1144		var selectedCookieManager = Object.values(cookieManagers)[selectedIndex];
1145
1146		function initializeAnalyticsSDK() {
1147			(function (u, c, a, m, o, l) {
1148				o = 'script';
1149				l = document;
1150				a = l.createElement(o);
1151				m = l.getElementsByTagName(o)[0];
1152				a.async = 1;
1153				a.src = u;
1154				a.onload = c;
1155				m.parentNode.insertBefore(a, m);
1156			})(getAnalyticsSDKVersion(), () => {
1157				var config =
1158					{"dataSourceId":"826916022413208221","endpointUrl":"https://osbasahpublisher-ac-europewest3.lfr.cloud","projectId":"asah6b251a3176d54521a6a8605cf447f0d9"};
1159
1160				var dxpMiddleware = function (request) {
1161					request.context.canonicalUrl = themeDisplay.getCanonicalURL();
1162					request.context.channelId = analyticsClientChannelId;
1163					request.context.groupId =
1164						themeDisplay.getScopeGroupIdOrLiveGroupId();
1165
1166					return request;
1167				};
1168
1169				Analytics.create(config, [dxpMiddleware]);
1170
1171				if (themeDisplay.isSignedIn()) {
1172					Analytics.setIdentity({
1173						email: themeDisplay.getUserEmailAddress(),
1174						name: themeDisplay.getUserName(),
1175					});
1176				}
1177
1178				runMiddlewares();
1179
1180				Analytics.send('pageViewed', 'Page');
1181
1182				
1183			});
1184		}
1185
1186		if (selectedCookieManager) {
1187			selectedCookieManager.onConsentChange(() => {
1188				if (selectedCookieManager.checkConsent({navigation: 'normal'})) {
1189					initializeAnalyticsSDK();
1190				}
1191			});
1192
1193			if (selectedCookieManager.checkConsent({navigation: 'normal'})) {
1194				initializeAnalyticsSDK();
1195			}
1196		}
1197		else {
1198			initializeAnalyticsSDK();
1199		}
1200	});
1201</script>
1201 <link href="/o/dna-fi-theme/css/dna/portlets/loggedin-dashboard.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="f7ad2a81" /> <link href="/o/dna-fi-theme/css/dna/portlets/loggedin-greeting.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="2e78d444" /> <link href="/o/dna-fi-theme/css/dna/portlets/news-portlet.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="4a977553" /> <link href="/o/dna-fi-theme/css/dna/portlets/product-card.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="529b8681" /> <link href="/o/dna-fi-theme/css/dna/portlets/card-carousel.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="91631422" /> <link href="/o/dna-fi-theme/css/dna/portlets/promotion.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="f48e7ac8" /> <link href="/o/dna-fi-theme/css/dna/portlets/card-free.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="8588762e" /> <link href="/o/dna-fi-theme/css/dna/portlets/sibbe-messages.css?t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="721b8cdd" /> <link href="/combo?browserId=other&amp;minifierType=css&amp;themeId=dnafitheme_WAR_dnafitheme&amp;languageId=fi_FI&amp;com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet:%2Fo%2Fasset-publisher-web%2Fcss%2Fmain.css&amp;com_liferay_journal_content_web_portlet_JournalContentPortlet:%2Fo%2Fjournal-content-web%2Fcss%2Fmain.css&amp;com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch:%2Fo%2Fportal-search-web%2Fcss%2Fmain.css&amp;com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet:%2Fo%2Fsite-navigation-menu-web%2Fcss%2Fmain.css&amp;t=1789632818000" rel="stylesheet" type="text/css" data-senna-track="temporary" id="4a01da0e" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://www.dna.fi/o/dna-fi-theme/css/main.css?browserId=other&amp;themeId=dnafitheme_WAR_dnafitheme&amp;minifierType=css&amp;languageId=fi_FI&amp;t=1789632818000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css">
1202		/* DNADXP-8146 */
1203.subscription-recommendation__content:first-child {
1204  margin: 0;
1205}
1206.subscription-recommendation__content h1:first-child, .subscription-recommendation__content h2:first-child {
1207  margin: 0 0 20px;
1208}
1209.subscription-recommendation__title + .subscription-recommendation__content {
1210  margin-top: 20px;
1211}
1212/* DNADXP-8146 end */
1213
1214/* DNADXP-9238 */
1215.hl-icon {
1216  width: 1em;
1217  height: 1em;
1218  fill: currentColor;
1219  flex: 0 0 auto;
1220}
1221.hl-icon--black {
1222  fill: #121212;
1223}
1224.hl-icon--pink {
1225  fill: #DA0070;
1226}
1227.hl-icon--12 {
1228  width: 12px;
1229  height: 12px;
1230}
1231.hl-icon--16 {
1232  width: 16px;
1233  height: 16px;
1234}
1235.hl-icon--24 {
1236  width: 24px;
1237  height: 24px;
1238}
1239.hl-icon--32 {
1240  width: 32px;
1241  height: 32px;
1242}
1243.hl-icon--40 {
1244  width: 40px;
1245  height: 40px;
1246}
1247.hl-icon--64 {
1248  width: 64px;
1249  height: 64px;
1250}
1251.hl-icon--80 {
1252  width: 80px;
1253  height: 80px;
1254}
1255.hl-icon--120 {
1256  width: 120px;
1257  height: 120px;
1258}
1259/* DNADXP-9238 END */
1260
1261/* DNADXP-9240 */
1262.dna-asset-item,
1263.dna-asset-item > .dna-grid-item {
1264  height: 100%;
1265}
1266/* DNADXP-9240 END */
1267	</style> <style data-senna-track="temporary" type="text/css">
1268
1269		
1270
1271		
1272
1273		
1274
1275		
1276
1277		
1278
1279		
1280
1281		
1282
1283		
1284
1285		
1286
1287		
1288
1289		
1290
1291		
1292
1293		
1294
1295		
1296
1297		
1298
1299		
1300
1301		
1302
1303		
1304
1305		
1306
1307		
1308
1309		
1310
1311		
1312
1313		
1314
1315		
1316
1317			
1318
1319			
1320
1321#p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV_ .portlet-content {
1322border-top-width:;
1323border-right-width:;
1324border-bottom-width:;
1325border-left-width:;
1326margin-top:;
1327margin-right:;
1328margin-bottom:;
1329margin-left:;
1330padding-top:;
1331padding-right:;
1332padding-bottom:;
1333padding-left:
1334}
1335#portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV {
1336.dna-card-free { gap: clamp(10px, 4%, 30px); }
1337.dna-card-free__item { padding: 40px 0; }
1338.dna-card-free__image { flex: 0 0 auto; width: clamp(60px, 20%, 140px); }
1339.dna-card-free__text { flex: 1 1 auto; }	
1340}
1341
1342
1343
1344			
1345
1346		
1347
1348		
1349
1350		
1351
1352			
1353
1354			
1355
1356#p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_SLHjZ8KSXyUe_ .portlet-content {
1357
1358}
1359.iconnavigation__link p {
1360    margin: 0;
1361}
1362
1363
1364
1365			
1366
1367		
1368
1369		
1370
1371		
1372
1373		
1374
1375		
1376
1377		
1378
1379		
1380
1381		
1382
1383		
1384
1385		
1386
1387		
1388
1389		
1390
1391		
1392
1393		
1394
1395		
1396
1397		
1398
1399		
1400
1401		
1402
1403		
1404
1405		
1406
1407		
1408
1409		
1410
1411		
1412
1413		
1414
1415		
1416
1417		
1418
1419		
1420
1421		
1422
1423		
1424
1425		
1426
1427		
1428
1429		
1430
1431		
1432
1433		
1434
1435		
1436
1437		
1438
1439		
1440
1441		
1442
1443		
1444
1445			
1446
1447			
1448
1449#p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX_ .portlet-content {
1450
1451}
1452
1453
1454
1455
1456			
1457
1458		
1459
1460		
1461
1462		
1463
1464		
1465
1466		
1467
1468			
1469
1470			
1471
1472#p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd_ .portlet-content {
1473
1474}
1475.ds-hero {
1476    /* hero content should be on top of background adjustments */
1477    z-index: 1;
1478}
1479#portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd {
1480    margin-top: -60px;
1481    padding-top: 60px;
1482}
1483
1484#portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-card-free:not(.dna-card-free--fixed-layout).dna-card-free--image-w33 .dna-card-free__image {
1485    /* freestyle card adjust */
1486    min-width: 160px;
1487}
1488@media screen and (max-width: 1023px) {
1489    /* second column bg in small screens */
1490    #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2::before {
1491        content: '';
1492        display: block;
1493        position: absolute;
1494        top: -15px;
1495        bottom: -50px;
1496        right: -40px;
1497        left: -40px;
1498        background: white;
1499        z-index: -1;
1500    }
1501}
1502@media screen and (max-width: 767px) {
1503    /* second column bg in small screens */
1504    #_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2::before {
1505        right: -20px;
1506        left: -20px;
1507    }
1508}
1509@media screen and (min-width: 768px) {
1510    /* different grid behaviour in tablet */
1511    #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-grid--1-2 {
1512        grid-template-columns: repeat(1,minmax(0,1fr));
1513    }
1514}
1515@media screen and (min-width: 1024px) {
1516    /* original grid behaviour in desktop */
1517    #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-grid--1-2 {
1518        grid-template-columns: minmax(0,1fr) minmax(0,2fr);
1519    }
1520    /* second column bg in large screens */
1521    #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd::before {
1522        content: '';
1523        display: block;
1524        position: absolute;
1525        top: 0;
1526        bottom: 0;
1527        right: 0;
1528        left: 50%;
1529        background: white;
1530        z-index: -1;
1531    }
1532    #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-content-wrap--content > .dna-grid {
1533        position: relative;
1534    }
1535    /* second column bg left alignment in large screens */
1536    #portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd .dna-content-wrap--content > .dna-grid::before {
1537        content: '';
1538        display: block;
1539        position: absolute;
1540        top: -110px;
1541        bottom: -50px;
1542        left: calc(33.33333% + 14px);
1543        right: 0;
1544        background: white;
1545        z-index: -1;
1546    }
1547}
1548
1549
1550
1551			
1552
1553		
1554
1555		
1556
1557		
1558
1559		
1560
1561		
1562
1563		
1564
1565		
1566
1567		
1568
1569		
1570
1571		
1572
1573		
1574
1575		
1576
1577		
1578
1579		
1580
1581		
1582
1583		
1584
1585		
1586
1587		
1588
1589		
1590
1591		
1592
1593		
1594
1595		
1596
1597		
1598
1599		
1600
1601	</style> <link rel="icon" href="https://www.dna.fi/o/dna-fi-theme/images/favicon.ico" sizes="32x32"> <link rel="icon" href="https://www.dna.fi/o/dna-fi-theme/images/DNA.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="https://www.dna.fi/o/dna-fi-theme/images/favicons/DNA_logo_180x180"> <meta content="Nopea netti, puhelimet, tabletit ja lisätarvikkeet. Liittymät, kanavat ja DNA TV. Teemme arjesta inspiroivampaa, tuottavampaa ja viihdyttävämpää. DNA. Elämä on. Tervetuloa!" lang="fi-FI" name="description" /> <link data-senna-track="temporary" href="https://www.dna.fi" rel="canonical" /> <meta property="fb:pages" content="105523299470698" /> <meta property="og:site_name" content="DNA"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Palveluita yhteydenpitoon, viihtymiseen ja työntekoon | DNA"/> <meta property="og:description" content="Nopea netti, puhelimet, tabletit ja lisätarvikkeet. Liittymät, kanavat ja DNA TV. Teemme arjesta inspiroivampaa, tuottavampaa ja viihdyttävämpää. DNA. Elämä on. Tervetuloa!"/> <meta property="og:image" content="https://www.dna.fi/o/dna-fi-theme/images/favicons/DNA_logo_512x512.png"/> <meta property="og:url" content="https://web3.lrdxp-prod.dna.fi/fi/"/> <meta property="og:published_time" content="2025-06-16T16:07:31.143+03:00"/> <meta property="og:locale" content="fi_FI"/> <meta name="application-name" content="DNA.fi"> <link rel="manifest" href="https://www.dna.fi/o/dna-fi-theme/images/favicons/manifest.json"> 
1601<script>
1602    window.originalLocation = 'https://www.dna.fi/';
1603    window.dataLayer = window.dataLayer || [];
1604    window.dataLayer.push({
1605        event: 'pageLoadData',
1606        page: {
1607            business: 'b2c',
1608            category: 'undefined',
1609            environment: 'test',
1610            cms: 'liferay',
1611            language: 'fi',
1612            productSegment: 'undefined',
1613            originalLocation: 'https://www.dna.fi/'
1614        },
1615        user: {
1616            loggedIn: 'false',
1617            id: 'anonymous'
1618        }
1619    });
1620</script>
1620 <!-- Google Tag Manager --> 
1620<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
1621                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
1622                );var f=d.getElementsByTagName(s)[0],
1623                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1624                    '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f);
1625                })(window,document,'script','dataLayer','GTM-MX9NRZ');</script>
1625 <!-- End Google Tag Manager --> <!-- Google Tag Manager --> 
1625<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
1626                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
1627                );var f=d.getElementsByTagName(s)[0],
1628                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1629                    '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f);
1630                })(window,document,'script','dataLayer','GTM-5TCNFS9');</script>
1630 <!-- End Google Tag Manager --> <!-- Google Tag Manager --> 
1630<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
1631                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
1632                );var f=d.getElementsByTagName(s)[0],
1633                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1634                    '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f);
1635                })(window,document,'script','dataLayer','GTM-WN4N7TX');</script>
1635 <!-- End Google Tag Manager --> <!-- Google Tag Manager --> 
1635<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
1636                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
1637                );var f=d.getElementsByTagName(s)[0],
1638                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1639                    '//www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f);
1640                })(window,document,'script','dataLayer','GTM-TWZSJ24');</script>
1640 <!-- End Google Tag Manager --> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> 
1640<script type='text/javascript' id='vwoCode'> (() => { const getCookie=o=>{const t=("; "+document.cookie).split("; "+o+"=");if(2==t.length)return t.pop().split(";").shift()}; var otValue = getCookie('OptanonConsent'), consentGiven = otValue && otValue.includes('C0002%3A1'); if(consentGiven) { window._vwo_code || (function() { var account_id=758646, version=2.0, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})(); } })(); </script>
1640 <!-- End VWO Async SmartCode --></head> <body class="other controls-visible yui3-skin-sam signed-out public-page site"> <a href="#main-content" class="skip-to-content">Suoraan sisältöön</a> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-MX9NRZ
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
1640<!-- End Google Tag Manager --> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-5TCNFS9
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
1640<!-- End Google Tag Manager --> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-WN4N7TX
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
1640<!-- End Google Tag Manager --> <!-- Google Tag Manager -->
vendor: 62 bytes, line 1640
1640 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
1640GTM-TWZSJ24
vendor: 83 bytes, line 1640
1640" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
1640<!-- End Google Tag Manager --> <!-- COMMON-DNA-HEADER --> <div id="dna-mediaquery"></div> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol viewBox="0 0 24 24" id="ArrowRight"><path fill-rule="evenodd" d="M16.227 6.285a.7.7 0 0 0-.469.228.6.6 0 0 0-.128.185.6.6 0 0 0-.062.302c0 .094.003.128.018.18a.8.8 0 0 0 .108.231c.02.027.894.908 1.943 1.957l1.908 1.908-8.467.004-8.466.004-.079.022a.73.73 0 0 0-.525.57 1 1 0 0 0 0 .248c.048.27.256.496.525.57l.079.022 8.466.004 8.467.004-1.908 1.908a227 227 0 0 0-1.943 1.957.8.8 0 0 0-.108.231.6.6 0 0 0-.018.18c0 .132.014.2.062.302a.6.6 0 0 0 .128.185.67.67 0 0 0 .532.227.7.7 0 0 0 .392-.12c.05-.033 5.083-5.058 5.157-5.15.076-.094.145-.25.145-.325 0-.012.004-.024.008-.027a.3.3 0 0 0 .008-.1q0-.096-.008-.092-.007.003-.008-.018c0-.076-.069-.231-.145-.326a696 696 0 0 0-5.157-5.15.7.7 0 0 0-.219-.098 1 1 0 0 0-.236-.023M2.003 12c0 .055.001.078.003.05a1 1 0 0 0 0-.1c-.002-.027-.003-.005-.003.05" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Cart"><path fill-rule="evenodd" d="M9 3.444a.7.7 0 0 0-.42.26c-.023.032-.642 1.107-1.376 2.39L5.871 8.43l-.833.002c-.744.003-.843.005-.914.017a2.17 2.17 0 0 0-1.209.609c-.35.35-.567.803-.62 1.3-.01.103-.01.328 0 .436.01.085 1.59 8.014 1.63 8.173.09.359.29.71.559.98.337.336.77.548 1.256.613.066.008 1.17.01 6.272.01 5.976 0 6.195 0 6.284-.014a2.15 2.15 0 0 0 1.777-1.577c.033-.13 1.615-8.06 1.628-8.157.014-.114.016-.35.003-.464a2.2 2.2 0 0 0-.463-1.128 3 3 0 0 0-.315-.319 2.2 2.2 0 0 0-1.034-.458c-.102-.017-.122-.018-.934-.02l-.83-.004-1.333-2.333a230 230 0 0 0-1.376-2.39.72.72 0 0 0-.82-.228.8.8 0 0 0-.303.223.7.7 0 0 0-.152.457c0 .103.02.193.063.283.017.036.535.947 1.151 2.025l1.12 1.96-2.239.002H9.76l-2.239-.002 1.12-1.96a245 245 0 0 0 1.152-2.025.64.64 0 0 0 .063-.283.72.72 0 0 0-.544-.709A.9.9 0 0 0 9 3.444m-4.7 6.43a.7.7 0 0 0-.512.391.7.7 0 0 0-.068.373c.004.035.364 1.849.8 4.03.64 3.195.798 3.978.818 4.03a.72.72 0 0 0 .524.432c.05.01.926.011 6.137.011 5.906 0 6.079 0 6.15-.015a.71.71 0 0 0 .514-.433c.018-.047.198-.935.817-4.027.436-2.182.796-3.996.8-4.03a.8.8 0 0 0-.021-.25.9.9 0 0 0-.122-.245.72.72 0 0 0-.44-.268c-.084-.017-15.31-.016-15.397 0" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="CartEmpty"><path fill-rule="evenodd" d="M9.265 6.289a.64.64 0 0 0-.383.236c-.021.03-.586 1.01-1.255 2.18l-1.215 2.128-.76.003c-.678.002-.769.004-.834.015a2 2 0 0 0-1.102.555c-.32.32-.517.733-.565 1.186-.01.093-.01.299 0 .398.008.077 1.449 7.306 1.485 7.452.082.327.266.648.51.893.308.307.704.5 1.146.56.06.007 1.066.009 5.72.009 5.448 0 5.648 0 5.73-.014a1.97 1.97 0 0 0 1.62-1.437c.03-.118 1.473-7.35 1.484-7.438.012-.104.014-.32.003-.423a2 2 0 0 0-.422-1.029 2.5 2.5 0 0 0-.288-.29 2 2 0 0 0-.943-.418c-.092-.016-.111-.017-.851-.019l-.756-.003-1.216-2.128a207 207 0 0 0-1.255-2.18.655.655 0 0 0-.748-.207.65.65 0 0 0-.415.62c0 .095.018.176.058.259.015.032.488.863 1.05 1.846l1.021 1.787-2.042.002c-1.123.001-2.96.001-4.084 0l-2.042-.002 1.022-1.787C9.5 8.06 9.972 7.23 9.988 7.197a.6.6 0 0 0 .057-.259.65.65 0 0 0-.496-.646.8.8 0 0 0-.284-.003M4.979 12.15a.64.64 0 0 0-.467.357.63.63 0 0 0-.062.34c.004.032.332 1.686.73 3.675.583 2.913.727 3.627.746 3.674a.66.66 0 0 0 .477.394c.047.01.845.01 5.596.01 5.385 0 5.543 0 5.608-.013a.65.65 0 0 0 .468-.395c.017-.043.182-.853.746-3.672.397-1.99.726-3.643.729-3.675a.7.7 0 0 0-.019-.228.8.8 0 0 0-.11-.224.66.66 0 0 0-.402-.244c-.077-.015-13.96-.014-14.04 0M12 2.096a.6.6 0 0 1 .6.6v1.8a.6.6 0 0 1-1.2 0v-1.8a.6.6 0 0 1 .6-.6M5.69 3.595a.59.59 0 0 1 .748.133l.057.083.897 1.572a.6.6 0 0 1-.218.813.59.59 0 0 1-.748-.133l-.058-.083-.897-1.573a.6.6 0 0 1 .218-.812m12.623 0c.283.165.38.528.218.812l-.897 1.573a.59.59 0 0 1-.714.26l-.092-.044a.6.6 0 0 1-.218-.813l.897-1.572a.59.59 0 0 1 .715-.26z" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="ChevronRight"><path fill-rule="evenodd" d="M7.773 2.008a.73.73 0 0 0-.554.52.9.9 0 0 0-.001.361.7.7 0 0 0 .095.215c.03.045.951.972 4.454 4.477L16.184 12l-4.417 4.42c-3.503 3.505-4.424 4.43-4.454 4.476a.7.7 0 0 0-.095.215.9.9 0 0 0 .001.36c.056.204.195.37.39.465.103.05.16.063.3.063.18 0 .306-.04.439-.144.024-.019 2.053-2.045 4.51-4.503l4.464-4.468.065-.099a1.4 1.4 0 0 0 0-1.571l-.065-.099-4.465-4.468A1225 1225 0 0 0 8.34 2.139a.8.8 0 0 0-.248-.122 1 1 0 0 0-.32-.009" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="File"><path fill-rule="evenodd" d="M5.405 2.005A2.15 2.15 0 0 0 3.49 3.632a2 2 0 0 0-.057.423c-.006.106-.007 2.728-.006 8.064.003 7.48.004 7.914.017 8.004.059.404.203.748.444 
16401.06.074.095.277.297.375.371q.5.381 1.118.437c.123.012 13.118.012 13.24 0a2.14 2.14 0 0 0 1.119-.437c.098-.074.301-.276.375-.37a2.2 2.2 0 0 0 .418-.913c.043-.22.04.19.04-6.46 0-5.876 0-6.179-.014-6.241a.8.8 0 0 0-.098-.24c-.033-.055-.337-.362-2.595-2.62-2.024-2.024-2.568-2.564-2.613-2.592a.8.8 0 0 0-.258-.106C14.935 2 14.46 2 10.183 2c-2.61 0-4.76.002-4.778.004m.028 1.439a.73.73 0 0 0-.447.294 1 1 0 0 0-.106.242l-.019.071v15.896l.019.071c.066.263.25.452.511.527l.062.018H18.55l.063-.018a.72.72 0 0 0 .511-.522l.018-.068.002-5.406.003-5.406h-2.531c-2.76 0-2.598.003-2.723-.044a.74.74 0 0 1-.387-.352.6.6 0 0 1-.072-.256 216 216 0 0 1-.007-2.57V3.43l-3.97.001c-3.363 0-3.979.002-4.023.012m9.424 2.28V7.71h3.988l-1.988-1.988a468 468 0 0 0-1.993-1.988c-.004 0-.007.895-.007 1.988" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Globe"><path fill-rule="evenodd" d="M11.63 2.002a10 10 0 0 0-4.92 1.502A10.02 10.02 0 0 0 2.506 8.83 9.8 9.8 0 0 0 2 12c0 .477.011.713.056 1.117a10 10 0 0 0 4.06 6.979c.807.59 1.74 1.07 2.707 1.395a9.8 9.8 0 0 0 3.172.509 9 9 0 0 0 1.116-.056 9.98 9.98 0 0 0 6.817-3.85 10 10 0 0 0 1.554-2.92 9.9 9.9 0 0 0 .505-2.787c0-.05.004-.082.008-.082.006 0 .008-.11.008-.314 0-.206-.002-.31-.008-.302q-.007.013-.008-.072a10 10 0 0 0-4.112-7.71 10 10 0 0 0-2.708-1.396 9.8 9.8 0 0 0-2.523-.494 19 19 0 0 0-1.013-.015m-1.216 1.57a8.6 8.6 0 0 0-4.076 1.987 11 11 0 0 0-.9.92 8.6 8.6 0 0 0-1.981 4.774l-.003.032 2.15.002 2.15.002.004-.018.008-.074c.05-.57.177-1.37.324-2.025a16.8 16.8 0 0 1 2.29-5.454c.11-.17.105-.16.097-.16zm3.097-.004.09.138a16.8 16.8 0 0 1 2.362 5.766 17 17 0 0 1 .268 1.799l.004.018h2.146c1.18 0 2.148-.002 2.15-.004a6 6 0 0 0-.062-.569 8.6 8.6 0 0 0-1.967-4.293 9 9 0 0 0-.956-.953 8.5 8.5 0 0 0-3.86-1.875l-.162-.033q-.02-.005-.013.006m-1.626.476a15.2 15.2 0 0 0-1.714 3.203 15.3 15.3 0 0 0-.973 4.004l-.004.038h5.601l-.005-.038-.024-.214a15.36 15.36 0 0 0-2.488-6.739 7 7 0 0 0-.283-.402 2 2 0 0 0-.11.148m-9.887 7.957c0 .174.001.245.002.158.002-.087.002-.23 0-.316 0-.087-.002-.016-.002.158m1.46.718c-.004.028.02.27.045.454a8.54 8.54 0 0 0 2.915 5.338 8.2 8.2 0 0 0 1.78 1.176 8.5 8.5 0 0 0 2.282.754s-.033-.054-.075-.117a16.8 16.8 0 0 1-2.647-7.593l-.004-.018H5.606c-1.181 0-2.148.003-2.148.006m5.74.032.025.214a15.36 15.36 0 0 0 2.488 6.738c.153.228.275.4.283.4.014 0 .32-.446.495-.722a15.4 15.4 0 0 0 1.47-2.999c.4-1.105.675-2.272.807-3.417l.024-.214.005-.038H9.194zm7.033-.02-.009.074c-.069.783-.252 1.81-.469 2.625a16.8 16.8 0 0 1-2.244 5.011 8.7 8.7 0 0 0 2.891-1.085 8.6 8.6 0 0 0 1.867-1.516 8.5 8.5 0 0 0 1.78-2.898 8.4 8.4 0 0 0 .485-2.225c-.003-.002-.97-.004-2.15-.004h-2.147z" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Search"><path fill-rule="evenodd" d="M2 10.571a8.571 8.571 0 1 1 17.143 0 8.571 8.571 0 0 1-17.143 0m8.571-7.142a7.143 7.143 0 1 0 0 14.285 7.143 7.143 0 0 0 0-14.285" clip-rule="evenodd"/><path fill-rule="evenodd" d="M15.78 15.78a.714.714 0 0 1 1.01 0l5 5a.714.714 0 0 1-1.01 1.01l-5-5a.714.714 0 0 1 0-1.01" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Menu"><path fill-rule="evenodd" d="M2 4.857c0-.394.32-.714.714-.714h18.572a.714.714 0 1 1 0 1.428H2.714A.714.714 0 0 1 2 4.857M2 12c0-.395.32-.714.714-.714h18.572a.714.714 0 1 1 0 1.428H2.714A.714.714 0 0 1 2 12m0 7.143c0-.395.32-.714.714-.714h18.572a.714.714 0 1 1 0 1.428H2.714A.714.714 0 0 1 2 19.143" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Mobiilivarmenne"><path d="m14.56 8.638-2.558 2.559-2.56-2.56H8.167v.528l3.836 3.838 7.548-7.551q-.42-.484-.895-.91zM8.165 15.69h1.277v-4.38l-1.277-1.276zm7.671 0v-5.655l-1.277 1.278v4.377z"/><path d="m19.968 5.972-.909.91a8.68 8.68 0 0 1 1.668 5.105v.014c0 4.812-3.914 8.726-8.724 8.726S3.28 16.812 3.28 12.001v-.014h-.007c.008-4.805 3.918-8.712 8.723-8.712h.013c1.96 0 3.77.656 5.227 1.753l.908-.908A9.94 9.94 0 0 0 12.004 2h-.007C6.485 2 2 6.486 2 12h.006c0 5.513 4.485 10 9.997 10S22 17.514 22 12c0-2.263-.76-4.35-2.032-6.028"/></symbol> <symbol viewBox="0 0 24 24" id="Open"><path fill-rule="evenodd" d="M2.004 12c0 4.402 0 6.203.002 4.002V7.998c-.001-2.201-.002-.4-.002 4.002" clip-rule="evenodd"/>
1640<path d="M2.628 2.628a2.14 2.14 0 0 1 1.305-.619c.04-.004 1.58-.006 3.425-.006 3.217.001 3.356.002 3.401.016a.75.75 0 0 1 .51.513c.012.049.017.09.018.172a.64.64 0 0 1-.053.29.74.74 0 0 1-.501.42c-.05.012-.32.014-3.387.018-3.014.004-3.337.006-3.373.017a.76.76 0 0 0-.332.191.76.76 0 0 0-.193.344c-.017.066-.017 15.966 0 16.032a.73.73 0 0 0 .537.537c.066.017 15.972.017 16.038 0a.76.76 0 0 0 .344-.193.76.76 0 0 0 .191-.332c.012-.036.014-.36.017-3.376l.005-3.336.017-.063a.7.7 0 0 1 .192-.329.66.66 0 0 1 .515-.207c.12.001.196.017.286.059a.74.74 0 0 1 .41.527l-.004 6.776a2.14 2.14 0 0 1-1.945 1.913c-.075.006-2.309.008-8.115.006-7.66-.002-8.015-.003-8.095-.017a2.15 2.15 0 0 1-1.832-1.925c-.012-.13-.012-15.982 0-16.112.046-.498.263-.96.62-1.316"/><path d="M21.416 2.008c.205.034.469.155.58.344v5.501a.73.73 0 0 1-.51.551.75.75 0 0 1-.51-.048.72.72 0 0 1-.392-.56 82 82 0 0 1-.008-1.712v-1.64l-4.06 4.057c-2.233 2.231-4.078 4.07-4.1 4.085a.8.8 0 0 1-.218.104.6.6 0 0 1-.194.018.6.6 0 0 1-.194-.018.73.73 0 0 1-.496-.496.6.6 0 0 1-.018-.194.6.6 0 0 1 .018-.194.8.8 0 0 1 .103-.217c.016-.023 1.856-1.867 4.088-4.099l4.058-4.058h-1.64a81 81 0 0 1-1.713-.008.7.7 0 0 1-.499-.292.73.73 0 0 1-.11-.612.72.72 0 0 1 .385-.452c.144-.07-.154-.063 2.777-.066 1.825-.002 2.616 0 2.653.006"/></symbol> <symbol viewBox="0 0 24 24" id="User"><path fill-rule="evenodd" d="m11.756 2.005-.164.011A5.35 5.35 0 0 0 8.696 3.14a5.35 5.35 0 0 0-2.04 3.84c-.013.169-.013.59 0 .757a5.364 5.364 0 0 0 4.445 4.903 5.357 5.357 0 1 0 1.36-10.62 10 10 0 0 0-.705-.014m-.088 1.44a3.94 3.94 0 0 0-1.776.597 3.935 3.935 0 0 0-1.473 4.93c.194.425.441.787.769 1.123.333.342.684.595 1.102.797a3.9 3.9 0 0 0 1.872.387 3.8 3.8 0 0 0 1.548-.387 3.8 3.8 0 0 0 1.102-.797c.38-.39.655-.818.854-1.331a3.94 3.94 0 0 0 .073-2.607 3.93 3.93 0 0 0-2.975-2.652 4.2 4.2 0 0 0-1.096-.06m-.032 10.692a9.98 9.98 0 0 0-7.597 3.952 9.9 9.9 0 0 0-1.514 2.875c-.063.195-.073.243-.067.36a.71.71 0 0 0 .57.66c.07.015.324.016 8.969.016 7.986 0 8.904-.001 8.968-.012a.66.66 0 0 0 .367-.2.68.68 0 0 0 .204-.39c.022-.136.005-.235-.079-.486a9.98 9.98 0 0 0-9.821-6.775m.128 1.428a8.57 8.57 0 0 0-5.18 1.93 9.4 9.4 0 0 0-.977.937 8.6 8.6 0 0 0-1.391 2.133c0 .002 3.503.003 7.784.003s7.784-.001 7.784-.003l-.077-.161a8.6 8.6 0 0 0-1.314-1.972 10 10 0 0 0-.959-.922 8.57 8.57 0 0 0-4.885-1.93c-.18-.011-.645-.02-.785-.015" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Close"><path fill-rule="evenodd" d="m2.62 2.004-.06.013a.72.72 0 0 0-.52.457.6.6 0 0 0-.035.25.65.65 0 0 0 .121.396c.024.034 1.559 1.575 4.449 4.466L10.988 12l-4.42 4.422c-2.88 2.88-4.431 4.437-4.45 4.466a.7.7 0 0 0-.091.198.5.5 0 0 0-.022.19.6.6 0 0 0 .036.25c.071.2.234.361.433.433a.6.6 0 0 0 .25.036.65.65 0 0 0 .396-.121c.034-.024 1.575-1.559 4.466-4.449L12 13.012l4.414 4.413c2.891 2.89 4.432 4.425 4.466 4.449a.65.65 0 0 0 .396.121.64.64 0 0 0 .424-.127.72.72 0 0 0 .284-.433.4.4 0 0 1 .017-.069c.01-.02.01-.176-.001-.17q-.008.003-.008-.019a.8.8 0 0 0-.061-.203 1 1 0 0 0-.057-.094c-.024-.034-1.559-1.575-4.45-4.466L13.013 12l4.413-4.414c2.89-2.891 4.425-4.432 4.449-4.466a1 1 0 0 0 .057-.094.8.8 0 0 0 .06-.202c0-.013.005-.025.009-.028a.3.3 0 0 0 .008-.089q0-.082-.008-.079t-.008-.018a.6.6 0 0 0-.034-.143.75.75 0 0 0-.348-.39.6.6 0 0 0-.334-.072.5.5 0 0 0-.19.022.7.7 0 0 0-.198.091c-.029.019-1.586 1.57-4.466 4.45L12 10.987 7.586 6.575C4.695 3.685 3.154 2.15 3.12 2.126a.63.63 0 0 0-.38-.122 1 1 0 0 0-.12 0m-.617.712c0 .048.001.067.003.042V2.67c-.002-.023-.003-.002-.003.046m0 18.568c0 .048.001.067.003.042v-.088c-.002-.023-.003-.002-.003.046" clip-rule="evenodd"/></symbol> <symbol viewBox="0 0 24 24" id="Instagram"><path d="M12 3.8c2.672 0 2.988.013 4.04.06.976.042 1.503.206 1.855.343.464.18.8.399 1.148.746.352.352.566.684.746 1.149.137.351.3.882.344 1.855.047 1.055.058 1.371.058 4.04 0 2.671-.011 2.987-.058 4.038-.043.977-.207 1.504-.344 1.856-.18.465-.398.8-.746 1.148a3.1 3.1 0 0 1-1.148.746c-.352.137-.883.301-1.856.344-1.055.047-1.371.059-4.039.059-2.672 0-2.988-.012-4.04-.059-.976-.043-1.503-.207-1.855-.344a3.1 3.1 0 0 1-1.148-.746 3.1 3.1 0 0 1-.746-1.148c-.137-.352-.3-.883-.344-1.856-.047-1.054-.058-1.37-.058-4.039 0-2.672.011-2.988.058-4.039.043-.976.207-1.504.344-1.855.18-.465.398-.801.746-1.149a3.1 3.1 0 0 1 1.148-.746c.352-.137.883-.3 1.856-.344 1.05-.046 1.367-.058 4.039-.058M12 2c-2.715 0-3.055.012-4.121.059-1.063.046-1.793.218-2.426.464A4.9 4.9 0 0 0 3.68 3.68a4.9 4.9 0 0 0-1.157 1.77c-.246.636-.418 1.362-.464 2.425C2.012 8.945 2 9.285 2 12s.012 3.055.059 4.121c.046 1.063.218 1.793.464 2.426.258.66.598 1.219 1.157 1.773a4.9 4.9 0 0 0 1.77 1.153c.636.246 1.362.418 2.425.465 1.066.046 1.406.058 4.121.058s3.055-.012 4.121-.058c1.063-.047 1.793-.22 2.426-.465a4.9 4.9 0 0 0 1.77-1.153 4.9 4.9 0 0 0 1.152-1.77c.246-.636.418-1.363.465-2.425.047-1.066.058-1.406.058-4.121s-.
1640011-3.055-.058-4.121c-.047-1.063-.22-1.793-.465-2.426A4.7 4.7 0 0 0 20.32 3.68a4.9 4.9 0 0 0-1.77-1.153c-.636-.246-1.363-.418-2.425-.465C15.055 2.013 14.715 2 12 2"/><path d="M12 6.863A5.14 5.14 0 0 0 6.863 12a5.138 5.138 0 0 0 10.273 0c0-2.836-2.3-5.137-5.136-5.137m0 8.469a3.333 3.333 0 1 1 .001-6.665A3.333 3.333 0 0 1 12 15.332m6.54-8.672a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0"/></symbol> <symbol viewBox="0 0 24 24" id="Facebook"><path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.093 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.563V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.129 22 16.992 22 12"/></symbol> <symbol viewBox="0 0 24 24" id="Linkedin"><g clip-path="url(#a)"><path d="M20.52 2H3.477C2.66 2 2 2.645 2 3.441v17.114C2 21.352 2.66 22 3.477 22H20.52c.816 0 1.48-.648 1.48-1.441V3.44C22 2.645 21.336 2 20.52 2M7.934 19.043h-2.97V9.496h2.97zM6.449 8.195a1.72 1.72 0 1 1-.006-3.439 1.72 1.72 0 0 1 .006 3.44m12.594 10.848h-2.965v-4.64c0-1.106-.02-2.532-1.543-2.532-1.543 0-1.777 1.207-1.777 2.453v4.719H9.797V9.496h2.844v1.305h.039c.394-.75 1.363-1.543 2.804-1.543 3.004 0 3.559 1.976 3.559 4.547z"/></g><defs><clipPath id="a"><path d="M2 2h20v20H2z"/></clipPath></defs></symbol> <symbol viewBox="0 0 24 24" id="Tiktok"><path d="M14.56 2h-3.37v13.623c0 1.623-1.297 2.957-2.91 2.957s-2.91-1.334-2.91-2.957c0-1.594 1.268-2.898 2.824-2.956v-3.42C4.766 9.303 2 12.115 2 15.622 2 19.16 4.823 22 8.309 22s6.309-2.87 6.309-6.377V8.638a7.8 7.8 0 0 0 4.465 1.507v-3.42C16.548 6.638 14.56 4.55 14.56 2"/></symbol> <symbol viewBox="0 0 24 24" id="Youtube"><path d="M21.8 8.035s-.195-1.379-.796-1.984c-.762-.797-1.613-.801-2.004-.848C16.203 5 12.004 5 12.004 5h-.008S7.796 5 5 5.203c-.39.047-1.242.05-2.004.848-.601.605-.793 1.984-.793 1.984S2 9.656 2 11.273v1.516c0 1.617.2 3.238.2 3.238s.195 1.38.792 1.985c.762.797 1.762.77 2.207.855 1.602.152 6.801.2 6.801.2s4.203-.008 7-.208c.39-.047 1.242-.05 2.004-.847.601-.606.797-1.985.797-1.985S22 14.41 22 12.79v-1.516c0-1.617-.2-3.238-.2-3.238M9.935 14.63V9.008l5.402 2.82z"/></symbol> <symbol viewBox="0 0 24 24" id="Threads"><path d="M9.901 9.52a172 172 0 0 1-1.457-1.002c.945-1.352 2.191-1.878 3.915-1.878 1.219 0 2.254.409 2.992 1.185.739.776 1.16 1.886 1.257 3.305q.615.258 1.13.605c1.387.931 2.15 2.325 2.15 3.921 0 3.395-2.783 6.344-7.82 6.344-4.325 0-8.818-2.516-8.818-10.007C3.25 4.542 7.603 2 12.055 2c2.058 0 6.883.304 8.695 6.295l-1.7.441c-1.405-4.268-4.346-4.949-7.042-4.949-4.457 0-6.978 2.714-6.978 8.488 0 5.179 2.818 7.929 7.038 7.929 3.47 0 6.058-1.804 6.058-4.445 0-1.798-1.51-2.659-1.587-2.659-.295 1.543-1.085 4.138-4.555 4.138-2.023 0-3.767-1.398-3.767-3.228 0-2.612 2.48-3.559 4.438-3.559.732 0 1.618.05 2.079.143 0-.796-.675-2.16-2.375-2.16-1.563 0-1.958.506-2.459 1.085zm2.994 2.718c-2.55 0-2.88 1.087-2.88 1.77 0 1.097 1.304 1.46 2 1.46 1.275 0 2.584-.353 2.79-3.03a7.8 7.8 0 0 0-1.91-.2"/></symbol> </svg> <header class="ds-main-header__wrap open" id="dna-main-header"> <div v-if="showHeader || false" class="ds-main-header"> <nav class="ds-site-nav" aria-label="Sivustot"> <a href="https://www.dna.fi" class="ds-site-nav__link current" aria-current="true">Yksityisille</a> <a href="https://www.dna.fi/yrityksille" class="ds-site-nav__link " >Yrityksille</a> <a href="https://www.dna.fi/wholesale" class="ds-site-nav__link " >Wholesale</a> <a href="https://corporate.dna.fi/fi" class="ds-site-nav__link " >DNA Oyj</a> </nav> <div class="ds-main-header__navigation"> <a class="ds-main-header__area--logo" href="https://www.dna.fi" aria-label="Siirry etusivulle"> <img src="https://www.dna.fi/o/dna-fi-theme/images/DNA.svg" alt="DNA logo" height="60" width="60"/> </a> <nav class="ds-main-header__area--nav" v-bind:class="{'open' : navigationVisible, 'subview': selectedNav != ''}" aria-label="Päävalikko" :role="mobileNavigationActive ? 'dialog' : null" :aria-modal="mobileNavigationActive ? 'true' : null"> <button v-if="mobileMode" v-cloak class="ds-simple-btn ds-main-nav__close-mobile" v-on:click="toggleMobileMenu()" aria-label="Sulje päävalikko" type="button"> <svg role="img" aria-hidden="true" class="ds-icon ds-icon--24 ds-icon--pink"> <use href="#Close"></use> </svg> </button> <ul class="ds-main-nav__list--main"> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_2528" v-bind:class="{'open' : isNavigationSectionOpen('2528'), 'active' : isNavigationSectionActive('nav_2528')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1" href="https://www.dna.fi/laitteet" id="99db92fe-13f0-7c5c-1e77-78375ead5aa9" data-navpath="/Laitteet" v-if="true || mobileMode" v-on:click="toggleNavigationItem('2528', false, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('2528'))" > <span>Laitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Laitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('2528', false, $event)" aria-label="Sulje alavalikko Laitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Laitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/kaytetyt/vaihtokapula" id="featured-5186" data-navpath="/Laitteet/Käytetyt puhelimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/kaytetyt/vaihtokapula')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Käytetyt puhelimet</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki" id="featured-2650" data-navpath="/Laitteet/Tarjoukset" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tarjoukset/kaikki')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tarjoukset</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/asiakasedut" id="featured-5040" data-navpath="/Laitteet/Asiakasedut" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/asiakasedut')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Asiakasedut</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/tuotemerkit" id="featured-2772" data-navpath="/Laitteet/Tuotemerkit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/tuotemerkit')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tuotemerkit</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista/osto-oppa
1640at" id="featured-4853" data-navpath="/Laitteet/Osto-oppaat" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista/osto-oppaat')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osto-oppaat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista" id="featured-4821" data-navpath="/Laitteet/Ajankohtaista" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Ajankohtaista</span> </a> </section> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2529" v-bind:class="{'open' : isNavigationSubSectionOpen('2529'), 'active' : isNavigationSectionActive('nav_2529')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Puhelimet ja lisälaitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/puhelimet-ja-lisalaitteet" id="da2f9657-24b9-6615-36d1-a246870daba7" data-navpath="/Laitteet/Puhelimet ja lisälaitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2529', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2529'))" > <span>Puhelimet ja lisälaitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Puhelimet ja lisälaitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2529', $event)" aria-label="Sulje alavalikko Puhelimet ja lisälaitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Puhelimet ja lisälaitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4730" v-bind:class="{'active' : isNavigationSectionActive('nav_4730')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet" id="fc4b7994-b8dd-b5e3-6acc-ff766ce80d10" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2540" v-bind:class="{'active' : isNavigationSectionActive('nav_2540')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet" id="4690a33d-ed6b-45e4-4785-32ad1bb3766b" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Puhelimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet')" > <span>Puhelimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2541" v-bind:class="{'active' : isNavigationSectionActive('nav_2541')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/suojakuoret" id="d7b011c2-d81f-63b7-ba18-d15120818786" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Suojakuoret" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/suojakuoret')" > <span>Suojakuoret</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2542" v-bind:class="{'active' : isNavigationSectionActive('nav_2542')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/naytonsuojat" id="ccd7367c-2324-f1cf-5159-c8ce8a8c9b46" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Näytönsuojat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/naytonsuojat')" > <span>Näytönsuojat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2543" v-bind:class="{'active' : isNavigationSectionActive('nav_2543')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/laturit" id="0feb8c55-64d6-8302-1dc6-dc40b40130e4" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Laturit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/laturit')" > <span>
1640Laturit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2544" v-bind:class="{'active' : isNavigationSectionActive('nav_2544')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/varavirtalahteet" id="75b81b04-0b0b-c624-788f-0de5a764c956" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Varavirtalähteet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/varavirtalahteet')" > <span>Varavirtalähteet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3892" v-bind:class="{'active' : isNavigationSectionActive('nav_3892')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kellopuhelimet" id="2a9a8ce7-e20d-ad3b-510b-7f0aeb0cabb7" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kellopuhelimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kellopuhelimet')" > <span>Kellopuhelimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2545" v-bind:class="{'active' : isNavigationSectionActive('nav_2545')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/muistikortit" id="30c20caa-4101-65e4-c7f0-06ae29f9056d" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Muistikortit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/muistikortit')" > <span>Muistikortit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2546" v-bind:class="{'active' : isNavigationSectionActive('nav_2546')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kaapelit-ja-adapterit" id="a5c98b7b-1151-80ae-8705-c6b639932659" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kaapelit ja adapterit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kaapelit-ja-adapterit')" > <span>Kaapelit ja adapterit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2547" v-bind:class="{'active' : isNavigationSectionActive('nav_2547')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/telineet-ja-pidikkeet" id="d37995df-e63f-e5d5-4847-98aec7574b81" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Telineet ja pidikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/telineet-ja-pidikkeet')" > <span>Telineet ja pidikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2548" v-bind:class="{'active' : isNavigationSectionActive('nav_2548')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kosketusnayttokynat" id="a8795c1d-b7fe-7d70-d68f-9a80464a505c" data-navpath="/Laitteet/Puhelimet ja lisälaitteet/Kosketusnäyttökynät" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/kosketusnayttokynat')" > <span>Kosketusnäyttökynät</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2530" v-bind:class="{'open' : isNavigationSubSectionOpen('2530'), 'active' : isNavigationSectionActive('nav_2530')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Tabletit ja lisälaitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/tabletit-ja-lisalaitteet" id="6a1e6c48-29d6-46c8-f03e-ff254e0606c0" data-navpath="/Laitteet/Tabletit ja lisälaitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2530', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2530'))" > <span>Tabletit ja lisälaitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Tabletit ja lisälaitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2530', $event)" aria-label="Sulje alavalikko Tabletit ja lisälaitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tabletit ja lisälaitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4731" v-bind:class="{'active' : isNavigationSectionActive('nav_4731')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet" id="62a93e6b-2615-2294-2935-813d09635ea9" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2549" v-bind:class="{'active' : isNavigationSectionActive('nav_2549')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit" id="f93b7a40-eacd-e37d-3b75-a95765d79b92" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Tabletit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit')" > <span>Tabletit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2550" v-bind:class="{'active' : isNavigationSectionActive('nav_2550')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/suojakotelot" id="782c694d-d444-4486-df8c-bf5d40f35d79" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Suojakotelot" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/suojakotelot')" > <span>Suojakotelot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2551" v-bind:class="{'active' : isNavigationSectionActive('nav_2551')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/naytonsuojat" id="2277a0d0-fbba-314c-c886-51d5d79acc5c" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Näytönsuojat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/naytonsuojat')" > <span>Näytönsuojat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2552" v-bind:class="{'active' : isNavigationSectionActive('nav_2552')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/laturit" id="bdd1479c-a4d8-6cd8-406f-775a2e2954dd" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Laturit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/laturit')" > <span>
1640Laturit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2555" v-bind:class="{'active' : isNavigationSectionActive('nav_2555')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kaapelit-ja-adapterit" id="4963f7ea-66f5-d64a-f224-7cfc36c0c66f" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Kaapelit ja adapterit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kaapelit-ja-adapterit')" > <span>Kaapelit ja adapterit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2556" v-bind:class="{'active' : isNavigationSectionActive('nav_2556')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/telineet-ja-pidikkeet" id="86daadf0-fa1a-4cb6-596a-c177dd94c3f6" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Telineet ja pidikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/telineet-ja-pidikkeet')" > <span>Telineet ja pidikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2557" v-bind:class="{'active' : isNavigationSectionActive('nav_2557')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kosketusnayttokynat-ja-nappaimistot" id="12fab780-c7dc-14f9-5c7a-b19a404d9443" data-navpath="/Laitteet/Tabletit ja lisälaitteet/Kosketusnäyttökynät ja näppäimistöt" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/kosketusnayttokynat-ja-nappaimistot')" > <span>Kosketusnäyttökynät ja näppäimistöt</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2537" v-bind:class="{'open' : isNavigationSubSectionOpen('2537'), 'active' : isNavigationSectionActive('nav_2537')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Älykellot ja hyvinvointi</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/alykellot-ja-hyvinvointi" id="e8dbd758-8af8-9e86-fb00-a52df552995d" data-navpath="/Laitteet/Älykellot ja hyvinvointi" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2537', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2537'))" > <span>Älykellot ja hyvinvointi</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Älykellot ja hyvinvointi"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2537', $event)" aria-label="Sulje alavalikko Älykellot ja hyvinvointi"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Älykellot ja hyvinvointi</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4732" v-bind:class="{'active' : isNavigationSectionActive('nav_4732')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi" id="90ccef11-39c3-bcd7-3077-77b4c76138eb" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2821" v-bind:class="{'active' : isNavigationSectionActive('nav_2821')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellot" id="74c667d1-022e-5c4a-a781-bd153dcfbfb9" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Älykellot" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellot')" > <span>Älykellot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2822" v-bind:class="{'active' : isNavigationSectionActive('nav_2822')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alyrannekkeet" id="a699df98-1a62-0e4a-430c-e8cbcf730e43" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Aktiivisuusrannekkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alyrannekkeet')" > <span>Aktiivisuusrannekkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3890" v-bind:class="{'active' : isNavigationSectionActive('nav_3890')}
1640"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/lasten-alykellot" id="6a55ad9c-2629-82fd-5cda-37fe150018a1" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Lasten älykellot" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/lasten-alykellot')" > <span>Lasten älykellot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2823" v-bind:class="{'active' : isNavigationSectionActive('nav_2823')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellojen-lisatarvikkeet" id="c8cc92b7-5be8-a713-d629-7e202493accc" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Älykellojen lisätarvikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellojen-lisatarvikkeet')" > <span>Älykellojen lisätarvikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5013" v-bind:class="{'active' : isNavigationSectionActive('nav_5013')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alysormukset" id="4b48aa01-e967-1cf9-ad25-a1ff0a0ca1a8" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Älysormukset" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alysormukset')" > <span>Älysormukset</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2587" v-bind:class="{'active' : isNavigationSectionActive('nav_2587')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/hyvinvointi" id="b68aca8c-f3a9-1729-687c-bf929b0a0c60" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Hyvinvointi" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/hyvinvointi')" > <span>Hyvinvointi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2588" v-bind:class="{'active' : isNavigationSectionActive('nav_2588')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulaudat" id="858876d3-39b0-354d-0e78-7d88b0d33937" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Sähköpotkulaudat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulaudat')" > <span>Sähköpotkulaudat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3891" v-bind:class="{'active' : isNavigationSectionActive('nav_3891')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulautojen-tarvikkeet" id="73bf9426-a97d-0dcc-6699-117cbc642794" data-navpath="/Laitteet/Älykellot ja hyvinvointi/Sähköpotkulautojen tarvikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/sahkopotkulautojen-tarvikkeet')" > <span>Sähköpotkulautojen tarvikkeet</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2536" v-bind:class="{'open' : isNavigationSubSectionOpen('2536'), 'active' : isNavigationSectionActive('nav_2536')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Äänentoisto ja audio</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/aanentoisto" id="3efe7732-3f36-5e68-01aa-3af446298ec7" data-navpath="/Laitteet/Äänentoisto ja audio" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2536', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2536'))" > <span>Äänentoisto ja audio</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Äänentoisto ja audio"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2536', $event)" aria-label="Sulje alavalikko Äänentoisto ja audio"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Äänentoisto ja audio</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4733" v-bind:class="{'active' : isNavigationSectionActive('nav_4733')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/aanentoisto" id="9beda171-ced8-c1ab-746f-de4e7516f242" data-navpath="/Laitteet/Äänentoisto ja audio/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/aanentoisto')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2583" v-bind:class="{'active' : isNavigationSectionActive('nav_2583')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/aanentoisto/kaiuttimet" id="241de9d7-d2dd-c71b-dd3a-3f9a8e5e6044" data-navpath="/Laitteet/Äänentoisto ja audio/Kaiuttimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/aanentoisto/kaiuttimet')" > <span>Kaiuttimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2584" v-bind:class="{'active' : isNavigationSectionActive('nav_2584')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/aanentoisto/kuulokkeet" id="0430bd11-b398-d6e0-c522-d950b01f0e79" data-navpath="/Laitteet/Äänentoisto ja audio/Kuulokkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/aanentoisto/kuulokkeet')" > <span>Kuulokkeet</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2531" v-bind:class="{'open' : isNavigationSubSectionOpen('2531'), 'active' : isNavigationSectionActive('nav_2531')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Tietokoneet ja lisälaitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/tietokoneet-lisalaitteet" id="0f7ea517-58cd-cd46-88bd-ac08d858de57" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2531', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2531'))" > <span>Tietokoneet ja lisälaitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Tietokoneet ja lisälaitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2531', $event)" aria-label="Sulje alavalikko Tietokoneet ja lisälaitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tietokoneet ja lisälaitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4734" v-bind:class="{'active' : isNavigationSectionActive('nav_4734')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet" id="1fba8730-2add-7a15-5f45-917c2c7bb2d6" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Kaikki" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2982" v-bind:class="{'active' : isNavigationSectionActive('nav_2982')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/poytatietokoneet" id="ead3cb0e-4a77-3fdc-2fd8-d81ca67a4a12" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Pöytätietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/poytatietokoneet')" > <span>Pöytätietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2983" v-bind:class="{'active' : isNavigationSectionActive('nav_2983')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kannettavat-tietokoneet" id="c421bd3a-5fea-42e3-6fd4-3d15d6a2fa99" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Kannettavat tietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kannettavat-tietokoneet')" > <span>Kannettavat tietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5068" v-bind:class="{'active' : isNavigationSectionActive('nav_5068')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet" id="c93c3190-2647-c942-572a-d251caa8f88f" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Pelitietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet')" > <span>Pelitietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2559" v-bind:class="{'active' : isNavigationSectionActive('nav_2559')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/naytot" id="02da04bb-6f68-e49b-895d-e2c49bd6af64" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Näytöt" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/naytot')" > <span>Näytöt</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2560" v-bind:class="{'active' : isNavigationSectionActive('nav_2560')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kaapelit-ja-adapterit" id="463f0a85-60c5-9828-3f92-e1aed8f42fcc" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Kaapelit ja adapterit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kaapelit-ja-adapterit')" > <span>Kaapelit ja adapterit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2561" v-bind:class="{'active' : isNavigationSectionActive('nav_2561')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/tietokoneiden-lisalaitteet" id="4b375c53-e2ba-4a99-59e5-3b43a3506594" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Tietokoneiden lisätarvikkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/tietokoneiden-lisalaitteet')" > <span>Tietokoneiden lisätarvikkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2562" v-bind:class="{'active' : isNavigationSectionActive('nav_2562')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/laukut-ja-reput" id="cb5cbe02-6dfb-bef9-2fa9-489a9edb979d" data-navpath="/Laitteet/Tietokoneet ja lisälaitteet/Laukut ja reput" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/laukut-ja-reput')" > <span>Laukut ja reput</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_2534" v-bind:class="{'open' : isNavigationSubSectionOpen('2534'), 'active' : isNavigationSectionActive('nav_2534')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Pelaaminen</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/pelaaminen" id="52a121d4-8514-c7dc-7fef-04c4844b2977" data-navpath="/Laitteet/Pelaaminen" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2534', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2534'))" > <span>Pelaaminen</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Pelaaminen"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2534', $event)" aria-label="Sulje alavalikko Pelaaminen"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Pelaaminen</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2571" v-bind:class="{'active' : isNavigationSectionActive('nav_2571')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelikonsolit" id="99013bcb-9f0b-6c49-5dee-d71fa5e2a83d" data-navpath="/Laitteet/Pelaaminen/Pelikonsolit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelikonsolit')" > <span>Pelikonsolit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2572" v-bind:class="{'active' : isNavigationSectionActive('nav_2572')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet" id="2efe37a2-ff26-4dcb-ea6c-2b2ca9f81041" data-navpath="/Laitteet/Pelaaminen/Pelitietokoneet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelitietokoneet')" > <span>Pelitietokoneet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2573" v-bind:class="{'active' : isNavigationSectionActive('nav_2573')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelit" id="6f9de979-7c6f-6960-cc33-22c8ec08fc25" data-navpath="/Laitteet/Pelaaminen/Pelit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelit')" > <span>Pelit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2574" v-bind:class="{'active' : isNavigationSectionActive('nav_2574')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/peliohjaimet" id="5514a08a-6102-e28e-a2ad-45eb536979bd" data-navpath="/Laitteet/Pelaaminen/Peliohjaimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/peliohjaimet')" > <span>Peliohjaimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2575" v-bind:class="{'active' : isNavigationSectionActive('nav_2575')}"> <a class="ds-main-nav__item-text ds-main-nav__item
1640-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/pelikuulokkeet" id="921f5047-afa6-9ad3-bd30-a6ed56d2d29c" data-navpath="/Laitteet/Pelaaminen/Pelikuulokkeet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/pelikuulokkeet')" > <span>Pelikuulokkeet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2576" v-bind:class="{'active' : isNavigationSectionActive('nav_2576')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/lisatarvikkeet" id="acfcc673-739f-fba1-aa3f-e5197c20d75f" data-navpath="/Laitteet/Pelaaminen/Lisätarvikkeet pelaamiseen" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/lisatarvikkeet')" > <span>Lisätarvikkeet pelaamiseen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2577" v-bind:class="{'active' : isNavigationSectionActive('nav_2577')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/virtuaalilasit" id="cbea4096-c3cd-ce57-20e7-17b42c384a40" data-navpath="/Laitteet/Pelaaminen/Virtuaalilasit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/virtuaalilasit')" > <span>Virtuaalilasit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2578" v-bind:class="{'active' : isNavigationSectionActive('nav_2578')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/pelaaminen/laukut-ja-reput" id="27096ede-4c16-7d6b-73e7-da9385de463b" data-navpath="/Laitteet/Pelaaminen/Laukut ja reput" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/pelaaminen/laukut-ja-reput')" > <span>Laukut ja reput</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_2538" v-bind:class="{'open' : isNavigationSubSectionOpen('2538'), 'active' : isNavigationSectionActive('nav_2538')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Älykoti</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/alykoti" id="33bd3ff4-24f4-5276-d566-eacee33f0f8c" data-navpath="/Laitteet/Älykoti" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2538', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2538'))" > <span>Älykoti</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Älykoti"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2538', $event)" aria-label="Sulje alavalikko Älykoti"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Älykoti</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2589" v-bind:class="{'active' : isNavigationSectionActive('nav_2589')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/alykaiuttimet" id="7c5450b0-53cb-b6df-f0f5-3ee0183fa03a" data-navpath="/Laitteet/Älykoti/Älykaiuttimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/alykaiuttimet')" > <span>Älykaiuttimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3364" v-bind:class="{'active' : isNavigationSectionActive('nav_3364')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/alykodinlaitteet" id="768fb552-9553-f03e-c9b0-dec549472c74" data-navpath="/Laitteet/Älykoti/Älykoti" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/alykodinlaitteet')" > <span>Älykoti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2590" v-bind:class="{'active' : isNavigationSectionActive('nav_2590')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/alyvalaistus" id="7ed4c5fa-273e-ec80-a3e5-18e94f3ff563" data-navpath="/Laitteet/Älykoti/Älyvalaistus" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/alyvalaistus')" > <span>Älyvalaistus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2798" v-bind:class="{'active' : isNavigationSectionActive('nav_2798')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/bluetooth-paikantimet" id="2e65733a-838a-bf7f-dd2e-081e66a13f35" data-navpath="/Laitteet/Älykoti/Bluetooth-paikantimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/bluetooth-paikantimet')" > <span>Bluetooth-paikantimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2591" v-bind:class="{'active' : isNavigationSectionActive('nav_2591')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/alykoti/robotti-imurit" id="21a37698-c8a8-c019-a811-d396028482d8" data-navpath="/Laitteet/Älykoti/Robotti-imurit" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/alykoti/robotti-imurit')" > <span>
1640Robotti-imurit</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3577" v-bind:class="{'open' : isNavigationSubSectionOpen('3577'), 'active' : isNavigationSectionActive('nav_3577')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Nettilaitteet, reitittimet ja modeemit</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat" id="783f9fdd-ff2a-7536-8775-ed7b1a73a42c" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3577', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3577'))" > <span>Nettilaitteet, reitittimet ja modeemit</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Nettilaitteet, reitittimet ja modeemit"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3577', $event)" aria-label="Sulje alavalikko Nettilaitteet, reitittimet ja modeemit"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Nettilaitteet, reitittimet ja modeemit</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3578" v-bind:class="{'active' : isNavigationSectionActive('nav_3578')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat" id="232aec78-32c1-3767-61bc-5dc49d7549a8" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Kaikki" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat')" > <span>Kaikki</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3133" v-bind:class="{'active' : isNavigationSectionActive('nav_3133')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/modeemit" id="fc8d347c-4cb6-30ef-caf7-56314fc4dde7" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Modeemit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/modeemit')" > <span>Modeemit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3610" v-bind:class="{'active' : isNavigationSectionActive('nav_3610')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/laitteet/modeemit-ja-mokkulat/mokkulat" id="a301caa4-7455-eb0c-3f8b-76dd22a4beb8" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Mokkulat: 4G - ja 5G -reitittimet" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/modeemit-ja-mokkulat/mokkulat')" > <span>Mokkulat: 4G - ja 5G -reitittimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3579" v-bind:class="{'active' : isNavigationSectionActive('nav_3579')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/mesh" id="ab11dd0c-a8ea-125d-ecd6-521506e3480d" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Mesh WiFi -laajentimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/mesh')" > <span>Mesh WiFi -laajentimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3404" v-bind:class="{'active' : isNavigationSectionActive('nav_3404')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/ulkomokkula" id="65be16d4-1085-3c17-cefd-0a33fa7ae30c" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/DNA Ulkomokkula" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/ulkomokkula')" > <span>DNA Ulkomokkula</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5093" v-bind:class="{'active' : isNavigationSectionActive('nav_5093')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat/lisatarvikkeet" id="32902c50-6156-cf9f-5442-c79eab482be5" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit/Lisätarvikkeet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat/lisatarvikkeet')" > <span>Lisätarvikkeet</span> </a> </li> </ul> </div> </li> <li v-if="!mobileMode" class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--collapsed" id="nav_level2_collapsed"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2"> Muut kategoriat </h2> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Muut kategoriat"> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_2534" v-bind:class="{'active' : isNavigationSectionActive('nav_2534')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/pelaaminen" id="52a121d4-8514-c7dc-7fef-04c4844b2977" data-navpath="/Laitteet/Pelaaminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/pelaaminen')" > <span>Pelaaminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_2538" v-bind:class="{'active' : isNavigationSectionActive('nav_2538')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/alykoti" id="33bd3ff4-24f4-5276-d566-eacee33f0f8c" data-navpath="/Laitteet/Älykoti" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/alykoti')" > <span>Älykoti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3577" v-bind:class="{'active' : isNavigationSectionActive('nav_3577')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/laitteet/modeemit-ja-mokkulat" id="783f9fdd-ff2a-7536-8775-ed7b1a73a42c" data-navpath="/Laitteet/Nettilaitteet, reitittimet ja modeemit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/modeemit-ja-mokkulat')" > <span>Nettilaitteet, reitittimet ja modeemit</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/kaytetyt/vaihtokapula" id="featured-5186" data-navpath="/Laitteet/Käytetyt puhelimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/kaytetyt/vaihtokapula')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Käytetyt puhelimet</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki" id="featured-2650" data-navpath="/Laitteet/Tarjoukset" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/tarjoukset/kaikki')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tarjoukset</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://kauppa.dna.fi/laitteet/asiakasedut" id="featured-5040" data-navpath="/Laitteet/Asiakasedut" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/laitteet/asiakasedut')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Asiakasedut</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/laitteet/tuotemerkit" id="featured-2772" data-navpath="/Laitteet/Tuotemerkit" v-on:click="onNavigationLinkClick('https://www.dna.fi/laitteet/tuotemerkit')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Tuotemerkit</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista/osto-oppa
1640at" id="featured-4853" data-navpath="/Laitteet/Osto-oppaat" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista/osto-oppaat')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osto-oppaat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/ajankohtaista" id="featured-4821" data-navpath="/Laitteet/Ajankohtaista" v-on:click="onNavigationLinkClick('https://www.dna.fi/ajankohtaista')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Ajankohtaista</span> </a> </section> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_4624" v-bind:class="{'open' : isNavigationSectionOpen('4624'), 'active' : isNavigationSectionActive('nav_4624')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1" href="https://www.dna.fi/liittymat-ja-palvelut" id="abeaa637-8692-0db2-6835-00416bd8ab20" data-navpath="/Liittymät ja palvelut" v-if="true || mobileMode" v-on:click="toggleNavigationItem('4624', false, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('4624'))" > <span>Liittymät ja palvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Liittymät ja palvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('4624', false, $event)" aria-label="Sulje alavalikko Liittymät ja palvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Liittymät ja palvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne" id="featured-4986" data-navpath="/Liittymät ja palvelut/Hanki Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Hanki Mobiilivarmenne</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/5g" id="featured-4660" data-navpath="/Liittymät ja palvelut/DNA 5G" v-on:click="onNavigationLinkClick('https://www.dna.fi/5g')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>DNA 5G</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/muutto" id="featured-4657" data-navpath="/Liittymät ja palvelut/Muuttajat" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/muutto')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Muuttajat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn" id="featured-4745" data-navpath="/Liittymät ja palvelut/VPN-yhteys" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>VPN-yhteys</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta" id="featured-4746" data-navpath="/Liittymät ja palvelut/Virustorjunta" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Virustorjunta</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta" id="featured-4659" data-navpath="/Liittymät ja palvelut/Osta puhelinliittymä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osta puhelinliittymä</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/esim" id="featured-4812" data-navpath="/Liittymät ja palvelut/eSIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/esim')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>eSIM</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille" id="featured-5058" data-navpath="/Liittymät ja palvelut/Taloyhtiöpäättäjä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Taloyhtiöpäättäjä</span> </a> </section> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_1253" v-bind:class="{'open' : isNavigationSubSectionOpen('1253'), 'active' : isNavigationSectionActive('nav_1253')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Puhelinliittymät</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/liittymat-ja-palvelut/puhe" id="1eebc69d-5fbe-14fb-4f07-2fc9c8d59c53" data-navpath="/Liittymät ja palvelut/Puhelinliittymät" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('1253', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('1253'))" > <span>Puhelinliittymät</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Puhelinliittymät"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('1253', $event)" aria-label="Sulje alavalikko Puhelinliittymät"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Puhelinliittymät</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_31" v-bind:class="{'active' : isNavigationSectionActive('nav_31')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe" id="dd2ca1ae-6991-2ac2-dc67-c93bfcbd10db" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Puhelinliittymät" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe')" > <span>Puhelinliittymät</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_982" v-bind:class="{'active' : isNavigationSectionActive('nav_982')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/prepaid" id="e5aa21b4-1524-61c1-0dcb-b78160cb09a1" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Prepaid-liittymät" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/prepaid')" > <span>Prepaid-liittymät</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2800" v-bind:class="{'active' : isNavigationSectionActive('nav_2800')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/koululaiselle" id="180865fa-d255-9ee1-c53d-b5c0f7cf6b2c" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Koululaiselle" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/koululaiselle')" > <span>Koululaiselle</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_640" v-bind:class="{'active' : isNavigationSectionActive('nav_640')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/ulkomailla" id="547405c0-fa21-d630-5bfb-bceaf014eaa0" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Ulkomailla" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/ulkomailla')" > <span>Ulkomailla</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_1613" v-bind:class="{'active' : isNavigationSectionActive('nav_1613')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/lisapalvelut" id="57434ebf-4b89-2f05-d626-36aa86578b27" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Liittymien lisäpalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/lisapalvelut')" > <span>Liittymien lisäpalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3067" v-bind:class="{'active' : isNavigationSectionActive('nav_3067')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymavertailu" id="dfd01264-93b6-9f03-af0a-78cf2b81ae74" data-navpath="/Liittymät ja palvelut/Puhelinliittymät/Puhelinliittymävertailu" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymavertailu')" > <span>Puhelinliittymävertailu</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3530" v-bind:class="{'open' : isNavigationSubSectionOpen('3530'), 'active' : isNavigationSectionActive('nav_3530')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Netti</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/liittymat-ja-palvelut/netti" id="3c37473c-463a-ef0f-4b72-594e2be1abe3" data-navpath="/Liittymät ja palvelut/Netti" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3530', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3530'))" > <span>Netti</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Netti"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3530', $event)" aria-label="Sulje alavalikko Netti"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Netti</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4653" v-bind:class="{'active' : isNavigationSectionActive('nav_4653')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti" id="ff943ba5-0e26-3f8d-7ea1-68f7e7b69c93" data-navpath="/Liittymät ja palvelut/Netti/Netti kotiin" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti')" > <span>Netti kotiin</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3036" v-bind:class="{'active' : isNavigationSectionActive('nav_3036')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mukaan" id="d0473997-c387-e832-746d-fe9fc77b8fed" data-navpath="/Liittymät ja palvelut/Netti/Netti mukaan" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mukaan')" > <span>Netti mukaan</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3176" v-bind:class="{'active' : isNavigationSectionActive('nav_3176')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/laitenetti" id="6dcc3f5f-9254-dfc2-d965-fa0773243976" data-navpath="/Liittymät ja palvelut/Netti/Laitenetti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/laitenetti')" > <span>Laitenetti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3498" v-bind:class="{'active' : isNavigationSectionActive('nav_3498')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot" id="143719c3-a4de-4887-8e91-49cc839e2525" data-navpath="/Liittymät ja palvelut/Netti/Taloyhtiönetti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot')" > <span>Taloyhtiönetti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3585" v-bind:class="{'active' : isNavigationSectionActive('nav_3585')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/pientalot" id="a87a163d-e832-4000-0e98-71c49316cec8" data-navpath="/Liittymät ja palvelut/Netti/Pientalot" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/pientalot')" > <span>Pientalot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2310" v-bind:class="{'active' : isNavigationSectionActive('nav_2310')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/nopeustesti" id="aec290df-a1f3-30bf-c66f-849b57eed2f5" data-navpath="/Liittymät ja palvelut/Netti/Nopeustesti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/nopeustesti')" > <span>Nopeustesti</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3211" v-bind:class="{'active' : isNavigationSectionActive('nav_3211')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mokille" id="68cd5c02-c529-1e60-20b2-55c8cd8c8e5a" data-navpath="/Liittymät ja palvelut/Netti/Netti mökille" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/netti-mokille')" > <span>Netti mökille</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3688" v-bind:class="{'active' : isNavigationSectionActive('nav_3688')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/laajakaista" id="a784f93b-7caf-087d-76b3-2dfef852b5a0" data-navpath="/Liittymät ja palvelut/Netti/Laajakaista" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/laajakaista')" > <span>Laajakaista</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3955" v-bind:class="{'active' : isNavigationSectionActive('nav_3955')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/valokuitu" id="e59ac481-407e-817b-8a0e-0a75a24b0ee1" data-navpath="/Liittymät ja palvelut/Netti/Valokuitu" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut
1640/netti/valokuitu')" > <span>Valokuitu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4913" v-bind:class="{'active' : isNavigationSectionActive('nav_4913')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/netti/kaapelinetti" id="f11b6113-8580-89ac-a661-37c50d32f6c8" data-navpath="/Liittymät ja palvelut/Netti/Kaapelinetti" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/kaapelinetti')" > <span>Kaapelinetti</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_4649" v-bind:class="{'open' : isNavigationSubSectionOpen('4649'), 'active' : isNavigationSectionActive('nav_4649')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Turvapalvelut</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut" id="24010751-72f4-ee9e-0b2e-f8e6451e4819" data-navpath="/Liittymät ja palvelut/Turvapalvelut" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4649', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4649'))" > <span>Turvapalvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Turvapalvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4649', $event)" aria-label="Sulje alavalikko Turvapalvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Turvapalvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4650" v-bind:class="{'active' : isNavigationSectionActive('nav_4650')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut" id="905ce0f4-c3f3-3237-4234-7e42fbfffb5c" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Kaikki turvapalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut')" > <span>Kaikki turvapalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3358" v-bind:class="{'active' : isNavigationSectionActive('nav_3358')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva" id="60f31e3e-0dd9-1d11-a55e-687f15f211ae" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Kattava tietoturva" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva')" > <span>Kattava tietoturva</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_60" v-bind:class="{'active' : isNavigationSectionActive('nav_60')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/squaretrade" id="fc917f62-f658-3d1b-8d89-316ba9532a19" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Laitevakuutus uudelle laitteelle" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/squaretrade')" > <span>Laitevakuutus uudelle laitteelle</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_62" v-bind:class="{'active' : isNavigationSectionActive('nav_62')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne" id="660e86f0-60f1-5771-df75-cd00029a94e2" data-navpath="/Liittymät ja palvelut/Turvapalvelut/Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne')" > <span>Mobiilivarmenne</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne" id="featured-4986" data-navpath="/Liittymät ja palvelut/Hanki Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/mobiilivarmenne')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Hanki Mobiilivarmenne</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/5g" id="featured-4660" data-navpath="/Liittymät ja palvelut/DNA 5G" v-on:click="onNavigationLinkClick('https://www.dna.fi/5g')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>DNA 5G</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/muutto" id="featured-4657" data-navpath="/Liittymät ja palvelut/Muuttajat" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/muutto')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Muuttajat</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn" id="featured-4745" data-navpath="/Liittymät ja palvelut/VPN-yhteys" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/vpn')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>VPN-yhteys</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta" id="featured-4746" data-navpath="/Liittymät ja palvelut/Virustorjunta" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva/virustorjunta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Virustorjunta</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta" id="featured-4659" data-navpath="/Liittymät ja palvelut/Osta puhelinliittymä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/liittymahinta')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Osta puhelinliittymä</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/puhe/esim" id="featured-4812" data-navpath="/Liittymät ja palvelut/eSIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/puhe/esim')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>eSIM</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille" id="featured-5058" data-navpath="/Liittymät ja palvelut/Taloyhtiöpäättäjä" v-on:click="onNavigationLinkClick('https://www.dna.fi/liittymat-ja-palvelut/netti/taloyhtiot/netti-taloyhtioille')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>Taloyhtiöpäättäjä</span> </a> </section> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_1300" v-bind:class="{'open' : isNavigationSectionOpen('1300'), 'active' : isNavigationSectionActive('nav_1300')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1" href="https://www.dna.fi/viihde" id="67c8f8e6-66b5-f87e-c85d-5cf663bfa279" data-navpath="/Viihde" v-if="true || mobileMode" v-on:click="toggleNavigationItem('1300', false, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('1300'))" > <span>
1640Viihde</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Viihde"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('1300', false, $event)" aria-label="Sulje alavalikko Viihde"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Viihde</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://dnatv.dna.fi/" id="featured-3432" data-navpath="/Viihde/Avaa DNA TV" target="_blank" v-on:click="onNavigationLinkClick('https://dnatv.dna.fi/')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#Open"></use></svg> <span>Avaa DNA TV</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/viihde/tvopas" id="featured-5189" data-navpath="/Viihde/TV-opas" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/tvopas')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>TV-opas</span> </a> </section> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_2648" v-bind:class="{'open' : isNavigationSubSectionOpen('2648'), 'active' : isNavigationSectionActive('nav_2648')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">DNA Viihde</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/viihde/dna-viihde" id="60a93c24-6e4c-b51d-469a-d9f22165d609" data-navpath="/Viihde/DNA Viihde" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('2648', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('2648'))" > <span>DNA Viihde</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="DNA Viihde"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('2648', $event)" aria-label="Sulje alavalikko DNA Viihde"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>DNA Viihde</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4654" v-bind:class="{'active' : isNavigationSectionActive('nav_4654')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/dna-viihde" id="65c9ba0d-5708-58db-0c4c-10775e16cd21" data-navpath="/Viihde/DNA Viihde/Tutustu DNA Viihteeseen" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/dna-viihde')" > <span>Tutustu DNA Viihteeseen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5138" v-bind:class="{'active' : isNavigationSectionActive('nav_5138')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/dna-viihde/takakaiuttimet" id="37bb413e-0fcc-6ce3-4e8f-30f2d1dc5ec9" data-navpath="/Viihde/DNA Viihde/Takakaiuttimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/dna-viihde/takakaiuttimet')" > <span>Takakaiuttimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3564" v-bind:class="{'active' : isNavigationSectionActive('nav_3564')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/tv/kanavapaketit-ja-suoratoistopalvelut" id="c9c9816d-8e0
1640d-16a7-54c2-4685c6d857dd" data-navpath="/Viihde/DNA Viihde/Kanavapaketit ja suoratoistopalvelut" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/tv/kanavapaketit-ja-suoratoistopalvelut')" > <span>Kanavapaketit ja suoratoistopalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5042" v-bind:class="{'active' : isNavigationSectionActive('nav_5042')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://kauppa.dna.fi/tv/kanavat" id="47a44b28-f2a4-0d13-c833-c14038482fa8" data-navpath="/Viihde/DNA Viihde/Kanavat" v-on:click="onNavigationLinkClick('https://kauppa.dna.fi/tv/kanavat')" > <span>Kanavat</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3729" v-bind:class="{'open' : isNavigationSubSectionOpen('3729'), 'active' : isNavigationSectionActive('nav_3729')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Suoratoistopalvelut</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/viihde/suoratoistopalvelut" id="7933129c-5518-cbd3-cd4e-c194f115984e" data-navpath="/Viihde/Suoratoistopalvelut" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3729', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3729'))" > <span>Suoratoistopalvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Suoratoistopalvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3729', $event)" aria-label="Sulje alavalikko Suoratoistopalvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Suoratoistopalvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4651" v-bind:class="{'active' : isNavigationSectionActive('nav_4651')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut" id="ea9cf656-eb86-d5b0-0126-af2fec0a3210" data-navpath="/Viihde/Suoratoistopalvelut/Tutustu suoratoistopalveluihin" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut')" > <span>Tutustu suoratoistopalveluihin</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5191" v-bind:class="{'active' : isNavigationSectionActive('nav_5191')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/hbomax" id="1267df80-a646-cff1-2418-b35422f5a0d1" data-navpath="/Viihde/Suoratoistopalvelut/HBO Max" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/hbomax')" > <span>HBO Max</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_467" v-bind:class="{'active' : isNavigationSectionActive('nav_467')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/mtvkatsomo" id="588a4035-f415-e799-e8b1-9462e30c42a0" data-navpath="/Viihde/Suoratoistopalvelut/MTV Katsomo+" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/mtvkatsomo')" > <span>MTV Katsomo+</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_1491" v-bind:class="{'active' : isNavigationSectionActive('nav_1491')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/viaplay" id="8bd746e1-b45c-5c77-a6b9-68a5c5144ef1" data-navpath="/Viihde/Suoratoistopalvelut/Viaplay" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/viaplay')" > <span>Viaplay</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2506" v-bind:class="{'active' : isNavigationSectionActive('nav_2506')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/netflix" id="1c46f1f9-1368-18a7-fc72-75bb89803ad4" data-navpath="/Viihde/Suoratoistopalvelut/Netflix" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/netflix')" > <span>Netflix</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3126" v-bind:class="{'active' : isNavigationSectionActive('nav_3126')}
1640"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/suoratoistopalvelut/deezer" id="876c3040-7ed7-51a4-5ed2-0256bbceabf0" data-navpath="/Viihde/Suoratoistopalvelut/Deezer" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/suoratoistopalvelut/deezer')" > <span>Deezer</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_4647" v-bind:class="{'open' : isNavigationSubSectionOpen('4647'), 'active' : isNavigationSectionActive('nav_4647')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Kampanjat</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/viihde/kampanjat" id="25d3a77d-ac93-8371-9aee-615ed9251c0a" data-navpath="/Viihde/Kampanjat" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4647', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4647'))" > <span>Kampanjat</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Kampanjat"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4647', $event)" aria-label="Sulje alavalikko Kampanjat"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Kampanjat</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4652" v-bind:class="{'active' : isNavigationSectionActive('nav_4652')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat" id="a82d9906-1116-1962-448f-9eac37a1ef4a" data-navpath="/Viihde/Kampanjat/Kaikki kampanjat" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat')" > <span>Kaikki kampanjat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_797" v-bind:class="{'active' : isNavigationSectionActive('nav_797')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/liiga" id="09f97062-a5cf-58bf-359b-3d34da2bc867" data-navpath="/Viihde/Kampanjat/Liiga" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/liiga')" > <span>Liiga</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_1791" v-bind:class="{'active' : isNavigationSectionActive('nav_1791')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/valioliiga" id="1ef217d4-4c10-c5df-cc16-65b730995cfa" data-navpath="/Viihde/Kampanjat/Valioliiga" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/valioliiga')" > <span>Valioliiga</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2666" v-bind:class="{'active' : isNavigationSectionActive('nav_2666')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/nhl" id="a42f4931-7216-02cf-601a-48a086ed330a" data-navpath="/Viihde/Kampanjat/NHL" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/nhl')" > <span>NHL</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5185" v-bind:class="{'active' : isNavigationSectionActive('nav_5185')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/mestarienliiga" id="524aa2aa-203e-6c9f-b924-02fd4d2871e6" data-navpath="/Viihde/Kampanjat/Mestarien liiga" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/mestarienliiga')" > <span>Mestarien liiga</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_710" v-bind:class="{'active' : isNavigationSectionActive('nav_710')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/formula1" id="62e2e206-1ce0-6ec2-063d-9c7e4d92cf87" data-navpath="/Viihde/Kampanjat/Formula 1®" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/formula1')" > <span>Formula 1®</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3689" v-bind:class="{'active' : isNavigationSectionActive('nav_3689')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/viihde/kampanjat/ralli" id="09513c4a-9eeb-0617-8aa7-5ac82ba64666" data-navpath="/Viihde/Kampanjat/MM-ralli" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/kampanjat/ralli')" > <span>MM-ralli</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> <section aria-label="Oikopolut"> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://dnatv.dna.fi/" id="featured-3432" data-navpath="/Viihde/Avaa DNA TV" target="_blank" v-on:click="onNavigationLinkClick('https://dnatv.dna.fi/')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#Open"></use></svg> <span>Avaa DNA TV</span> </a> <a class="ds-main-nav__featured-link ds-icon-btn" href="https://www.dna.fi/viihde/tvopas" id="featured-5189" data-navpath="/Viihde/TV-opas" v-on:click="onNavigationLinkClick('https://www.dna.fi/viihde/tvopas')" > <svg role="img" class="ds-icon ds-icon--16" aria-hidden="true"><use href="#ArrowRight"></use></svg> <span>TV-opas</span> </a> </section> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--level-1 " id="nav_3914" v-bind:class="{'open' : isNavigationSectionOpen('3914'), 'active' : isNavigationSectionActive('nav_3914')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-1 ds-main-nav__item--link-in-desktop" href="https://www.dna.fi/tuki" id="36b3fa9c-532e-a1ef-1151-3a44f31392ca" data-navpath="/Tuki ja ohjeet" v-if="true || mobileMode" v-on:click="toggleNavigationItem('3914', true, $event)" v-bind:aria-expanded="String(isNavigationSectionOpen('3914'))" > <span>Tuki ja ohjeet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section ds-main-nav__section--megamenu"> <ul class="ds-main-nav__list--sub" aria-label="Tuki ja ohjeet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-2 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationItem('3914', false, $event)" aria-label="Sulje alavalikko Tuki ja ohjeet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tuki ja ohjeet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="mobileMode"> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3915" v-bind:class="{'open' : isNavigationSubSectionOpen('3915'), 'active' : isNavigationSectionActive('nav_3915')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Laitteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/laitteet" id="ea07a0f7-2122-db0b-daa6-71c245ce36ca" data-navpath="/Tuki ja ohjeet/Laitteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3915', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3915'))" > <span>Laitteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Laitteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3915', $event)" aria-label="Sulje alavalikko Laitteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Laitteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4020" v-bind:class="{'active' : isNavigationSectionActive('nav_4020')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/modeemit" id="f4da943c-c00e-0bad-a9a0-b7c59306a6c1" data-navpath="/Tuki ja ohjeet/Laitteet/Reitittimet" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/modeemit')" > <span>Reitittimet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4062" v-bind:class="{'active' : isNavigationSectionActive('nav_4062')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/mokkulat" id="0f8685e7-1292-d1ac-79a1-c4dddc2d0f8f" data-navpath="/Tuki ja ohjeet/Laitteet/Mokkulat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/mokkulat')" > <span>Mokkulat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4064" v-bind:class="{'active' : isNavigationSectionActive('nav_4064')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/puhelimet-ja-tabletit" id="87fb071b-006d-abe8-8083-1bf050a1692c" data-navpath="/Tuki ja ohjeet/Laitteet/Puhelimet ja tabletit" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/puhelimet-ja-tabletit')" > <span>Puhelimet ja tabletit</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4249" v-bind:class="{'active' : isNavigationSectionActive('nav_4249')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/alykellot" id="e1b3e444-76ed-64df-a679-b910edca17b0" data-navpath="/Tuki ja ohjeet/Laitteet/Älykellot" target="Tuki" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/alykellot')" > <span>Älykellot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4065" v-bind:class="{'active' : isNavigationSectionActive('nav_4065')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/huolto" id="05554cd1-8023-2e2e-de21-25b027359cd7" data-navpath="/Tuki ja ohjeet/Laitteet/Huoltokumppanit ja takuu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/huolto')" > <span>Huoltokumppanit ja takuu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5289" v-bind:class="{'active' : isNavigationSectionActive('nav_5289')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/laitteet/nettilaitteet-palveluna" id="bd1219a7-a184-5010-7004-90adaf1cbd00" data-navpath="/Tuki ja ohjeet/Laitteet/Nettilaitteet palveluna" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/laitteet/nettilaitteet-palveluna')" > <span>Nettilaitteet palveluna</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3916" v-bind:class="{'open' : isNavigationSubSectionOpen('3916'), 'active' : isNavigationSectionActive('nav_3916')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Puhelinliittymät</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/puhelinliittymat" id="8aa9749d-ee13-a50b-13b6-ae9e7eaf26e5" data-navpath="/Tuki ja ohjeet/Puhelinliittymät" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3916', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3916'))" > <span>Puhelinliittymät</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Puhelinliittymät"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3916', $event)" aria-label="Sulje alavalikko Puhelinliittymät"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Puhelinliittymät</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4000" v-bind:class="{'active' : isNavigationSectionActive('nav_4000')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/puk-koodi" id="aedf8f8f-df3e-1c56-0bb3-5df25b0419a2" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/PUK-koodi" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/puk-koodi')" > <span>PUK-koodi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4003" v-bind:class="{'active' : isNavigationSectionActive('nav_4003')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/aktivointi" id="8fdbd473-1153-0f1f-14ca-fff98591f97e" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Liittymän aktivointi" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/aktivointi')" > <span>Liittymän aktivointi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4053" v-bind:class="{'active' : isNavigationSectionActive('nav_4053')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/numeronsiirto" id="bbeb80ce-e8cf-66b6-0bb3-d50b1051265e" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Numeronsiirto" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/numeronsiirto')" > <span>Numeronsiirto</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5198" v-bind:class="{'active' : isNavigationSectionActive('nav_5198')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/numeronluovutus" id="0c73a4c6-4450-5870-52eb-9da523443eb7" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Numeronluovutus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/numeronluovutus')" > <span>Numeronluovutus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4537" v-bind:class="{'active' : isNavigationSectionActive('nav_4537')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/kaytto-ulkomailla" id="2658ec94-6108-abd2-db94-91efa212ef2d" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Liittymän käyttö ulkomailla" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/kaytto-ulkomailla')" > <span>Liittymän käyttö ulkomailla</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5125" v-bind:class="{'active' : isNavigationSectionActive('nav_5125')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/irtisanominen" id="ae515918-1ed4-28df-71b4-b66c6dc56f58" data-navpat
1640h="/Tuki ja ohjeet/Puhelinliittymät/Puhelinliittymän irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/irtisanominen')" > <span>Puhelinliittymän irtisanominen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4004" v-bind:class="{'active' : isNavigationSectionActive('nav_4004')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/esim" id="027dcf09-6e97-6618-fa61-8fa1d801f796" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/eSIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/esim')" > <span>eSIM</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4005" v-bind:class="{'active' : isNavigationSectionActive('nav_4005')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/multi-sim" id="2bfd81a3-9599-24e2-7583-71e20579cf6b" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Multi-SIM" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/multi-sim')" > <span>Multi-SIM</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4002" v-bind:class="{'active' : isNavigationSectionActive('nav_4002')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne" id="1bdd5666-dd9b-29bc-6647-eda1036e7eee" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne')" > <span>Mobiilivarmenne</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5268" v-bind:class="{'active' : isNavigationSectionActive('nav_5268')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne-sv" id="707e23a0-87d8-fa37-bc17-38d0ec1928b6" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Mobilcertifikat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne-sv')" > <span>Mobilcertifikat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4001" v-bind:class="{'active' : isNavigationSectionActive('nav_4001')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/wifi-puhelut" id="9608ea5c-1728-e07b-8e1c-84b353fba299" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/WiFi-puhelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/wifi-puhelut')" > <span>WiFi-puhelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5271" v-bind:class="{'active' : isNavigationSectionActive('nav_5271')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/puhelinliittymien-lis%C3%A4palvelut" id="7a9974e7-7099-91ed-d180-6a8021939236" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Puhelinliittymien lisäpalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/puhelinliittymien-lis%C3%A4palvelut')" > <span>Puhelinliittymien lisäpalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4007" v-bind:class="{'active' : isNavigationSectionActive('nav_4007')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/puhelinlaskulla-maksaminen" id="158e69ed-eff5-41f1-ec51-6c891102b096" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Puhelinlaskulla maksaminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/puhelinlaskulla-maksaminen')" > <span>Puhelinlaskulla maksaminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4056" v-bind:class="{'active' : isNavigationSectionActive('nav_4056')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/prepaid" id="13cf7d85-d3d6-3bdf-71f9-0e7d4bec93f4" data-navpath="/Tuki ja ohjeet/Puhelinliittymät/Prepaid-liittymät" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/prepaid')" > <span>Prepaid-liittymät</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3917" v-bind:class="{'open' : isNavigationSubSectionOpen('3917'), 'active' : isNavigationSectionActive('nav_3917')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Netti</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/netti" id="ccb829f9-5635-9c00-97ea-121888c89208" data-navpath="/Tuki ja ohjeet/Netti" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3917', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3917'))" > <span>Netti</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Netti"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3917', $event)" aria-label="Sulje alavalikko Netti"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Netti</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4011" v-bind:class="{'active' : isNavigationSectionActive('nav_4011')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/vianrajaus" id="b6115e86-0b0e-7c08-2db5-4bf1a909cff9" data-navpath="/Tuki ja ohjeet/Netti/Vianrajaus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/vianrajaus')" > <span>Vianrajaus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4014" v-bind:class="{'active' : isNavigationSectionActive('nav_4014')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/kayttoonotto" id="e9400049-881b-6839-9d26-fe1296d19411" data-navpath="/Tuki ja ohjeet/Netti/Käyttöönotto" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/kayttoonotto')" > <span>Käyttöönotto</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5073" v-bind:class="{'active' : isNavigationSectionActive('nav_5073')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/turvallinen-nettiselaus-netti" id="4e8c881e-7445-5872-95ae-655e452d8f00" data-navpath="/Tuki ja ohjeet/Netti/Turvallinen nettiselaus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/turvallinen-nettiselaus-netti')" > <span>Turvallinen nettiselaus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4015" v-bind:class="{'active' : isNavigationSectionActive('nav_4015')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/wifi" id="17899644-9b87-890e-62d2-50693d0671a2" data-navpath="/Tuki ja ohjeet/Netti/WiFi-verkko" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/wifi')" > <span>WiFi-verkko</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5128" v-bind:class="{'active' : isNavigationSectionActive('nav_5128')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/netti/nettiliittyman-irtisanominen" id="97252aad-34c6-b672-199c-6c792b83b221" data-navpath="/Tuki ja ohjeet/Netti/Nettiliittymän irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/netti/nettiliittyman-irtisanominen')" > <span>Nettiliittymän irtisanominen</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3918" v-bind:class="{'open' : isNavigationSubSectionOpen('3918'), 'active' : isNavigationSectionActive('nav_3918')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Viihde</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/viihde" id="c39ab3b1-2580-5a1f-86ef-63bf1b06aea4" data-navpath="/Tuki ja ohjeet/Viihde" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3918', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3918'))" > <span>
1640Viihde</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Viihde"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3918', $event)" aria-label="Sulje alavalikko Viihde"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Viihde</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3940" v-bind:class="{'active' : isNavigationSectionActive('nav_3940')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/dnahubi" id="bc1dac8a-03d6-7623-12fd-b9e5dcaa0dc8" data-navpath="/Tuki ja ohjeet/Viihde/DNA viihdeboksi" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/dnahubi')" > <span>DNA viihdeboksi</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3958" v-bind:class="{'active' : isNavigationSectionActive('nav_3958')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/suoratoistopalvelut" id="c36ee29a-e095-1dc3-b677-9307983a14fa" data-navpath="/Tuki ja ohjeet/Viihde/Suoratoistopalvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/suoratoistopalvelut')" > <span>Suoratoistopalvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3942" v-bind:class="{'active' : isNavigationSectionActive('nav_3942')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/dnatv-mobiilisovellus" id="12f3d421-bda7-4b51-b1d3-3ee8333693a5" data-navpath="/Tuki ja ohjeet/Viihde/DNA TV -mobiilisovellus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/dnatv-mobiilisovellus')" > <span>DNA TV -mobiilisovellus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3944" v-bind:class="{'active' : isNavigationSectionActive('nav_3944')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/dnatv-selaimessa" id="07f5ad2c-2cf6-b6ee-166c-d1cdfbe17abc" data-navpath="/Tuki ja ohjeet/Viihde/DNA TV selaimessa" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/dnatv-selaimessa')" > <span>DNA TV selaimessa</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3959" v-bind:class="{'active' : isNavigationSectionActive('nav_3959')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/vuokraamo" id="aba22563-8067-2743-c28a-9e201f391fe4" data-navpath="/Tuki ja ohjeet/Viihde/Vuokraamo" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/vuokraamo')" > <span>Vuokraamo</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3960" v-bind:class="{'active' : isNavigationSectionActive('nav_3960')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/kanavalistat" id="2a4ccdfd-f6d0-0761-f419-31ae97d8b880" data-navpath="/Tuki ja ohjeet/Viihde/Kanavalistat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/kanavalistat')" > <span>Kanavalistat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3961" v-bind:class="{'active' : isNavigationSectionActive('nav_3961')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/kaapeli-tv" id="3368403d-d092-3583-c241-08e3f39ca677" data-navpath="/Tuki ja ohjeet/Viihde/Kaapeli-TV" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/kaapeli-tv')" > <span>Kaapeli-TV</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5216" v-bind:class="{'active' : isNavigationSectionActive('nav_5216')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/viihde/irtisanominen" id="2173c0e6-88d3-fe90-2ebd-f63c6a6eeae0" data-navpath="/Tuki ja ohjeet/Viihde/Irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/viihde/irtisanominen')" > <span>Irtisanominen</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 " id="nav_3919" v-bind:class="{'open' : isNavigationSubSectionOpen('3919'), 'active' : isNavigationSectionActive('nav_3919')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Tietoturva</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/tietoturva" id="7a27319d-b8a9-823e-edee-60bd64490b78" data-navpath="/Tuki ja ohjeet/Tietoturva" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3919', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3919'))" > <span>Tietoturva</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Tietoturva"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3919', $event)" aria-label="Sulje alavalikko Tietoturva"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Tietoturva</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3991" v-bind:class="{'active' : isNavigationSectionActive('nav_3991')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/tietoturva/digiturva" id="6
1640adfeed4-114e-ea58-63fc-f4ccca100c54" data-navpath="/Tuki ja ohjeet/Tietoturva/DNA Digiturva" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/tietoturva/digiturva')" > <span>DNA Digiturva</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5070" v-bind:class="{'active' : isNavigationSectionActive('nav_5070')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/tietoturva/turvallinen-nettiselaus" id="bafbb498-5d20-4c4b-742e-1a21c20abcc8" data-navpath="/Tuki ja ohjeet/Tietoturva/Turvallinen nettiselaus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/tietoturva/turvallinen-nettiselaus')" > <span>Turvallinen nettiselaus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5071" v-bind:class="{'active' : isNavigationSectionActive('nav_5071')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne" id="99315524-d779-17c3-1812-6a2cdb211fee" data-navpath="/Tuki ja ohjeet/Tietoturva/Mobiilivarmenne" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/puhelinliittymat/mobiilivarmenne')" > <span>Mobiilivarmenne</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3920" v-bind:class="{'open' : isNavigationSubSectionOpen('3920'), 'active' : isNavigationSectionActive('nav_3920')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Palvelut</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/palvelut" id="510b0969-f2a1-49f3-3193-b89d9f22d884" data-navpath="/Tuki ja ohjeet/Palvelut" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3920', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3920'))" > <span>Palvelut</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Palvelut"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3920', $event)" aria-label="Sulje alavalikko Palvelut"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Palvelut</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3995" v-bind:class="{'active' : isNavigationSectionActive('nav_3995')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut/laiteturva" id="f0a92b9e-7876-52cf-3c76-aef9bd86a213" data-navpath="/Tuki ja ohjeet/Palvelut/SquareTrade-laiteturva" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut/laiteturva')" > <span>SquareTrade-laiteturva</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3998" v-bind:class="{'active' : isNavigationSectionActive('nav_3998')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut/deezer" id="5bfa0d55-3c6f-e87a-381d-af383997251b" data-navpath="/Tuki ja ohjeet/Palvelut/Deezer" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut/deezer')" > <span>Deezer</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3996" v-bind:class="{'active' : isNavigationSectionActive('nav_3996')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut/webmail" id="06de87d2-3384-0247-1517-df36e1c4e0e2" data-navpath="/Tuki ja ohjeet/Palvelut/DNA sähköposti" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut/webmail')" > <span>DNA sähköposti</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3921" v-bind:class="{'open' : isNavigationSubSectionOpen('3921'), 'active' : isNavigationSectionActive('nav_3921')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Asiakkuus</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/asiakkuus" id="25d373ce-32c7-59f3-4047-8b9c8305775e" data-navpath="/Tuki ja ohjeet/Asiakkuus" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3921', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3921'))" > <span>Asiakkuus</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Asiakkuus"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3921', $event)" aria-label="Sulje alavalikko Asiakkuus"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Asiakkuus</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3973" v-bind:class="{'active' : isNavigationSectionActive('nav_3973')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/laskutus" id="7b8e460e-f116-f5b2-9640-2b056146d735" data-navpath="/Tuki ja ohjeet/Asiakkuus/Laskutus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/laskutus')" > <span>Laskutus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3972" v-bind:class="{'active' : isNavigationSectionActive('nav_3972')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/nettiostaminen" id="51d12cdc-e9d4-b568-f021-dcfa96f1986c" data-navpath="/Tuki ja ohjeet/Asiakkuus/Nettiostaminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/nettiostaminen')" > <span>Nettiostaminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3974" v-bind:class="{'active' : isNavigationSectionActive('nav_3974')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot" id="91247660-7575-344d-e80f-94a820f01bf2" data-navpath="/Tuki ja ohjeet/Asiakkuus/Hinnastot ja ehdot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot')" > <span>Hinnastot ja ehdot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_5304" v-bind:class="{'active' : isNavigationSectionActive('nav_5304')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/peruuttaminen-ja-irtisanominen" id="8d8303e0-2735-a233-11d1-8ed7969d52df" data-navpath="/Tuki ja ohjeet/Asiakkuus/Peruuttaminen ja irtisanominen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/peruuttaminen-ja-irtisanominen')" > <span>Peruuttaminen ja irtisanominen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3989" v-bind:class="{'active' : isNavigationSectionActive('nav_3989')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/kirjautuminen" id="acedd91e-82be-c2ce-d26b-d9078600987b" data-navpath="/Tuki ja ohjeet/Asiakkuus/Kirjautuminen" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/kirjautuminen')" > <span>Kirjautuminen</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3976" v-bind:class="{'active' : isNavigationSectionActive('nav_3976')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/valtakirjat" id="d19a012c-0fb9-fbe5-38fc-6c27bc0aec0a" data-navpath="/Tuki ja ohjeet/Asiakkuus/Valtakirjat" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/valtakirjat')" > <span>Valtakirjat</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3990" v-bind:class="{'active' : isNavigationSectionActive('nav_3990')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus" id="ea7d9849-a4ed-17e9-306f-5d930f777d4b" data-navpath="/Tuki ja ohjeet/Asiakkuus/Oma DNA -sovellus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus')" > <span>Oma DNA -sovellus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4921" v-bind:class="{'active' : isNavigationSectionActive('nav_4921')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/alvmuutos" id="ddf9b99d-98ad-f120-a4c5-b005160d06a9" data-navpath="/Tuki ja ohjeet/Asiakkuus/ALV muutos" v-on:click="onNavigationLinkClick('https://www.dna.fi/alvmuutos')" > <span>ALV muutos</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3922" v-bind:class="{'open' : isNavigationSubSectionOpen('3922'), 'active' : isNavigationSectionActive('nav_3922')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Verkot ja häiriötilanteet</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet" id="d0cad440-9427-e2a6-e4d3-d4d7d653b860" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3922', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3922'))" > <span>
1640Verkot ja häiriötilanteet</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Verkot ja häiriötilanteet"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3922', $event)" aria-label="Sulje alavalikko Verkot ja häiriötilanteet"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Verkot ja häiriötilanteet</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3923" v-bind:class="{'active' : isNavigationSectionActive('nav_3923')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot" id="39ee2388-e634-4fb5-6d28-860ca89c0508" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet/Kuuluvuus ja verkot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot')" > <span>Kuuluvuus ja verkot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_3924" v-bind:class="{'active' : isNavigationSectionActive('nav_3924')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/viat-ja-hairiot" id="e255216e-f68a-2fe5-6880-0cce84fc9b15" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet/Viat ja häiriöt" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/viat-ja-hairiot')" > <span>Viat ja häiriöt</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_64" v-bind:class="{'active' : isNavigationSectionActive('nav_64')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot/telekaapeleiden-sijaintitiedot" id="9f4d96da-448e-6cb0-ac8c-9c3e5581a078" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet/Telekaapeleiden sijaintitiedot ja vauriot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet/kuuluvuus-ja-verkot/telekaapeleiden-sijaintitiedot')" > <span>Telekaapeleiden sijaintitiedot ja vauriot</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_3939" v-bind:class="{'open' : isNavigationSubSectionOpen('3939'), 'active' : isNavigationSectionActive('nav_3939')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">Yhteystiedot</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/yhteystiedot" id="7bfedc6e-a3f6-6de7-3281-ec19bb370feb" data-navpath="/Tuki ja ohjeet/Yhteystiedot" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('3939', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('3939'))" > <span>Yhteystiedot</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Yhteystiedot"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('3939', $event)" aria-label="Sulje alavalikko Yhteystiedot"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>Yhteystiedot</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_2710" v-bind:class="{'active' : isNavigationSectionActive('nav_2710')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot/asiakaspalvelu" id="c2b6c92e-5ce3-10e2-7d2a-cafbd4593156" data-navpath="/Tuki ja ohjeet/Yhteystiedot/Asiakaspalvelu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot/asiakaspalvelu')" > <span>Asiakaspalvelu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4017" v-bind:class="{'active' : isNavigationSectionActive('nav_4017')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot/myyntipalvelu" id="1813ecc3-f829-8609-846a-8c43b11c1b36" data-navpath="/Tuki ja ohjeet/Yhteystiedot/Myyntipalvelu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot/myyntipalvelu')" > <span>Myyntipalvelu</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4018" v-bind:class="{'active' : isNavigationSectionActive('nav_4018')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot/asennusapu" id="403b97d1-9441-5425-0342-12f6228afcba" data-navpath="/Tuki ja ohjeet/Yhteystiedot/Asennusapu" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot/asennusapu')" > <span>Asennusapu</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_4049" v-bind:class="{'open' : isNavigationSubSectionOpen('4049'), 'active' : isNavigationSectionActive('nav_4049')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">In English</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/in-english" id="f9587564-cc1d-edcf-4bc2-313241d64c36" data-navpath="/Tuki ja ohjeet/In English" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4049', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4049'))" > <span>
1640In English</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="In English"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4049', $event)" aria-label="Sulje alavalikko In English"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>In English</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4050" v-bind:class="{'active' : isNavigationSectionActive('nav_4050')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/in-english/contact-us" id="c9e8b954-ecea-7a46-a408-ad4951e6314d" data-navpath="/Tuki ja ohjeet/In English/Contact us" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/in-english/contact-us')" > <span>Contact us</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4051" v-bind:class="{'active' : isNavigationSectionActive('nav_4051')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/in-english/price-lists-terms-conditions" id="8779755e-c339-6d0c-828f-ba094459a389" data-navpath="/Tuki ja ohjeet/In English/Price lists, terms and conditions" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/in-english/price-lists-terms-conditions')" > <span>Price lists, terms and conditions</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4052" v-bind:class="{'active' : isNavigationSectionActive('nav_4052')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/english/prepaid" id="fab54b5e-7a4d-512b-8e8e-4be8d78b234e" data-navpath="/Tuki ja ohjeet/In English/Prepaid subscriptions" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/english/prepaid')" > <span>Prepaid subscriptions</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--expanded" id="nav_4155" v-bind:class="{'open' : isNavigationSubSectionOpen('4155'), 'active' : isNavigationSectionActive('nav_4155')}"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2" v-if="!mobileMode">På svenska</h2> <a class="ds-main-nav__item-text ds-main-nav__item-text--level-2" href="https://www.dna.fi/tuki/pa-svenska" id="0713dc76-dbaa-7dcf-ba46-2b4ede5566fb" data-navpath="/Tuki ja ohjeet/På svenska" v-if="false || mobileMode" v-on:click.prevent="toggleNavigationSubItem('4155', $event)" v-bind:aria-expanded="String(isNavigationSubSectionOpen('4155'))" > <span>På svenska</span> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="På svenska"> <li class="ds-main-nav__item ds-main-nav__item--back"> <button class="ds-main-nav__item-text ds-main-nav__item-text--level-3 ds-main-nav__item-text--back" v-on:click.prevent="toggleNavigationSubItem('4155', $event)" aria-label="Sulje alavalikko På svenska"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> <span>På svenska</span> </button> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4518" v-bind:class="{'active' : isNavigationSectionActive('nav_4518')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/kontakta-oss" id="78c1f469-0fd4-a099-be1a-d7d461f37900" data-navpath="/Tuki ja ohjeet/På svenska/Kontakta oss" v-on:click="onNavigationLinkClick('https://www.dna.fi/kontakta-oss')" > <span>Kontakta oss</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="nav_4519" v-bind:class="{'active' : isNavigationSectionActive('nav_4519')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/pa-svenska/prislistor-och-specialvillkor" id="b9ed9a5d-6334-21f9-d370-fd70b1c995a7" data-navpath="/Tuki ja ohjeet/På svenska/Prislistor och specialvillkor" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/pa-svenska/prislistor-och-specialvillkor')" > <span>Prislistor och specialvillkor</span> </a> </li> </ul> </div> </li> <li v-if="!mobileMode" class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-2 ds-main-nav__item--collapsed" id="nav_level2_collapsed"> <h2 class="ds-main-nav__item-text ds-main-nav__item-text--level-2"> Muut kategoriat </h2> <div class="ds-main-nav__section"> <ul class="ds-main-nav__list--sub" aria-label="Muut kategoriat"> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3920" v-bind:class="{'active' : isNavigationSectionActive('nav_3920')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/palvelut" id="510b0969-f2a1-49f3-3193-b89d9f22d884" data-navpath="/Tuki ja ohjeet/Palvelut" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/palvelut')" > <span>Palvelut</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3921" v-bind:class="{'active' : isNavigationSectionActive('nav_3921')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/asiakkuus" id="25d373ce-32c7-59f3-4047-8b9c8305775e" data-navpath="/Tuki ja ohjeet/Asiakkuus" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/asiakkuus')" > <span>Asiakkuus</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3922" v-bind:class="{'active' : isNavigationSectionActive('nav_3922')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/verkot-ja-hairiotilanteet" id="d0cad440-9427-e2a6-e4d3-d4d7d653b860" data-navpath="/Tuki ja ohjeet/Verkot ja häiriötilanteet" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/verkot-ja-hairiotilanteet')" > <span>
1640Verkot ja häiriötilanteet</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_3939" v-bind:class="{'active' : isNavigationSectionActive('nav_3939')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/yhteystiedot" id="7bfedc6e-a3f6-6de7-3281-ec19bb370feb" data-navpath="/Tuki ja ohjeet/Yhteystiedot" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/yhteystiedot')" > <span>Yhteystiedot</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_4049" v-bind:class="{'active' : isNavigationSectionActive('nav_4049')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/in-english" id="f9587564-cc1d-edcf-4bc2-313241d64c36" data-navpath="/Tuki ja ohjeet/In English" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/in-english')" > <span>In English</span> </a> </li> <li class="ds-main-nav__item ds-main-nav__item--sub ds-main-nav__item--level-3" id="collapsed_nav_4155" v-bind:class="{'active' : isNavigationSectionActive('nav_4155')}"> <a class="ds-main-nav__item-text ds-main-nav__item-text--link ds-main-nav__item-text--level-3" href="https://www.dna.fi/tuki/pa-svenska" id="0713dc76-dbaa-7dcf-ba46-2b4ede5566fb" data-navpath="/Tuki ja ohjeet/På svenska" v-on:click="onNavigationLinkClick('https://www.dna.fi/tuki/pa-svenska')" > <span>På svenska</span> </a> </li> </ul> </div> </li> <li class="ds-main-nav__item ds-main-nav__item--featured ds-main-nav__featured-links" v-if="!mobileMode"> </li> </ul> </div> </li> </ul> </nav> <div class="ds-main-header__area--icons"> <div class="ds-main-nav__icon" v-bind:class="{'active' : searchActive}"> <button class="ds-main-nav__icon-content" v-on:click="toggleSearch()" v-bind:aria-expanded="String(searchActive)" aria-label="Haku"> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#Search"></use> </svg> <span>Haku</span> </button> <div class="ds-main-nav__search ds-main-nav__dropdown ds-main-nav__dropdown--full" v-show="searchActive"> <div class="algolia-search algolia-quicksearch__container js-algolia-search-container"> <div id="algoliaQuickSearch" class="js-algolia-search__app"> <algolia-search-component :test-portlet="false" :result-page="false" aria-label="Pikahaku" search-result-for-query-translation="tulos haulla" search-results-for-query-translation="tulosta haulla" query="" :ranking-enabled="false" :page-size="7" :max-site-dependant-search-prop="3" language="fi" promotion-translation="Katso edullisempi DNA Asiakasetuhinta" algolia-site-index-name-prop="dna_main_index_prod_klt" algolia-search-index-name="dna_main_index_prod" algolia-search-api-key="40d475f3c73895ec0cf90311c9ed079d" algolia-application-id="ZOGF71LKCH" site-name="KLT" result-page-url="https://www.dna.fi/haku" facets="Laitteet,Palvelut,Tukisivut,Vinkit,Uutiset"> </algolia-search-component> </div> </div> </div> <span class="ds-main-nav__icon-caret"></span> </div> <div class="ds-main-nav__icon ds-main-nav__icon--cart ds-main-nav__icon--unresolved dna-head__icon--cart" id="cart-icon" v-bind:class="{'active' : minicartActive, 'cart-active' : minicartTotalItemCount > 0, 'ds-main-nav__icon--resolved' : cartDataFetchedFromEitherEndpoint }"> <button class="ds-main-nav__icon-content" v-on:click="openSidecart()" v-bind:aria-expanded="String(minicartActive)"> <svg class="ds-icon" aria-hidden="true"> <use href="#Cart"></use> </svg> <span aria-hidden="true">Ostoskori</span> <div class="ds-main-nav__cart-amount" v-if="minicartTotalItemCount > 0" v-bind:class="{'ds-main-nav__cart-amount-animation' : hybrisMinicartItemsChanged}" aria-hidden="true"> <span v-html="minicartTotalItemCount"></span> </div> <div class="sr-only"> <span>Ostoskori</span> <span v-if="minicartTotalItemCount == 1">, {{ minicartTotalItemCount }} tuote</span> <span v-if="minicartTotalItemCount > 1">, {{ minicartTotalItemCount }} tuotetta</span> </div> </button> <div id="cart_popup" class="cart-popup__hybris"></div> <dialog ref="cartDrawer" class="ds-modal ds-modal--drawer ds-modal--small ds-sidecart" aria-labelledby="ds-sidecart-title"> <div class="ds-modal__container ds-sidecart__content"> <div class="ds-modal__title"> <h2 id="ds-sidecart-title">Ostoskori</h2> </div> <button class="ds-modal__close" aria-label="Sulje ostoskori-dialogi" type="button"> <svg role="img" class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Close"></use></svg> </button> <div id="dna-shoppingbasket" class="ds-sidecart__hybris" data-url="https://kauppa4.dna.fi" v-show="minicartActive && hybrisCartItemCount > 0"></div> <!-- NEW-CART --> <div id="cart-details-provider" data-graphql-url="https://kauppa.dna.fi/graphql"> <cart-details graphql-url="https://kauppa.dna.fi/graphql" @cartfetchstarted="onRocketCartFetchStarted" @cartfetched="onRocketCartFetched" @productadded="onProductAddedToMinicart" @carterror="onRocketCartError" /> </div> <!-- NEW-CART end --> <div class="ds-sidecart__section ds-sidecart__section--error" v-if="rocketCartInitialized && minicartError"> <h3>Virhe ostoskoria ladattaessa</h3> <img src="https://res.cloudinary.com/dnaoyj/image/upload/w_160,h_160,c_pad,f_auto,q_auto,dpr_2/Assets/KLT/Enriched%20icons/enriched-error-state.png" alt="Empty cart image" width="160" height="160"> <p>Jostain syystä emme voineet ladata ostoskoria. Kokeile päivittää ostoskori tai yritä myö
1640hemmin uudestaan.</p> <button class="ds-btn" type="button" v-on:click="reload()"> Päivitä ostoskori </button> </div> <div class="ds-sidecart__section ds-sidecart__section--empty" v-else-if="showEmptyCart"> <h3>O-ou! Tyhjää täynnä!</h3> <img src="https://res.cloudinary.com/dnaoyj/image/upload/w_160,h_160,c_pad,f_auto,q_auto,dpr_2/Assets/KLT/Enriched%20icons/enriched-sidecart-empty-pink.png" alt="Empty cart image" width="160" height="160"> <p>Verkkokauppassamme on tänäänkin huikeita tarjouksia, käy kurkkaamassa:</p> <a href="https://www.dna.fi/tarjoukset" class="ds-btn"> Ajankohtaiset tarjoukset </a> </div> </div> </dialog> </div> <!-- SSO-DNA-HEADER --> <div class="ds-main-nav__icon ds-main-nav__icon--login ds-main-nav__icon--unresolved" v-bind:class="{'active' : loginMenuActive, 'hilite' : userLoggedIn, 'ds-main-nav__icon--resolved' : loginDataFetched}" v-if="loginMenuVisible"> <button v-if="!loginDataFetched" class="ds-main-nav__icon-content ds-main-nav__login-button ds-main-nav__login-separator" aria-label="Kirjautumistietoja ladataan"> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#User"></use> </svg> <span class="ds-main-nav__icon-text--limited unresolved-hidden">&nbsp;</span> </button> <template v-if="loginDataFetched && userLoggedIn"> <button class="ds-main-nav__icon-content ds-main-nav__login-button ds-main-nav__login-separator" v-on:click="toggleLoginMenuActive()" v-bind:aria-expanded="String(loginMenuActive)" v-bind:aria-label="userName + ', linkit omiin palveluihin'"> <svg role="img" class="ds-icon" aria-hidden="true"> <use href="#User"></use> </svg> <span class="ds-main-nav__icon-text--limited unresolved-hidden" v-html="userName"></span> </button> </template> <template v-else-if="loginDataFetched"> <button class="ds-btn ds-btn--primary ds-btn--small ds-main-nav__login-button" v-on:click="toggleLoginMenuActive()" v-bind:aria-expanded="String(loginMenuActive)"> Kirjaudu </button> </template> <login-component v-show="loginMenuActive" ssoaddress="https://pass.dna.fi/oauth/v2/oauth-authorize" :headermobilemode="mobileMode" @login="onLogin" @invalidloginsettings="onInvalidLoginSettings" @logindialogopencall="onLoginDialogOpenCall"></login-component> <span class="ds-main-nav__icon-caret"></span> </div> <!-- SSO-DNA-HEADER end --> <div class="ds-main-nav__icon ds-main-nav__icon--mobile" v-bind:class="{'active' : mobileNavigationActive}"> <button class="ds-main-nav__icon-content ds-main-nav__menu-button" v-on:click="toggleMobileMenu()" v-bind:aria-expanded="String(mobileNavigationActive)" v-bind:aria-label="mobileNavigationActive ? 'Sulje päävalikko' : 'Avaa päävalikko'"> <svg role="img" aria-hidden="true" class="ds-icon ds-main-nav__icon--menu"> <use href="#Menu"></use> </svg> <svg role="img" aria-hidden="true" class="ds-icon ds-main-nav__icon--close"> <use href="#Close"></use> </svg> </button> </div> </div> </div> </div> <template v-else> <login-component v-show="loginMenuActive" ssoaddress="https://pass.dna.fi/oauth/v2/oauth-authorize" :headermobilemode="mobileMode" @login="onLogin" @invalidloginsettings="onInvalidLoginSettings" @logindialogopencall="onLoginDialogOpenCall"></login-component> </template> </header> 
1640<script type="text/x-template" id="algolia-template"> <div> <form @submit.prevent="moveToResultPage()" name="searchFm" :aria-label="ariaLabel"> <div v-bind:class="{'algolia-search__search-area-wrapper': resultPage,'algolia-quicksearch__search-area-wrapper': !resultPage}"> <div class="algolia-search__search-field-wrapper"> <label :for="searchFieldId" class="sr-only">Etsi sivustolta</label> <input :id="searchFieldId" v-model="currentQuery" type="search" autocorrect="off" autocapitalize="none" autocomplete="off" spellcheck="false" @keydown="handleInputKeydown" class="algolia-search__search-input js-header_search-input-algolia" placeholder='Etsi sivustolta'/> <button v-if="getMainStoreQuery() != ''" v-on:click="clearQuery()" type="reset" ref="algoliaClearRef" class="algolia-search__search-clear js-header_search-clear-algolia"> <svg role="img" aria-hidden="true" class="dna-icon algolia-search__search-clear-icon ds-icon"> <path d="M20.019 21.536l1.767-1.767L1.987-.031.22 1.739z"/><path d="M20.019-.03l1.767 1.767-19.799 19.8L.22 19.768z"/> </svg> <span class="sr-only">Tyhjennä</span> </button> <button v-if="getMainStoreQuery() === ''" v-on:click="focusInputField" class="algolia-search__search-button ds-simple-btn" type="submit" > <svg role="img" class="algolia-search__search-icon ds-icon" aria-hidden="true"> <use href="#Search"></use> </svg> <span class="sr-only">Hae</span> </button> </div> <div class="algolia-search__results" v-bind:class="{'algolia-search__results--fullpage' : resultPage, 'algolia-quicksearch__results' : !resultPage}" v-if="getMainStoreQuery() != ''" :data-insights-index="algoliaSiteIndexName" > <div v-bind:class="{'algolia-quicksearch__results-container': !resultPage,'algolia-quicksearch__results-container--noresults' : (!getMainStoreResults().length && !resultPage)}"> <div v-if="getTotalResults() > 0" v-bind:class="{'algolia-search__infotext-container': resultPage, 'algolia-quicksearch__search-results-infotext': !resultPage}"> <algolia-search-category-buttons :product-category-json='{ "Puhelimet":{ "name":"Puhelimet", "url":"https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet" }, "MOBILE_PHONES":{ "name":"Puhelimet", "url":"https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet" }, "Tabletit":{ "name":"Tabletit", "url":"https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit" }, "TABLETS":{ "name":"Tabletit", "url":"https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit" }, "LAPTOPS":{ "name":"kannettavat tietokoneet", "url":"https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/kannettavat-tietokoneet" }, "DESKTOP_COMPUTERS":{ "name":"pöytätietokoneet", "url":"https://kauppa.dna.fi/laitteet/tietokoneet-ja-lisalaitteet/poytatietokoneet" } }' all-translation='Kaikki' :search-store-results="getMainStoreResults()"></algolia-search-category-buttons> </div> <div v-if="getQuery() != ''"> <algolia-search-facets :result-text="resultText" :result-page="resultPage" product-translation="Laitteet" content-translation="Palvelut" posts-translation="Tukisivut" blogs-translation="Vinkit" rss-translation="Uutiset" :active-facet-name="activeFacetName" @facetChange="onFacetChange" > </algolia-search-facets> </div> <div v-else-if="resultPage" class="algolia-search__infotext-container"> <h2>Hakuasi vastaavia tuloksia ei löytynyt</h2> <p>Kokeile muokata hakusanojasi ja tee uusi haku</p> </div> <div v-else class="algolia-quicksearch__search-results-infotext"> Ei tuloksia </div> <template v-if="searchStore.lastResults?._rawResults?.length > 0"> <template v-for="(result, index) in results" :key="result.objectID"> <a @click.prevent="pushEvent(result, index, 'clickedObjectIDsAfterSearch')" :href="result.url" :data-insights-object-id="result.objectID" :data-insights-position="index + 1" :data-insights-query-id="searchStore.lastResults._rawResults[0].queryID" :data-objectid="result.objectID" :data-position="index + 1" :target="isVideo(result) ? '_blank' : '_self'" class="algolia-search-result" v-if="(promotionalResult && promotionalResult.length == 0) || (promotionalResult && promotionalResult.length > 0 && result.objectID != promotionalResult[0].objectID) || index == 0"> <algolia-search-result-image :og-image='result.ogImage' :entry-type='result.entryType' default-icon-url='#File' :use-default-icon-for-websites='true'></algolia-search-result-image> <div class="algolia-search-result__content"> <h3 class="algolia-search-result__title h4" v-html="getTitle(result)"></h3> <div class="algolia-search-result__ingresstext" v-html="getIngressText(result)"></div> <div class="algolia-search-result__prices"> <h4 class="algolia-search-result__productprice" v-if="isProduct(result)" v-html="getDisplayPrice(result)"></h4> <div class="algolia-search-result__productprice algolia-search-result__productprice--loyalty" v-if="isProduct(result) && result.customerLoyaltyPrice" v-html="getCustomerLoyaltyPrice(result)"></div> </div> </div> </a> </template> </template> </div> <div class="algolia-search__show-all-footer" v-if="getTotalResults() > 0 && !resultPage"> <button type="submit" class="ds-btn ds-btn--primary ds-btn--full"><span>Näytä kaikki hakutulokset (<span v-html="totalResultsText"></span>)</span></button> </div> <div v-if="results && results.length < getMainStoreTotalResultsCount() && resultPage" class="algolia-search__more-results"> <a v-on:click.stop.prevent="loadMoreResults()" href="#" class="dlsg-btn algolia-search__more-results-btn"> <span>Näytä lisää</span> </a> </div> </div> </div> </form> </div> </script>
1640 <!-- SSO-DNA-HEADER --> 
1640<script type="text/x-template" id="login-template"> <div class="dna-login__root"> <div v-if="showHeader" class="dna-login__menu ds-main-nav__dropdown ds-main-nav__dropdown--left"> <template v-if="loggedIn"> <div class="dna-login__username"> <span v-html="userInfo.givenname" class="dna-login__givenname"></span> <span v-html="userInfo.surname" class="dna-login__surnname"></span> </div> <div v-if="b2cLinksVisible" class="dna-login__links dna-login__links--b2c"> <a class="dna-login__link" v-for="link in navigation" v-bind:href="link.url"> <span v-html="link.title"></span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> </div> <div v-if="b2bLinksVisible" class="dna-login__links dna-login__links--b2b"> <a class="dna-login__link" v-for="link in userInfo.businessServiceSet" v-bind:href="link.url" target="_blank"> <span v-html="link.title"></span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> </div> <button v-on:click="logout()" class="ds-btn ds-btn--small ds-btn--full"> <span>Kirjaudu ulos</span> </button> <button v-if="userHasBothRoles && b2bLinksVisible" class="ds-btn ds-btn--small ds-btn--full" v-on:click="switchLinkList = !switchLinkList"> <span>Henkilöasiakkaan palvelut</span> </button> <button v-if="userHasBothRoles && b2cLinksVisible" class="ds-btn ds-btn--small ds-btn--full" v-on:click="switchLinkList = !switchLinkList"> <span>Siirry yrityspalveluihin</span> </button> <p class="dna-login__switchtext" v-if="!userHasBothRoles && isB2cPage && userInfo.isBusinessUser">Halutessasi voit siirtyä henkilöasiakkaan Minun palveluuni, jossa voit hallita omia palveluitasi. Kirjaudu ensin ulos.</p> <p class="dna-login__switchtext" v-if="!userHasBothRoles && !isB2cPage && userInfo.isPrivateUser">Jos haluat käyttää yrityspalveluita toisella tunnuksella, kirjaudu ensin ulos.</p> </template> <template v-else> <template v-if="currentSite === 'private'"> <button class="ds-btn ds-btn--primary ds-btn--full" v-on:click="openLogin()"><span>Kirjaudu sisään</span></button> <div class="dna-login__links"> <a class="dna-login__link" v-for="link in navigation" v-bind:href="link.url" v-on:click.prevent="openLoginToPage(link.title, link.url)"> <span v-html="link.title"></span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="#ChevronRight"></use> </svg> </a> </div> <a class="ds-btn ds-btn--small ds-btn--full" href="http://m.prepaid.dna.fi/"><span>Prepaid-asiakkaan itsepalvelu</span></a> <a class="ds-btn ds-btn--small ds-btn--full" href="https://www.dna.fi/yrittajat#itsepalvelu"><span>Yrittäjänä asiointi</span></a> </template> <template v-if="currentSite === 'business'"> <a class="ds-btn ds-btn--primary ds-btn--full" href="https://yritysdna.dna.fi"><span>Kirjaudu YritysDNA:han</span></a> <a class="ds-btn ds-btn--secondary ds-btn--small ds-btn--full" href="https://www.dna.fi/yrityksille/itsepalvelu/yritysdna"><span>Hae tunnuksia</span></a> <div class="dna-login__explanation"><ul><li>Hallinnoi ja tilaa tuotteita ja palveluita</li><li>Suosittelemme YritysDNA:n käyttöä <b>tietokoneen selaimella</b></li></ul></div> <hr style="margin: 0;border: 0; border-top: 1px solid #D4D2CE;"> <a class="ds-btn ds-btn--small ds-btn--full" href="https://vaihde.dna.fi"><span>Kirjaudu Vaihdepalveluun</span></a> <a class="ds-btn ds-btn--small ds-btn--full" href="https://yrityspalvelut.dna.fi"><span>Muut itsepalvelukanavat</span></a> </template> <template v-if="currentSite === 'wholesale'"> <a class="ds-btn ds-btn--primary ds-btn--full" href="https://yritysdna.dna.fi/"><span>Kirjaudu YritysDNA:han</span></a> <div class="dna-login__explanation"><p><b>Yrityspalveluissa voit esimerkiksi:</b></p><ul><li>
1640Tarkastella nykyisiä palveluita, tehdä palvelupyyntöjä sekä hallinnoida käyttäjiä</li><li>Tarkastella laskuja ja raportteja sekä ottaa yhteyttä asiakaspalveluun</li><li>Kirjautua muihin DNA:n verkkopalveluihin</li></ul></div> <a class="ds-btn ds-btn--small ds-btn--full" href="https://uutiskirje.dna.fi/webApp/YLT_ydnatunnuslomake_tukku"><span>Hae tunnuksia</span></a> </template> <!-- Login options modal --> <dialog class="ds-modal ds-modal--dialog ds-modal--medium ds-modal--login" ref="loginOptionsDialog" aria-labelledby="login-options-title"> <div class="ds-modal__container"> <button class="ds-modal__close" v-on:click="$emit('close')" aria-label="translations['dialog.close.aria.label']"> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Close"></use> </svg> </button> <div class="ds-modal__content basic-web-content"> <div class="bank-login__wrap--narrow"> <h3 class="bank-login__title" id="login-options-title">Valitse kirjautumistapa</h3> <p>Sinut ohjataan pankkisi kirjautumissivulle tai Mobiilivarmenteen kirjautumisnäkymään. <a href="https://www.dna.fi/tuki/asiakkuus/kirjautuminen">Lue lisää kirjautumisesta.</a></p><p class="basic-web-content">Tarkistamme ostosten yhteydessä asiakkaan osoite- ja luottotiedot Digi- ja väestötietoviraston järjestelmästä sekä Intrum Luottotietopalvelusta. Pankkitunnuksiasi ei luovuteta DNA:lle eikä pankkitiliäsi veloiteta. Kirjautumisen yhteydessä tarkistuksia ei tehdä.</p> <p class="ds-text--small"></p> <div class="bank-login__grid"> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-op-1&prompt=login')" aria-label="Kirjaudu sisään Osuuspankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/op-0923.png" alt="Osuuspankki logo"> <span>Osuuspankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-nordea-1&prompt=login')" aria-label="Kirjaudu sisään Nordea tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/nordea-0923.png" alt="Nordea logo"> <span>Nordea</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-danskebank-1&prompt=login')" aria-label="Kirjaudu sisään Danske Bank tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/danskebank-0923.png" alt="Danske Bank logo"> <span>Danske Bank</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-spankki-1&prompt=login')" aria-label="Kirjaudu sisään S-Pankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/spankki-0923.png" alt="S-Pankki logo"> <span>S-Pankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-sp-1&prompt=login')" aria-label="Kirjaudu sisään Säästöpankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/saastopankki-0923.png" alt="Säästöpankki logo"> <span>Säästöpankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-pop-1&prompt=login')" aria-label="Kirjaudu sisään Pop Pankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/poppankki-0923.png" alt="Pop Pankki logo"> <span>Pop Pankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-omasp-1&prompt=login')" aria-label="Kirjaudu sisään Oma Säästöpankki tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/omasp-0923.png" alt="Oma Säästöpankki logo"> <span>Oma Säästöpankki</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-aktia-1&prompt=login')" aria-label="Kirjaudu sisään Aktia tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/aktia-0923.png" alt="Aktia logo"> <span>Aktia</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-alandsbanken-1&prompt=login')" aria-label="Kirjaudu sisään Ålandsbanken tunnuksilla"> <img aria-hidden="true" src="https://res.cloudinary.com/dnaoyj/image/upload/c_fit,h_40,w_112,f_auto,q_auto,dpr_2/v1618875243/Assets/Icons%20and%20logos/Other%20logos/bank_logos/alandsbanken-0923.png" alt="Ålandsbanken logo"> <span>Ålandsbanken</span> </a> <a class="bank-login__item" v-bind:href="getLoginUrl('&acr_values=urn:se:curity:authentication:oidc:oidc-ftn-mobileid-1&prompt=login')" aria-label="Kirjaudu sisään Mobiilivarmenne tunnuksilla"> <svg role="img" aria-hidden="true" class="ds-icon ds-icon--black"><use href="#Mobiilivarmenne"></use></svg> <span>Mobiilivarmenne</span> </a> </div> </div> </div> </div> </dialog> </template> </div> <dialog id="inactivityWarning" class="ds-modal ds-modal--dialog ds-modal--medium" style="min-height: unset;" ref="dialog"> <div class="ds-modal__container"> <div class="ds-modal__title"> <h2 id="ds-modal-title">Haluatko jatkaa asiointia?</h2> </div> <div class="ds-modal__content basic-web-content"> Jos et halua jatkaa asiointia dna.fi -palvelussa, sinut kirjataan ulos automaattisesti <span style="font-weight: 700;">2 minuutin</span> kuluttua. </div> </div> <div class="ds-modal__bottom-bar"> <div class="ds-btn-group ds-btn-group--confirm"> <button class="ds-btn ds-btn--secondary" v-on:click="logout()">Kirjaudu ulos</button> <button class="ds-btn ds-btn--primary" v-on:click="closeInactivityWarning()">Jatka asiointia</button> </div> </div> </dialog> </div> </script>
1640 <!-- SSO-DNA-HEADER end --> 
1640<script type="text/x-template" id="cart-price"> <p v-if="discountInfo != ''" class="ds-minicart-item__discount-info">{{ discountInfo }}</p> <p class="ds-minicart-item__price" :class="{'ds-minicart-item__price--discount': hasDiscount}"> {{price}} <span class="ds-minicart-item__price-suffix">&euro;<template v-if="isMonthlyPrice">/kk</template><template v-if="pricePeriodLength > 0">/{{pricePeriodLength}} kk</template></span> </p> </script>
1640 
1640<script type="text/x-template" id="cart-entry"> <section class="ds-minicart-item__wrap" aria-roledescription="Tuote" :aria-labelledby="titleId"> <div class="ds-label ds-label--offer" v-if="discountLabel != 0">{{ discountLabel }}</div> <div class="ds-minicart-item"> <div class="ds-minicart-item__child" v-if="entry.parentItemId"> <svg role="img" class="ds-icon ds-icon--24 ds-icon--pink" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ArrowBendDownRight"></use> </svg> </div> <div class="ds-minicart-item__img"> <img v-if="productImg" :src="productImg" alt="" /> </div> <div class="ds-minicart-item__content"> <component :is="productUrl ? 'a' : 'h3'" :href="productUrl ? productUrl : null" class="ds-minicart-item__title" :class="{'ds-minicart-item__link' : productUrl}" :id="titleId"> {{entry.product.name}} <span v-if="shortDescription" class="ds-minicart-item__title-details">{{shortDescription}}</span> </component> <div class="ds-minicart-item__price-section"> <cart-price :hasDiscount="hasDiscount" :discountInfo="discountInfo" :price="getSinglePriceWithDecimalsNumbersOnly(displayPrice)" :isMonthlyPrice="isMonthlyPrice" :pricePeriodLength="pricePeriodLength" /> <p v-if="afterThatPrice" class="ds-minicart-item__infotext"> jatkossa&nbsp; {{getSinglePriceWithDecimals(afterThatPrice)}}/kk </p> <p v-if="isMonthlyPrice && isFixedTerm" class="ds-minicart-item__infotext"> {{contractLength}} kk sopimus, yht. {{getSinglePriceWithDecimals(getContractTotalPrice)}} </p> <p v-else-if="isMonthlyPrice" class="ds-minicart-item__infotext"> Ei määräaikaa </p> <p v-if="openingFee" class="ds-minicart-item__infotext"> Avausmaksu&nbsp;{{getSinglePriceWithDecimals(openingFee)}} </p> <p v-if="entry.promotionText" class="ds-minicart-item__infotext"> {{entry.promotionText}} </p> </div> </div> <div class="ds-minicart-item__action"> <p class="ds-minicart-item__infotext">{{entry.quantity}} kpl</p> <button v-if="entry.quantity > 1 && itemCanBeRemovedFromSidecart" @click.stop="removeItemFromCart()" :disabled="actionInProgress" class="ds-function-btn" :aria-labelledby="ctaLabelledby" type="button"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Minus"></use></svg> <span class="sr-only" :id="ctaId">Vähennä ostoskorista yksi</span> </button> <button v-else-if="itemCanBeRemovedFromSidecart" @click.stop="removeItemFromCart()" :disabled="actionInProgress" class="ds-function-btn" :aria-labelledby="ctaLabelledby" type="button"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Trash"></use></svg> <span class="sr-only" :id="ctaId">Poista ostoskorista</span> </button> </div> </div> </section> </script>
1640<script type="text/x-template" id="cart-liftup" xmlns="http://www.w3.org/1999/html"> <section class="ds-minicart-liftup" aria-roledescription="Tuote" :aria-labelledby="titleId"> <div class="ds-minicart-liftup__heading"> <img class="ds-minicart-liftup__img" v-if="productImg" :src="productImg" alt="" /> <p><b>{{productDescription}}</b></p> </div> <p> <template v-if="isSecurityProduct"> <ul> <li> <a :href="productUrl" class="ds-minicart-liftup__link ds-minicart-item__link" :id="titleId">{{entry.description}}</a> </li> <li>{{entry.description2}}</li> </ul> </template> <template v-else> <a :href="productUrl" class="ds-minicart-liftup__link ds-minicart-item__link" :id="titleId">{{entry.name}}</a><br> </template> <span :class="{'ds-minicart-liftup__discount': isDiscounted}">{{priceDescription1}}</span> {{priceDescription2}} </p> <button class="ds-btn ds-btn--small ds-btn--full" @click.stop="addItem()" :disabled="actionInProgress" :id="ctaId" :aria-labelledby="ctaLabelledby" type="button" > Lisää ostoskoriin </button> </section> </script>
1640<script type="text/x-template" id="cart-recommendation"> <section class="ds-minicart-item ds-minicart-item--recommendation" aria-roledescription="Tuote" :aria-labelledby="titleId"> <div class="ds-minicart-item__img"> <img v-if="productImg" :src="productImg" alt="" /> </div> <div class="ds-minicart-item__content"> <a :href="productUrl" :aria-label="productName" :id="titleId" class="ds-minicart-item__title ds-minicart-item__link" data-recommendation-placement-id="side-cart-recommended-product-read-more" :data-recommendation-placement-index="index" :data-recommendation-item-id="productCode" :data-recommendation-id="extRecommendationId"> {{productName}} </a> <div class="ds-minicart-item__price-section"> <cart-price :hasDiscount="hasDiscount" :price="getSinglePriceWithDecimalsNumbersOnly(displayPrice)" :isMonthlyPrice="false" :pricePeriodLength="contractLength" /> </div> <button class="ds-minicart-item__add ds-btn ds-btn--small" @click.stop="addItem()" :disabled="actionInProgress" :id="ctaId" :aria-labelledby="ctaLabelledby" type="button" data-recommendation-placement-id="side-cart-recommended-product-add-to-cart" :data-recommendation-placement-index="index" :data-recommendation-item-id="productCode" :data-recommendation-id="extRecommendationId"> Lisää ostoskoriin </button> </div> </section> </script>
1640<script type="text/x-template" id="cart-details"> <div v-if="!cartInitialized" class="ds-sidecart__section ds-sidecart__section--empty"> <div class="ds-loading"> <div class="ds-loading__bar"></div> <div class="ds-loading__bar"></div> <div class="ds-loading__bar"></div> <div class="ds-loading__bar"></div> </div> </div> <div class="ds-sidecart__notification ds-sidecart__section-title" v-if="notificationMessage != ''"> <svg role="img" class="ds-icon ds-icon--24 ds-icon--pink" aria-hidden="true"> <use v-if="notificationMessage == 'SUCCESS'" href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Check"></use> <use v-else href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Error"></use> </svg> <div> <template v-if="notificationMessage == 'SUCCESS'"> <h3 class="h4">Tuote lisätty ostoskoriin</h3> </template> <template v-else-if="notificationMessage == 'ADD_ITEM_ERROR'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Tätä tuotetta voi tilata vain rajoitetun määrän kerrallaan. Olet jo lisännyt sallitun määrän tuotetta ostoskoriin.</p> </template> <template v-else-if="notificationMessage == 'PRODUCT_LIMIT_EXCEEDED'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Tätä tuotetta voi tilata vain rajoitetun määrän kerrallaan. Olet jo lisännyt sallitun määrän tuotetta ostoskoriin.</p> </template> <template v-else-if="notificationMessage == 'CART_PRODUCT_OUT_OF_STOCK'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Tuotetta ei valitettavasti ole varastossa haluamaasi määrää.</p> </template> <template v-else-if="notificationMessage == 'CART_PRODUCT_STOCK_LIMIT_EXCEEDED'"> <h3 class="h4">minicart.product.error.cart-out-of-stock</h3> <p>minicart.product.error.cart-out-of-stock-description</p> </template> <template v-else-if="notificationMessage == 'PRODUCT_TAG_LIMIT_EXCEEDED'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Ostoskorissa on tuotteita, joita voi tilata vain rajoitetun määrän. Vähennä kappalemäärää tai poista osa tuotteista jatkaaksesi tilausta.</p> </template> <template v-else-if="notificationMessage == 'DELETE_ITEM_ERROR'"> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Ostoskorissa on tuotteita, joita voi tilata vain rajoitetun määrän. Vähennä kappalemäärää tai poista osa tuotteista jatkaaksesi tilausta.</p> </template> <template v-else> <h3 class="h4">Tuotetta ei voitu lisätä koriin</h3> <p>Voi pahus, jokin meni pieleen. Yritä hetken kuluttua uudestaan.</p> </template> </div> </div> <div v-if="cart" class="ds-sidecart__rocket"> <section class="ds-sidecart__section ds-sidecart__section--main" aria-label="Ostoskorissa olevat tuotteet"> <template v-for="(entry, index) in visibleEntries" :key="entry.product.code"> <cart-entry :entry="entry" :allEntries="visibleEntries" :index="index" :productBaseUrl="productBaseUrl" :actionInProgress="actionInProgress" @removeitem="removeItemFromCart" /> </template> </section> <section class="ds-sidecart__section" v-if="cart.recommendedService != null" aria-label="Suositellut tuotteet"> <cart-liftup :entry="cart.recommendedService" :index="0" :productBaseUrl="productBaseUrl" :actionInProgress="actionInProgress" @additem="addItem" /> </section> <section class="ds-sidecart__section" v-if="cart.recommendedProducts && cart.recommendedProducts.length > 0" aria-label="Yhdessä ostettuja tuotteita"> <h3 class="ds-sidecart__section-title h4">Yhdessä ostettuja tuotteita</h3> <template v-for="(entry, index) in shownRecommendations" :key="entry.code"> <cart-recommendation :entry="entry" :index="index" :productBaseUrl="productBaseUrl" :actionInProgress="actionInProgress" @additem="addItem" /> </template> </section> <section class="ds-sidecart__footer ds-minicart-summary ds-minicart-summary--main" v-if="cart.status" aria-label="Yhteensä"> <div class="ds-minicart-summary__prices"> <div class="ds-minicart-summary__price"> <p>Kertamaksut</p> <div class="h3">{{getSinglePriceWithDecimalsNumbersOnly(oneTimeChargesGrossSellingPrice)}} &euro;</div> </div> <div class="ds-minicart-summary__price"> <p>Kuukausimaksut</p> <div class="h3">{{getSinglePriceWithDecimalsNumbersOnly(cart.monthlyChargesTotal?.gross)}} &euro;/kk</div> </div> </div> <a href="https://kauppa.dna.fi/cart" class="ds-btn ds-btn--primary ds-btn--full">Siirry tilaamaan</a> </section> </div> </script>
1640 
1640<script>
1641window.sso_check_settings = {
1642host: 'https://pass.dna.fi',
1643interval: '30'
1644};
1645</script>
1645 <!-- COMMON-DNA-HEADER end --> <svg class="responsiveImageSvgFilters" aria-hidden="true"> <filter id="svgBlurNormal"> <feGaussianBlur stdDeviation="10"></feGaussianBlur> <feComposite in2="SourceGraphic" operator="in"></feComposite> </filter> </svg> <div id="wrapper" class="page-wrapper"> <section id="content"> <style type="text/css">
1646.master-layout-fragment .portlet-header {
1647display: none;
1648}
1649</style> <div class="dna-main-content" id="main-content" role="main"> <div class="portlet-column portlet-column-only" id="column-1"> <div class="portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets visible-to-guests-only" id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs"> 
1649<script>
1650Liferay.Loader.require('[email protected]/js/common/nestedPortletToggle.es');
1651</script>
1651 <div class="nested-portlet-header nested-portlet-header__toggle--collapsed"> <div class="nested-portlet-header__wrap"> <div class="nested-portlet-header__toggle"> <span class="nested-portlet-header__toggle-text--expanded">Piilota</span> <span class="nested-portlet-header__toggle-text--collapsed">Avaa</span> <button class="ds-simple-btn nested-portlet-header__toggle-btn js-nested-portlet-toggle" id="loggedin-frontpage-content-toggle" aria-expanded="false" aria-label="Näytä tai piilota kirjautuneen käyttäjän osio" aria-controls="togglecontent_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs" data-storagekey="collapseContent_teaser" > <svg class="ds-icon ds-icon--24" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronUp"></use></svg> </button> </div> <h4 class="nested-portlet-header__title">Kirjautuminen kannattaa</h4> </div> </div> <div class=" nested-portlet-collapse-content" id="togglecontent_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs"> <div class="dna-content-wrap--content"> <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nlc1grrjDoJV"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="23183973" data-analytics-asset-title="Login promotion" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="23183975"> 
1651<script type="text/javascript">
1652window.dynamicCSS = window.dynamicCSS || {};
1653if (!window.dynamicCSS['cardFreeCSS']) {
1654window.dynamicCSS['cardFreeCSS'] = true;
1655var link = document.createElement('link');
1656link.rel = 'stylesheet';
1657link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1658link.media = 'all';
1659document.head.appendChild(link);
1660}
1661</script>
1661 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free ds-bg--none ds-color--black dna-card-free--fixed-layout dna-card-free--fixed-horizontal dna-card-free--image-w25"> <div class="dna-card-free__item dna-card-free__image limited-height no-crop dna-card-free__item--v-padding dna-card-free__item--v-top"> <div class="dna-card-free__image-wrap dna-cld-container ratio-1-1"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/ar_1:1,c_fill,f_auto,g_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Etusivu/Puhelin_kadessa" data-src="https://res.cloudinary.com/dnaoyj/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_300/v1/Assets/KLT/Etusivu/Puhelin_kadessa" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Kirjautumalla <span class="ds-text--highlight">hyödyt!</span></h2> <ul> <li>Löydä tarjoukset, asiakasedut ja uusi oma näkymäsi</li> <li>Oma näkymä kokoaa yhteen etusi ja asiakastietosi</li> <li>Pysy ajan tasalla laskuista ja hallinnoi palveluitasi sekä laitteitasi kätevästi</li> </ul> <p><button class="ds-btn ds-btn--primary" onclick="window.dna_login.openLogin()" type="button" role="link">Kirjaudu sisään</button></p> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets visible-to-sso-logged-in-only" id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_K4V3Cz4S7Fkc_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_K4V3Cz4S7Fkc"> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_NP2jWQ1adaky_"> <section class="portlet" id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_NP2jWQ1adaky"> <div class="dna-grid dna-grid--0 "> <div class="dna-grid-item dna-content-cols-1" data-analytics-position="1" data-analytics-list="grid" data-analytics-section="asset-list"> 
1661<script type="text/javascript">
1662window.dynamicCSS = window.dynamicCSS || {};
1663if (!window.dynamicCSS['cardFreeCSS']) {
1664window.dynamicCSS['cardFreeCSS'] = true;
1665var link = document.createElement('link');
1666link.rel = 'stylesheet';
1667link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1668link.media = 'all';
1669document.head.appendChild(link);
1670}
1671</script>
1671 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-card-free--as-hero"> <div class="dna-card-free__item dna-card-free__image dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/f_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Laitteet/Laitelanseeraukset/iphone18_hero_A" data-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_300/v1/Assets/KLT/Laitteet/Laitelanseeraukset/iphone18_hero_A" fetchpriority="high"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h1>iPhone 18 Pro. Huipputason pro-iPhone</h1> <p><br> Saatavilla nyt.</p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://kauppa.dna.fi/laitteet/tuotemerkit/apple/puhelimet?itm_source=etusivu&amp;itm_medium=hero&amp;itm_campaign=laitelanseeraukset&amp;itm_content=iphone-18-pro" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="ce27d23f-0473-4a4d-5a8d-c4f7bd3e6a58" aria-label="Tilaa"> <span>Tilaa</span> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd"> <div class=" dna-portlet-topmargin--normal dna-portlet-bottommargin--normal" > <div class="dna-content-wrap--content"> <div class="dna-grid dna-grid--1-2 dna-grid--large-gutter"> <div class="portlet-column dna-grid-item dna-content-cols-1" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_NDek7G1A8ubg_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_NDek7G1A8ubg"> <!-- Custom DNA imports --> <div class="" > <div class="basic-web-content "> <div class="journal-content-article basic-web-content" data-analytics-asset-id="14780897" data-analytics-asset-title="Etusivu - custom ikoninavigaatio DNADXP-6943" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="14780899"> <div class="custom-nav-grid"><a href=" https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=viikkotarjoukset&amp;itm_format=vakio&amp;itm_content=puhelimet "><svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120584328" data-size="16" data-title="phone" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Phone"></use></svg> <strong>Puhelimet</strong> </a> <a href=" https://www.dna.fi/laitteet/kaytetyt/vaihtokapula?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=vaihtokapula&amp;itm_format=vakio&amp;itm_content=vaihtokapula "><svg aria-hidden="true" class="hl-icon hl-icon--pink" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="M8.76605 4.61264C9.41566 3.97893 10.4413 3.91412 11.1528 4.49447L11.2905 4.61947L11.2914 4.62045L13.3989 6.73569C15.4106 4.87759 18.5466 4.92547 20.5004 6.87924C22.5033 8.88213 22.5033 12.1273 20.5004 14.1302L20.1205 14.5101C20.0979 14.5328 20.073 14.5525 20.0483 14.5716L15.2338 19.3871C14.5409 20.0629 13.4205 20.0913 12.7094 19.3802L12.7084 19.3792L10.6039 17.2679C8.59239 19.1303 5.45474 19.0855 3.49945 17.1302C1.49662 15.1273 1.49658 11.8821 3.49945 9.87924L8.76605 4.61264ZM10.186 5.64389C10.0768 5.57092 9.92516 5.57832 9.81391 5.68686L7.35492 8.14389C7.67687 8.26768 7.97993 8.45836 8.24066 8.71908C9.2335 9.71192 9.23339 11.3072 8.24066 12.3001L7.99066 12.5501L10.4467 15.0062C10.487 15.0332 10.5254 15.0643 10.561 15.0999L13.77 18.3197L13.8139 18.3558C13.923 18.4288 14.0747 18.4213 14.186 18.3128L18.5248 13.9749L15.9204 11.3705L15.6704 11.6205C14.6774 12.6132 13.0821 12.6133 12.0893 11.6205C11.0965 10.6276 11.0966 9.03229 12.0893 8.0394L12.3344 7.7933L10.2299 5.68002L10.186 5.64389ZM7.18012 9.78061C6.77301 9.3735 6.12726 9.3735 5.72016 9.78061L4.56 10.9398C3.14291 12.3569 3.14296 14.6526 4.56 16.0697C5.92662 17.4363 8.1098 17.4844 9.53461 16.2152L6.39984 13.0804C6.25927 12.9398 6.18021 12.7489 6.18012 12.5501C6.18012 12.3513 6.25926 12.1605 6.39984 12.0199L7.18012 11.2396C7.58691 10.8326 7.58671 10.1877 7.18012 9.78061ZM14.7797 14.0492C15.0726 13.7565 15.5474 13.7565 15.8403 14.0492C16.1331 14.342 16.133 14.8168 15.8403 15.1097L15.1108 15.8402C14.8179 16.1331 14.3421 16.133
16711 14.0493 15.8402C13.7566 15.5474 13.7567 15.0725 14.0493 14.7796L14.7797 14.0492ZM19.4399 7.93979C18.0228 6.52275 15.7271 6.52271 14.31 7.93979L13.1498 9.09994C12.7429 9.50705 12.7428 10.1528 13.1498 10.5599C13.5569 10.967 14.2027 10.9669 14.6098 10.5599L15.3901 9.77963L15.4467 9.72787C15.7413 9.4877 16.1761 9.50508 16.4506 9.77963L19.5854 12.9144C20.8546 11.4896 20.8065 9.3064 19.4399 7.93979Z"></path> </svg> <strong>Käytetyt puhelimet</strong> </a><a href="https://www.dna.fi/liittymat-ja-palvelut/puhe?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=palvelut&amp;itm_format=vakio&amp;itm_content=liittymat"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120673241" data-size="16" data-title="sim" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Sim"></use></svg> <strong>Puhelinliittymät</strong> </a> <a href="https://www.dna.fi/liittymat-ja-palvelut/netti?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=palvelut&amp;itm_format=vakio&amp;itm_content=netti"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120688099" data-size="16" data-title="wifi" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Wifi"></use></svg> <strong>Nettiliittymät</strong> </a> <a href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=palvelut&amp;itm_format=vakio&amp;itm_content=tietoturva"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120709346" data-size="16" data-title="shield" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Shield"></use></svg> <strong>Tietoturva</strong> </a> <a href="https://www.dna.fi/viihde/dna-viihde?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=palvelut&amp;itm_format=vakio&amp;itm_content=viihde"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120744174" data-size="16" data-title="entertainment" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Entertainment"></use></svg> <strong>Viihde</strong> </a> <a href="https://www.dna.fi/asiakasedut?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=asiakasedut&amp;itm_format=vakio&amp;itm_content=asiakasedut"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1683120762967" data-size="16" data-title="coupon" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Coupon"></use></svg> <strong>Asiakasedut</strong> </a><a href="https://www.dna.fi/tuki?itm_source=etusivu&amp;itm_medium=icon_nav&amp;itm_campaign=asiakaspalvelu&amp;itm_format=vakio&amp;itm_content=asiakaspalvelu"> <svg aria-hidden="true" class="hl-icon hl-icon--pink" data-color="Pink" data-instance-id="1768981939960" data-size="16" data-title="Headset" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Headset"></use></svg> <strong><span></span>Asiakaspalvelu</strong> </a></div> <style type="text/css">.custom-nav-grid {
1672display:grid;
1673gap: 20px 30px;
1674grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 2*30px) / 3)), 1fr));
1675border-bottom: 1px solid #E7E5E3;
1676padding-bottom: 30px;
1677margin-bottom: 40px;
1678}
1679.custom-nav-grid p {
1680margin-bottom: 0;
1681}
1682.custom-nav-grid a {
1683color: #121212;
1684font-size: 1rem;
1685text-decoration: none !important;
1686display: flex;
1687align-items: center;
1688gap: 0.5em;
1689}
1690.custom-nav-grid svg {
1691height: 20px;
1692width: 20px;
1693flex: 0 0 auto;
1694}
1695@media screen and (min-width: 768px) {
1696.custom-nav-grid a {
1697font-size: 18px;
1698}
1699}
1700</style> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cQhEumKniP2L_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cQhEumKniP2L"> <!-- Custom DNA imports --> <div class="" > <div class="basic-web-content "> <div class="journal-content-article basic-web-content" data-analytics-asset-id="14785315" data-analytics-asset-title="Etusivu apuri nosto" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="14785317"> <h4 class="ds-simple-pictograph"><svg aria-hidden="true" class="hl-icon hl-icon--40 hl-icon--pink" data-color="Pink" data-instance-id="1683205055508" data-size="40" data-title="chat" role="img"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChatBubble"></use></svg>Kun etsit vastauksia. Anna DNA Apurin auttaa!</h4> <p>Saat asiantuntevan avun ja parhaat vinkit chatissa:</p> <ul> <li>Asiantuntijat linjoilla arkisin yhdeksään ja lauantaisin jopa kuuteen.</li> <li>Botti paikalla kellon ympäri, 24/7</li> <li>Voit myös varata soittoajan!</li> </ul> <p>
1700<button class="ds-btn js-dna-chatbot-cta-btn"><span>Avaa Chat</span></button></p> </div> </div> </div> </section> </div> </div> </div> <div class="portlet-column dna-grid-item dna-content-cols-2" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__column-2"> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_pere_clv_PereClvPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_pere_clv_PereClvPortlet_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_pere_clv_PereClvPortlet"> <div id="pere-clv-app" class="pere-clv" v-cloak data-analytics-section="pere-clv" data-backend-url="https://www.dna.fi/yksityisille?p_p_id=fi_dna_liferay_portlet_common_ExternalApiPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Fget-pere-next-best-recommendations&p_p_cacheability=cacheLevelPage" data-rocket-base-url="https://kauppa.dna.fi" data-graphql-endpoint="https://kauppa.dna.fi/graphql" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" > <h2 class="dna-clv__title h3"> Suosituksemme sinulle </h2> <div class="dna-grid"> <template v-if="products.length > 0"> <div class="dna-grid-item" v-for="(product, index) in products"> <section v-if="loading" class="ds-product-card ds-product-card--horizontal ds-skeleton-loader ds-skeleton-loader--light"></section> <product-card-horizontal v-else portlet-id="fi_dna_liferay_portlet_pere_clv_PereClvPortlet" :product="product" :card-id="product.baseProduct?.id" :card-index="index + 1" :invert-layout="index === 0" :pre-title="getPreTitle(product)" :show-cta-btn="true" :custom-cta-btn-text="getCtaBtnText(product)" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card-horizontal> </div> </template> <template v-else> <div class="dna-grid-item"> <product-card-horizontal portlet-id="fi_dna_liferay_portlet_pere_clv_PereClvPortlet" card-id="default-card-1" :card-index="1" :invert-layout="true" description="Syötä numerosi ja näe juuri sinulle tehdyt liittymädiilit! Meiltä edulliset liittymät, joiden hinta ei takuulla karkaa." custom-card-image-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_180/Assets/KLT/puhe/Kampanjat/DNA_Joulu_Dnafi-Puhe_sim_1080x1080_v1" custom-title="Saisiko olla huoleton puhelinliittymätarjous?" :show-cta-btn="true" custom-cta-btn-link="https://www.dna.fi/liittymat-ja-palvelut/puhe?itm_source=peredefault&itm_medium=card1&itm_format=vakio&itm_content=puhelinliittymat" custom-cta-btn-text="Tutustu liittymiin" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card-horizontal> </div> <div class="dna-grid-item"> <product-card-horizontal portlet-id="fi_dna_liferay_portlet_pere_clv_PereClvPortlet" card-id="default-card-2" :card-index="2" :invert-layout="false" description="DNA Netti on nopeasti käyttövalmis ja takuulla toimiva. 
1700Älä siis heitä rahojasi Kankkulan kaivoon, vaan hanki DNA Netti 30 päivän tyytyväisyystakuulla." custom-card-image-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_180/v1/Assets/KLT/Netti/DNA_tyytyvaisyystakuu" custom-title="DNA Netti tulee aina 30 päivän tyytyväisyystakuulla" :show-cta-btn="true" custom-cta-btn-link="https://www.dna.fi/liittymat-ja-palvelut/netti?itm_source=etusivu&itm_medium=card2&itm_campaign=30pv&itm_format=vakio&itm_content=30pv" custom-cta-btn-text="Tilaa netti" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card-horizontal> </div> </template> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4"> <div class=" dna-portlet-topmargin--normal dna-portlet-bottommargin--normal ds-bg--sand-01 dna-layout-bg-color" > <div class="dna-content-wrap--content"> <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4__column-1"> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_productview_ProductViewPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8"> <input type="hidden" id="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8_selectedProductIds" value='["PKG_5109CMDQ_b2c","PKG_SMA276BZKBEUB_b2c","PKG_5109BYFD_b2c","PKG_631011008288_b2c","PKG_SMS942BZKHEUB_b2c","PKG_631002004346_b2c"]'/> <div id="product-view-app-fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8" class="product-view" v-cloak data-analytics-section="product-view" data-graphql-endpoint="https://kauppa.dna.fi/graphql" data-portlet-namespace="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8_" data-display-layout="carousel" data-items-in-row="5" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" > <div class="dna-carousel product-carousel" :class="{ 'ds-products--show-cta': false }" ref="productcarousel" data-slidecount="4" data-slidegap="10" v-if="products.length" > <div class="dna-carousel__header"> <h2 v-if="true" class="dna-carousel__title h3">DNA Takuuhinnalla puhelimet pohjahintaan</h2> <div class="dna-carousel__controls"> <div class="dna-carousel__button-prev ds-arrow-btn ds-arrow-btn--round ds-btn--disabled"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use> </svg> </div> <div class="dna-carousel__button-next ds-arrow-btn ds-arrow-btn--round"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronRight"></use> </svg> </div> </div> </div> <div class="swiper"> <div class="swiper-wrapper"> <template v-for="(product, index) in products" :key="product.baseProduct?.id"> <div class="swiper-slide"> <div v-if="loading" class="ds-product-card ds-skeleton-loader ds-skeleton-loader--light"></div> <!-- loading --> <product-card v-else portlet-id="fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_WmES2OjIlAm8" current-language="FI" :show-cta-btn="false === true" :product="product" :card-id="product.baseProduct.id" :card-index="index + 1" :default-gift-image-url="defaultGiftImageUrl" ></product-card> </div> </template> </div> <div class="dna-carousel__footer"> <div class="swiper-pagination"></div> <div class="swiper-scrollbar"></div> <div v-if="true"> <div class="dna-carousel__more"> <a href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&itm_medium=carousel1&itm_campaign=puhelimet&itm_format=vakio&itm_content=puhelimet" class="ds-icon-btn"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ArrowRight"></use></svg> Katso kaikki </a> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_productview_ProductViewPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv"> <input type="hidden" id="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv_selectedProductIds" value='["PKG_5026555439800_b2c","PKG_CSEP8xR1001M6_b2c","PKG_QVRRS0200_b2c","PKG_0100433621_b2c","PKG_SML345FZEAEUB_b2c"]'/> <div id="product-view-app-fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv" 
1700class="product-view" v-cloak data-analytics-section="product-view" data-graphql-endpoint="https://kauppa.dna.fi/graphql" data-portlet-namespace="_fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv_" data-display-layout="carousel" data-items-in-row="5" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" > <div class="dna-carousel product-carousel" :class="{ 'ds-products--show-cta': false }" ref="productcarousel" data-slidecount="4" data-slidegap="10" v-if="products.length" > <div class="dna-carousel__header"> <h2 v-if="true" class="dna-carousel__title h3">DNA Maksuajalla ostat ilman korkoja tai lisäkuluja myös nämä tuotteet</h2> <div class="dna-carousel__controls"> <div class="dna-carousel__button-prev ds-arrow-btn ds-arrow-btn--round ds-btn--disabled"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use> </svg> </div> <div class="dna-carousel__button-next ds-arrow-btn ds-arrow-btn--round"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronRight"></use> </svg> </div> </div> </div> <div class="swiper"> <div class="swiper-wrapper"> <template v-for="(product, index) in products" :key="product.baseProduct?.id"> <div class="swiper-slide"> <div v-if="loading" class="ds-product-card ds-skeleton-loader ds-skeleton-loader--light"></div> <!-- loading --> <product-card v-else portlet-id="fi_dna_liferay_portlet_productview_ProductViewPortlet_INSTANCE_DkTeIuom4kYv" current-language="FI" :show-cta-btn="false === true" :product="product" :card-id="product.baseProduct.id" :card-index="index + 1" :default-gift-image-url="defaultGiftImageUrl" ></product-card> </div> </template> </div> <div class="dna-carousel__footer"> <div class="swiper-pagination"></div> <div class="swiper-scrollbar"></div> <div v-if="true"> <div class="dna-carousel__more"> <a href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki?itm_source=etusivu&itm_medium=carousel2&itm_campaign=viikkotarjoukset&itm_format=vakio&itm_content=viikkotarjoukset_koonti" class="ds-icon-btn"> <svg class="ds-icon" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ArrowRight"></use></svg> Katso kaikki </a> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet_ portlet-static portlet-static-end portlet-barebone " id="p_p_id_fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet"> <div id="pere-app" class="pere-recommendations" data-analytics-section="pere-recommendations" data-backend-url="https://www.dna.fi/yksityisille?p_p_id=fi_dna_liferay_portlet_common_ExternalApiPortlet&p_p_lifecycle=2&p_p_state=normal&p_p_mode=view&p_p_resource_id=%2Fget-pere-product-listing&p_p_cacheability=cacheLevelPage" data-rocket-base-url="https://kauppa.dna.fi" data-algolia-app-id="ZOGF71LKCH" data-algolia-api-key="40d475f3c73895ec0cf90311c9ed079d" data-algolia-index-name="prodEpcProducts" data-default-gift-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Gift_product.png" data-default-customer-benefit-image-url="https://res.cloudinary.com/dnaoyj/image/upload/Assets/Rocket/Ecom%20listing%20and%20product%20page%20visuals/Customer_benefit.png" > <div class="dna-carousel product-carousel" ref="perecarousel" data-slidecount="4" data-slidegap="10" v-if="products.length" > <div class="dna-carousel__header"> <h2 class="dna-carousel__title h3">Ostetuimmat tuotteet</h2> <div class="dna-carousel__controls"> <div class="dna-carousel__button-prev ds-arrow-btn ds-arrow-btn--round ds-btn--disabled"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use> </svg> </div> <div class="dna-carousel__button-next ds-arrow-btn ds-arrow-btn--round"> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronRight"></use> </svg> </div> </div> </div> <div class="swiper"> <div class="swiper-wrapper"> <template v-for="(product, index) in products" :key="product.objectID"> <!-- We use same cards (swiper slides) for loading phase so that the layout doesn't move around when we get the data and show actual results--> <div class="swiper-slide"> <div v-if="loading" class="ds-product-card ds-skeleton-loader ds-skeleton-loader--light"></div> <product-card v-else portlet-id="fi_dna_liferay_portlet_pere_recommendations_PereRecommendationsPortlet" :product="product" :card-id="product.objectID" :card-index="index" current-language="FI" :default-gift-image-url="defaultGiftImageUrl" ></product-card> </div> </template> </div> <div class="dna-carousel__footer"> <div class="swiper-pagination"></div> <div class="swiper-scrollbar"></div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB"> <div class=" dna-portlet-topmargin--small dna-portlet-bottommargin--normal" > <div class="dna-content-wrap--content"> <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fe7JVyLu1W86_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_fe7JVyLu1W86"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="29006352" data-analytics-asset-title="Viikkotarjous etusivu card nosto" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="29006354"> 
1700<script type="text/javascript">
1701window.dynamicCSS = window.dynamicCSS || {};
1702if (!window.dynamicCSS['cardFreeCSS']) {
1703window.dynamicCSS['cardFreeCSS'] = true;
1704var link = document.createElement('link');
1705link.rel = 'stylesheet';
1706link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1707link.media = 'all';
1708document.head.appendChild(link);
1709}
1710</script>
1710 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--image-w50"> <div class="dna-card-free__item dna-card-free__image dna-card-free__item--padding dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/f_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Kampanjasivut/Tarjoukset_Header_image" data-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_300/v1/Assets/KLT/Kampanjasivut/Tarjoukset_Header_image" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Tärppejä hintahaukoille</h2> <p>DNA:lta löydät aina edulliset laitteet: puhelimet, tabletit, tietokoneet, kaiuttimet, televisiot, kuulokkeet ja muut. Tartu haukkana hyviin hintoihin, maksa kerralla tai osissa.</p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki?itm_source=etusivu&amp;itm_medium=carduusi1&amp;itm_campaign=viikkotarjous&amp;itm_content=viikkotarjous_koonti" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="9d2da5d6-e950-e0cc-08ac-ffc85c13fc07" aria-label="Tutustu"> <span>Tutustu</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W"> <div class=" dna-portlet-topmargin--small ds-bg--sand-01 dna-layout-bg-color" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_5QaVXDvK6Q8E_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_5QaVXDvK6Q8E"> <!-- Custom DNA imports --> <div class="" > <div class="basic-web-content "> <div class="journal-content-article basic-web-content" data-analytics-asset-id="15678745" data-analytics-asset-title="Etusivun usp otsikko" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15678747"> <h2 style="text-align: center;">DNA:n asiakkaana saat <span style="color:#da0070;">etuja</span></h2> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end dna-portlet-bottommargin--normal portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX"> <div class=" ds-bg--white dna-layout-bg-color" > <div class="dna-content-wrap--content"> <div class="dna-grid dna-grid--2 "> <div class="portlet-column dna-grid-item dna-content-cols-2" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_aXVGLYnw8dpk_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_aXVGLYnw8dpk"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15683922" data-analytics-asset-title="Etusivun usp takuuhinta" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15683924"> 
1710<script type="text/javascript">
1711window.dynamicCSS = window.dynamicCSS || {};
1712if (!window.dynamicCSS['pictographCSS']) {
1713window.dynamicCSS['pictographCSS'] = true;
1714var link = document.createElement('link');
1715link.rel = 'stylesheet';
1716link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1717link.media = 'all';
1718document.head.appendChild(link);
1719}
1720</script>
1720 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Phone"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>DNA Takuuhinta</h3> <p>Myymme puhelimet pohjahintaan, eli vähintään yhtä edullisesti kuin vertailemamme kilpailijat verkkokaupoissaan. Leikatut hinnat näet<a href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&amp;itm_medium=usp&amp;itm_campaign=takuuhinta&amp;itm_content=puhelimet_koonti"> puhelimen tuotesivuilla.</a></p></div> </li> </ul> </section> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_LUOWywkcBGkt_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_LUOWywkcBGkt"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15683953" data-analytics-asset-title="Etusivun usp pidennetty takuu" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15683955"> 
1720<script type="text/javascript">
1721window.dynamicCSS = window.dynamicCSS || {};
1722if (!window.dynamicCSS['pictographCSS']) {
1723window.dynamicCSS['pictographCSS'] = true;
1724var link = document.createElement('link');
1725link.rel = 'stylesheet';
1726link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1727link.media = 'all';
1728document.head.appendChild(link);
1729}
1730</script>
1730 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Shield"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>3 vuoden pidennetty DNA Takuu</h3> <p>Saat pidennetyn <a href="https://www.dna.fi/3v-takuu">3 vuoden takuun</a> kaikkiin meiltä ostamiisi <a href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet?itm_source=etusivu&amp;itm_medium=pidennettytakuu&amp;itm_campaign=usp&amp;itm_content=puhelimet_koonti">puhelimiin</a>, <a href="https://kauppa.dna.fi/laitteet/tabletit-ja-lisalaitteet/tabletit?itm_source=etusivu&amp;itm_medium=pidennettytakuu&amp;itm_campaign=usp&amp;itm_content=tabletit_koonti">tabletteihin</a> ja valikoituihin <a href="https://kauppa.dna.fi/laitteet/alykellot-ja-hyvinvointi/alykellot?itm_source=etusivu&amp;itm_medium=pidennettytakuui&amp;itm_campaign=usp&amp;itm_content=alykellot_koonti">älykelloihin</a> ilman lisämaksua.</p></div> </li> </ul> </section> </div> </div> </div> </section> </div> </div> </div> <div class="portlet-column dna-grid-item dna-content-cols-2" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-2"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__column-2"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_EsRDFIk8dcPs_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_EsRDFIk8dcPs"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15683986" data-analytics-asset-title="Etusivun usp mas" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15683988"> 
1730<script type="text/javascript">
1731window.dynamicCSS = window.dynamicCSS || {};
1732if (!window.dynamicCSS['pictographCSS']) {
1733window.dynamicCSS['pictographCSS'] = true;
1734var link = document.createElement('link');
1735link.rel = 'stylesheet';
1736link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1737link.media = 'all';
1738document.head.appendChild(link);
1739}
1740</script>
1740 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Paytime"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>Koroton ja kuluton DNA Maksuaika</h3> <p>Asiakkaanamme saat halutessasi jopa 3 vuotta korotonta ja kulutonta DNA Maksuaikaa. <a href="https://www.dna.fi/laitteet/maksuaikasopimus?itm_source=etusivu&amp;itm_medium=usp&amp;itm_campaign=maksuaika&amp;itm_content=maksuaika_landari">Lue lisää DNA Maksuajasta.</a></p></div> </li> </ul> </section> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y260YuzGCEVl_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_y260YuzGCEVl"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="15684009" data-analytics-asset-title="Etusivun usp laitehyvitys" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="15684011"> 
1740<script type="text/javascript">
1741window.dynamicCSS = window.dynamicCSS || {};
1742if (!window.dynamicCSS['pictographCSS']) {
1743window.dynamicCSS['pictographCSS'] = true;
1744var link = document.createElement('link');
1745link.rel = 'stylesheet';
1746link.href = '/o/dna-fi-theme/css/dna/portlets/pictograph.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1747link.media = 'all';
1748document.head.appendChild(link);
1749}
1750</script>
1750 <section class="ds-pictograph ds-pictograph--horizontal ds-pictograph--centered"> <div class="ds-pictograph__title"> </div> <ul class="ds-pictograph__list ds-pictograph__list--1"> <li class="ds-pictograph-item"> <div class="ds-pictograph-item__icon " > <svg role="img" aria-hidden="true" class="ds-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Compensation"></use> </svg> </div> <div class="ds-pictograph-item__text basic-web-content"><h3>Vanhasta puhelimesta reilu DNA Laitehyvitys</h3> <p>Saat toimivasta tai viallisesta puhelimesta reilun <a href="https://www.dna.fi/laitteet/kaytetyt/laitehyvitys?itm_source=etusivu&amp;itm_medium=usp&amp;itm_campaign=laitehyvitys&amp;itm_content=laitehyvitys">DNA Laitehyvityksen</a>. Mitä siistimpi laite ja uudempi malli, sitä parempi hyvitys.</p></div> </li> </ul> </section> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv"> <div class=" dna-portlet-topmargin--extrasmall dna-portlet-bottommargin--small ds-bg--sand-01 dna-layout-bg-color" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv__column-1"> <div class="portlet-boundary portlet-boundary_fi_dna_liferay_portlet_news_NewsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-news-portlet " id="p_p_id_fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O_"> <section class="portlet" id="portlet_fi_dna_liferay_portlet_news_NewsPortlet_INSTANCE_iQPWr96MFs5O"> 
1750<script type="text/x-template" id="news-list-template-iQPWr96MFs5O"> <div :class="['news', namespace]"> <h2>{{ displayTitle }}</h2> <div v-if="filteringEnabled" class="news__header"> <div v-if="feedType !== 'nasdaqinvestor' && (Object.keys(categories).length > 0)" v-show="!isLoading" class="news__filter visible"> <span>{{ displayCategoryLabel }}</span> <button class="ds-options__toggle ds-icon-btn js-select js-news__categories" @changed="onCategoryChange($event)" :data-value="selectedCategory" ref="category"> <span class="js-select-value">Kaikki tiedotteet</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronDown"></use> </svg> </button> <div class="ds-options ds-options--below ds-options--right"> <button class="ds-option ds-simple-btn js-select-option" aria-selected="true" data-value=""> Kaikki tiedotteet </button> <button v-for="category in categories" ref="categories" class="ds-option ds-simple-btn js-select-option" :data-value="category.id"> {{ category.label }} </button> </div> </div> <div v-if="years.length > 0" v-show="!isLoading" class="news__filter visible"> <span>{{ displayYearLabel }}</span> <button class="ds-options__toggle ds-icon-btn js-select js-news__years" @changed="onYearChange($event)" :data-value="selectedYear" ref="year"> <span class="js-select-value">Kaikki</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronDown"></use> </svg> </button> <div class="ds-options ds-options--below ds-options--right"> <button class="ds-option ds-simple-btn js-select-option" aria-selected="true" data-value=""> Kaikki </button> <button v-for="year in years" ref="years" class="ds-option ds-simple-btn js-select-option" :data-value="year"> {{ year }} </button> </div> </div> <div v-if="feedType == 'resttukari1' || feedType == 'resttukari2'" v-show="!isLoading" class="news__filter visible"> <span>Tila</span> <button class="ds-options__toggle ds-icon-btn js-select js-news__status" @changed="onStatusChanged($event)" :data-value="selectedStatus" ref="status"> <span class="js-select-value">Kaikki</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronDown"></use> </svg> </button> <div class="ds-options ds-options--below ds-options--right"> <button class="ds-option ds-simple-btn js-select-option" :aria-selected="'all' === selectedStatus ? 'true' : 'false'" data-value="all"> Kaikki </button> <button class="ds-option ds-simple-btn js-select-option" :aria-selected="'fixed' === selectedStatus ? 'true' : 'false'" data-value="fixed"> <template v-if="feedType == 'resttukari1'" > Korjatut </template> <template v-else-if="feedType == 'resttukari2'" > Päättyneet </template> </button> <button class="ds-option ds-simple-btn js-select-option" :aria-selected="'open' === selectedStatus ? 'true' : 'false'" data-value="open"> Avoimet </button> </div> </div> </div> <div v-else="feedType === 'resttukari1' || feedType === 'resttukari2'" class="news__filter hidden"> <button class="ds-options__toggle ds-icon-btn js-news__status" :data-value="selectedStatus"></button> </div> <div class="news__article-container js-news__article-container" :class="{ loading: isLoading }"> <div class="news__news-articles js-news__news-articles"> <ul v-if="entries.length > 0" > <li v-for="entry in entries" ref="entries" > <span v-for="(categoryName, category) in entry.categories" class="news__category-name" > <a :data-value="category" class="category" @click="onCategoryClick($event)">{{ categoryName }}</a> </span> <template v-if="feedType === 'resttukari1'"> <span class="news__date">{{entry.starttime}}</span> </template> <template v-else-if="feedType === 'resttukari2'"> <span class="news__date">{{entry.starttime}} - {{entry.endtime}}</span> </template> <template v-else> <span class="news__date">{{entry.publishDate}}</span> </template> <span class="title"> <a :href="buildFeedEntryLink(entry.id)">{{entry.title ? entry.title : 'Palveluhäiriö tutkinnan alla'}}</a> </span> </li> </ul> <template v-else-if="feedType === 'resttukari1' || feedType === 'resttukari2'" > <span class='news__empty-message'>Kaikki hyvin, ei häiriöitä!</span> </template> <template v-else> <span class='news__empty-message'>Ei näytettäviä tietoja</span> </template> </div> <div v-show="isLoading" class="ds-loading ds-color--pink news__items-loader js-news__items-loader"> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> </div> <button v-if="entries.length > 0" v-show="!isLoading && !isEndOfResults" class="ds-btn load-more" @click="loadM
1750oreClicked"> <span>Näytä lisää</span> </button> </div> </div> </script>
1750 
1750<script type="text/x-template" id="news-details-template-iQPWr96MFs5O"> <div :class="['news-single', 'basic-web-content', namespace]"> <div class="news-single__header"> <span class="news-single__sub-header"> <a class="news-single__back-button" :href="backButtonLink" aria-label="Takaisin"> <svg class="news-single__back-button--chevron-left" role="img" aria-hidden="true"><use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#ChevronLeft"></use></svg> Takaisin </a> <span class="news-single__sub-header-date">{{ publishDate }}</span> <template v-for="(category, index) in categories" > <a class='news-single__sub-header-category' :href='category.link'>{{ category.name }}</a> <template v-if="index < categories.length -1">, </template> </template> </span> <h2 class="news-single__title">{{ titleText ? titleText : 'Palveluhäiriö tutkinnan alla' }}</h2> <div v-if="interruptionStartTime" class="news-single__start-time"> {{ (feedType === 'resttukari1' ? "Häiriön alkamisaika: " : "Huollon alkamisaika: ") + interruptionStartTime }} </div> <template v-if="endTime"> <div class="news-single__end-time"> Päättymisaika: {{ endTime }} </div> </template> <template v-else-if="estimatedEndTime"> <div class="news-single__end-time"> Arvioitu päättymisaika: {{ estimatedEndTime }} </div> </template> </div> <div class="ds-lead-paragraph"> <p>{{ leadText }}</p> </div> <div class="news-single__content"> <h2 v-if="isEntryNotFound">Uutisia, joilla on annettu tunnus, ei löydy</h2> <figure v-if="mainImage" class='news-single__content-main-img dna-content--w50 dna-content--pull-right' aria-labelledby="news-single-img-caption"> <img :src="mainImage.link" :alt="mainImage.caption || mainImage.title"> <figcaption v-if="mainImage.caption" class='news-single__content-caption news-single__caption' id="news-single-img-caption">{{ mainImage.caption }}</figcaption> </figure> <div v-if="htmlContent" v-html="htmlContent" ref="htmlContent"></div> <div v-else>Tutkimme käynnissä olevaa palveluhäiriötä.</div> <div class="news-single__footer-date">{{ publishDate }}</div> <div v-if="files && files.length > 0" class='files'> <h4>Liitteet</h4> <ul> <li v-for="file in files"> <a :href="file.location">{{ file.title != null ? file.title : file.location }}</a> </li> </ul> </div>
1750 <figure v-if="video && video.url" class='news-single__content-video-wrapper'> <div class='dna-video-container' v-html="video.url"></div> <figcaption v-if="video.description" class='news-single__content-caption news-single__caption'>{{ video.description }}</figcaption> </figure> <div v-if="images && images.length > 0" class='news-single__content-images'> <h3 class="news-single__content-images-header h4">Kuvat</h3> <div class='dna-grid dna-grid--4'> <div v-for="(image, index) in images" class='dna-grid-item'> <button type="button" class='news-single__content-image' :data-dna-open-modal-id="'newsDialog_' + index" @click="toggleImageDialog" aria-label="Näytä suurempi kuva"> <div class='image-crop ratio-4-3'> <img :src="buildImageUrl(image.thumbnail_square)" class="portrait" :alt="image.title || image.caption"> </div> <figcaption v-if="image.caption || image.title" class='news-single__content-image-caption news-single__caption'>{{ image.caption || image.title }}</figcaption> </button> <dialog v-if="image.url" class="ds-modal ds-modal--dialog ds-modal--medium" :id="'newsDialog_' + index"> <div class="ds-modal__container"> <button class="ds-modal__close" aria-label="Sulje dialogi"> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Close"></use> </svg> </button> <div class="ds-modal__content"> <div class='news-single-dialog__image'> <img :src="buildImageUrl(image.normal)" :alt="image.title || image.caption"/> </div> <figcaption v-if="image.caption || image.title" class='news-single-dialog__caption'>{{ image.caption || image.title }}</figcaption> <a class='news-single-dialog__load-link' :href='buildImageUrl(image.url)' target='_blank'>Lataa alkuperäinen kuva</a> </div> </div> </dialog> </div> </div> </div> </div> <div v-show="isLoading" class="ds-loading ds-color--pink news__items-loader js-news__single-loader"> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> <span class="ds-loading__bar"></span> </div> </div> </script>
1750 <div id="news-app-iQPWr96MFs5O" class="news"> <news-list v-if="mode === 'list' || (scrollTo && scrollTo != portletInstanceId)" @scroll-to-clicked-news-portlet="scrollToClickedNewsPortlet"></news-list> <news-details v-else-if="mode === 'details'" @scroll-to-clicked-news-portlet="scrollToClickedNewsPortlet"></news-details> </div> 
1750<script>
1751initNews({
1752portletName: "fi_dna_liferay_portlet_news_NewsPortlet",
1753portletInstanceId: "iQPWr96MFs5O",
1754feedType: "stt2",
1755mode: "list",
1756count: "3",
1757language: "fi",
1758viewPageUrl: "https://corporate.dna.fi/lehdistotiedotteet?scrollTo=",
1759returnUrl: "https://www.dna.fi/",
1760feedServiceMainUrl: 'https://www.sttinfo.fi',
1761years: ["2026","2025","2024","2023","2022","2021","2020"],
1762portletConfig: {
1763filteringEnabled: false,
1764displayTitle: 'Tuoreimmat uutiset DNA:lta',
1765displayCategoryLabel: 'Kategoriat',
1766displayYearLabel: 'Valitse vuosi',
1767defaultRestTukariNewsStatus: 'all',
1768}
1769});
1770</script>
1770 </section> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f"> <div class=" dna-portlet-topmargin--small dna-portlet-bottommargin--small" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_yVett2xEqzJi_"> <section class="portlet" id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_yVett2xEqzJi"> <div class="dna-grid dna-grid--2 "> <div class="dna-grid-item dna-content-cols-1" data-analytics-position="1" data-analytics-list="grid" data-analytics-section="asset-list"> 
1770<script type="text/javascript">
1771window.dynamicCSS = window.dynamicCSS || {};
1772if (!window.dynamicCSS['cardFreeCSS']) {
1773window.dynamicCSS['cardFreeCSS'] = true;
1774var link = document.createElement('link');
1775link.rel = 'stylesheet';
1776link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1777link.media = 'all';
1778document.head.appendChild(link);
1779}
1780</script>
1780 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-cld--cover-container"> <div class="dna-card-free__item dna-card-free__image cover-height dna-card-free__item--v-centered ds-bg--white ds-color--black"> <div class="dna-card-free__image-wrap dna-cld-container ratio-16-9"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="Puhelimen latausaseman näyttö, jossa on sarjakuvahahmo ja teksti Puhelinparkki." src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,f_auto,g_auto,q_1,w_300/e_blur:100/v1/Assets/Viestint%C3%A4/Puhelinparkki/puhparkki5" data-src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_300/v1/Assets/Viestint%C3%A4/Puhelinparkki/puhparkki5" data-heights="200,300,400,500,600,800,1000" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Puhelinparkki digiarkea helpottamaan</h2> <p>Digiympäristöt ovat mukaansatempaavia, kehittäviä ja kiehtovia – niin aikuisille kuin lapsillekin. Silti on tärkeää löytää tasapaino yhdessäolon ja laitteiden kanssa vietetyn ajan välille. DNA:n ja Suojellaan Lapsia ry:n kehittämä puhelinparkki tuo hetken huilin niin kierroksilla käyvälle luurille kuin omalle mielellekin.</p> <p>&nbsp;</p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://corporate.dna.fi/vastuullisuus/tietoturva-ja-tietosuoja/puhelinparkki" class="ds-btn dna-card-free__cta data-ga-enabled" target="_blank" dna-dxp-type="web-content" dna-dxp-cid="2021837e-e2ca-d95c-3d21-3a283a090954" aria-label="Tilaa puhelinparkki (Avautuu uuteen välilehteen)"> <span>Tilaa puhelinparkki</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Open"></use> </svg> </a> </div> </div> </div> </div> </div> </div> <div class="dna-grid-item dna-content-cols-1" data-analytics-position="2" data-analytics-list="grid" data-analytics-section="asset-list"> 
1780<script type="text/javascript">
1781window.dynamicCSS = window.dynamicCSS || {};
1782if (!window.dynamicCSS['cardFreeCSS']) {
1783window.dynamicCSS['cardFreeCSS'] = true;
1784var link = document.createElement('link');
1785link.rel = 'stylesheet';
1786link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1787link.media = 'all';
1788document.head.appendChild(link);
1789}
1790</script>
1790 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-cld--cover-container"> <div class="dna-card-free__item dna-card-free__image cover-height dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container ratio-16-9"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="Ihmiset kävelevät hehkuvien, läpikuultavien humanoidihahmojen keskellä kirkkaassa, vaaleanpunaisessa ja violetissa futuristisessa ympäristössä." src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,f_auto,g_auto,q_1,w_300/e_blur:100/v1/Assets/YLT/Kampanjat/Teknologiatrendit%202026/Raportin%20herokuvat/Raportin-herokuva_3840x2160" data-src="https://res.cloudinary.com/dnaoyj/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_300/v1/Assets/YLT/Kampanjat/Teknologiatrendit%202026/Raportin%20herokuvat/Raportin-herokuva_3840x2160" data-heights="200,300,400,500,600,800,1000" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Teknologiatrendit 2026</h2> <p>Teknologiatrendit 2026 -raportti esittelee kahdeksantoista vuonna 2026 valokeilaan nousevaa digitaalisen aikakauden teknologiatrendiä, jotka muovaavat yksilöiden, yritysten ja yhteiskuntien tulevaisuutta niin Suomessa kuin maailmalla.</p> <p>Lataa maksuton raportti, niin tiedät mitä uuden älyn aikakausi tuo tullessaan!</p> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://www.dna.fi/yrityksille/teknologiatrendit2026" class="ds-btn dna-card-free__cta data-ga-enabled" target="_blank" dna-dxp-type="web-content" dna-dxp-cid="ad74c1c6-370d-8ba9-9da6-0c07b73ff2d0" aria-label="Lataa raportti (Avautuu uuteen välilehteen)"> <span>Lataa raportti</span> <svg class="ds-icon" role="img" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Open"></use> </svg> </a> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="portlet-boundary portlet-boundary_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_ portlet-static portlet-static-end portlet-barebone portlet-nested-portlets " id="p_p_id_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt_"> <section class="portlet" id="portlet_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt"> <div class=" dna-portlet-topmargin--small dna-portlet-bottommargin--small" > <div class="dna-grid--1"> <div class="portlet-column dna-grid-item dna-content-cols-4" id="_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt__column-1"> <div class="portlet-dropzone portlet-column-content" id="layout-column__com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt__column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_niCxZMzckEDQ_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_niCxZMzckEDQ"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="14121543" data-analytics-asset-title="Oma dna card uusi 2023" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="14121545"> 
1790<script type="text/javascript">
1791window.dynamicCSS = window.dynamicCSS || {};
1792if (!window.dynamicCSS['cardFreeCSS']) {
1793window.dynamicCSS['cardFreeCSS'] = true;
1794var link = document.createElement('link');
1795link.rel = 'stylesheet';
1796link.href = '/o/dna-fi-theme/css/dna/portlets/card-free.css?browserId=other&themeId=dnafitheme_WAR_dnafitheme&minifierType=css&languageId=fi_FI&t=1789632818000';
1797link.media = 'all';
1798document.head.appendChild(link);
1799}
1800</script>
1800 <div class="dna-card-free__outside-wrap"> <div class="dna-card-free dna-card-free--bordered ds-bg--white ds-color--black dna-card-free--inverted dna-card-free--image-w50 dna-cld--cover-container"> <div class="dna-card-free__item dna-card-free__image cover-height dna-card-free__item--v-centered"> <div class="dna-card-free__image-wrap dna-cld-container"> <img class="dna-cld-responsive dna-cld-responsive--full placeholder" alt="" src="https://res.cloudinary.com/dnaoyj/image/upload/f_auto,q_1,w_300/e_blur:100/v1/Assets/KLT/Etusivu/dna_etusivu_oma_dna_mobiilisovellus" data-src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_auto,f_auto,q_auto,w_300/v1/Assets/KLT/Etusivu/dna_etusivu_oma_dna_mobiilisovellus" data-heights="200,300,400,500,600,800,1000" loading="lazy"> </div> </div> <div class="dna-card-free__item dna-card-free__text basic-web-content dna-card-free__item--padding dna-card-free__item--v-centered"> <h2>Lataa Oma DNA -sovellus käyttöösi</h2> <ul> <li>Hyödynnä etukoodit ja asiakasedut kätevästi</li> <li>Hallinnoi tilaamiasi palveluita</li> <li>Ota yhteyttä asiakaspalveluun</li> <li>Tarkastele ja maksa laskuja helposti</li> </ul> <div class="dna-card-free__align-bottom"></div> <div class="dna-card-free__cta-area"> <div class="dna-card-free__cta-wrapper ds-btn-group"> <a href="https://apps.apple.com/fi/app/oma-dna/id1445655346?l=fi" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="2e0db2cc-e83a-d540-fdc7-cccf167ec708" aria-label="Lataa App Storesta"> <span>Lataa App Storesta</span> </a> <a href="https://play.google.com/store/apps/details?id=fi.dna.omadna" class="ds-btn dna-card-free__cta data-ga-enabled" dna-dxp-type="web-content" dna-dxp-cid="2e0db2cc-e83a-d540-fdc7-cccf167ec708" aria-label="Lataa Google Playsta"> <span>Lataa Google Playsta</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><button hidden type="submit">Piilotettu</button></form> </section> </div> <!-- COMMON-DNA-FOOTER --> <footer id="dna-footer"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_"> <section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet"> <!-- Custom DNA imports --> <div class="" > <div class=""> <div class="journal-content-article " data-analytics-asset-id="858215" data-analytics-asset-title="yksityisille footer" data-analytics-asset-type="web-content" data-analytics-web-content-resource-pk="858217"> <nav class="ds-footer" id="dna-footer-app" aria-label="Footer linkit"> <div class="ds-footer__section ds-footer__section--top"> <div class="ds-footer__layout-width ds-footer__grid"> <div class="ds-footer__grid-item"> <svg role="img" aria-hidden="true" class="ds-footer__section-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#User"></use> </svg> <h2 class="h4">Hallinnoi palveluitasi</h2> <ul class="ds-footer__links"> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/kirjaudu"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Kirjaudu sisään </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Oma DNA </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="http://prepaid.dna.fi/"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Prepaid-asiakkaat </a> </li> </ul> </div> <div class="ds-footer__grid-item"> <svg role="img" aria-hidden="true" class="ds-footer__section-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Headset"></use> </svg> <h2 class="h4">Tuki ja apu</h2> <ul class="ds-footer__links"> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/tuki"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Tukisivut </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/tuki/yhteystiedot/asiakaspalvelu"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Ota yhteyttä </a> </li> <li>
1800 <button class="ds-icon-btn ds-icon-btn--dark-bg js-dna-chatbot-cta-btn"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Avaa chat </button> </li> </ul> </div> <div class="ds-footer__grid-item"> <svg role="img" aria-hidden="true" class="ds-footer__section-icon"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Shop"></use> </svg> <h2 class="h4">DNA Kaupat</h2> <ul class="ds-footer__links"> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/dnakaupat"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Löydä lähin myymälä </a> </li> <li> <a class="ds-icon-btn ds-icon-btn--dark-bg" href="https://www.dna.fi/ajankohtaista/kauppojen-tapahtumat"> <svg class="ds-icon" aria-hidden="true"><use href="#ArrowRight"></use></svg> Tapahtumat </a> </li> </ul> </div> </div> </div> <div class="ds-footer__section ds-footer__section--links"> <div class="ds-footer__layout-width ds-footer__grid"> <div class="ds-footer__grid-item"> <button v-bind:aria-expanded="String(showSection('0'))" aria-controls="footer-link-section-0" v-on:click="toggleSection('0')"> <h2 class="h4">Tuotteet ja palvelut</h2> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="#ChevronRight"/> </svg> </button> <ul class="ds-footer__links ds-footer__collapsible-items" id="footer-link-section-0" v-bind:class="{'open' : showSection('0')}"> <li> <a class="ds-footer__link ds-footer__link--text" href="https://kauppa.dna.fi/laitteet/puhelimet-ja-lisalaitteet/puhelimet">Puhelimet ja laitteet</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/puhe">Puhelinliittymät</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/netti">Nettiliittymät</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/viihde/dna-viihde">Viihde</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/viihde/tvopas">TV-ohjelmat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/viihde/kampanjat/liiga">Liiga 2026&#8211;2027</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/turvapalvelut/digiturva">Tietoturva</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://kauppa.dna.fi/laitteet/tarjoukset/kaikki?itm_source=etusivu&amp;itm_medium=footer&amp;itm_campaign=viikkotarjoukset&amp;itm_content=viikkotarjoukset_koonti">Tarjoukset</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://kauppa.dna.fi/laitteet/black-friday/kaikki">Black Friday 2026</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/5g">5G</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/suositutsisallot">Suosituimmat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/laitteet/kaytetyt/laitehyvitys">Laitehyvitys</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/ajankohtaista">Ajankohtaista</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/ajankohtaista/lahjat">Lahjaideat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/liittymat-ja-palvelut/netti/nopeustesti">Netin nopeustesti</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/uutiskirje">Uutiskirje</a> </li> </ul> </div> <div class="ds-footer__grid-item"> <button v-bind:aria-expanded="String(showSection('1'))" aria-controls="footer-link-section-1" v-on:click="toggleSection('1')"> <h2 class="h4">Asiakkaillemme</h2> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="#ChevronRight"/> </svg> </button> <ul class="ds-footer__links ds-footer__collapsible-items" id="footer-link-section-1" v-bind:class="{'open' : showSection('1')}"> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/asiakasedut">Asiakasedut</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki">Asiakastuki</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/hairiotilanteet/hairiotiedotteet">Häiriötiedotteet</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/kuuluvuus-ja-verkot/kuuluvuuskartta">Kuuluvuuskartta</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/nettiostaminen">
1800Tilaaminen ja maksutavat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/peruuttaminen-ja-irtisanominen">Peruuttaminen ja irtisanominen</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot">Hinnastot ja ehdot</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/oma-dna-sovellus">Oma DNA</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/nettiostaminen/toimitus">Toimitustavat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/ajankohtaista/artikkelit-ja-blogit">Vinkit ja sisällöt</a> </li> </ul> </div> <div class="ds-footer__grid-item"> <button v-bind:aria-expanded="String(showSection('2'))" aria-controls="footer-link-section-2" v-on:click="toggleSection('2')"> <h2 class="h4">Tietoa meistä</h2> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="#ChevronRight"/> </svg> </button> <ul class="ds-footer__links ds-footer__collapsible-items" id="footer-link-section-2" v-bind:class="{'open' : showSection('2')}"> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/">DNA Oyj</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/yrityksena/yleistietoa/tarina">Tarinamme</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/tyonantajana/tyopaikat/">Avoimet työpaikat</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/tyonantajana/tyopaikat/kesaduuni">Kesätyö 2026</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/vastuullisuus-dnalla">Vastuullisuus</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/digitaalinen-yhdenvertaisuus/digitalisoituva-yhteiskunta">Digitaalinen yhdenvertaisuus</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/saavutettavuus-ja-esteettomyys">Saavutettavuus ja esteettömyys</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/medialle/dnan-tutkimukset">Tutkimukset</a> </li> <li> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/medialle/dnan-viestinta">Medialle</a> </li> </ul> </div> </div> </div> <div class="ds-footer__section ds-footer__section--bottom"> <div class="ds-footer__layout-width ds-footer__bottom-grid"> <div class="ds-footer__bottom--left ds-footer__lang-selector"> <a class="ds-footer__lang ds-footer__link ds-footer__link--plain" href="https://www.dna.fi/se" lang="sv" aria-label="SV, kundsupport på svenska" > <span>SV</span> </a> <a class="ds-footer__lang ds-footer__link ds-footer__link--plain" href="https://www.dna.fi/" lang="fi" aria-label="FI, siirry suomenkieliselle sivustolle" > <span>FI</span> </a> <a class="ds-footer__lang ds-footer__link ds-footer__link--plain" href="https://www.dna.fi/contact-us" lang="en" aria-label="EN, customer support in English" > <span>EN</span> </a> </div> <div class="ds-footer__bottom--center"> <section class="ds-footer__social-media-links" aria-label="Sosiaalisen median linkit"> <ul class="ds-footer__links"> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.facebook.com/dna.fi" aria-label="DNA Facebookissa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Facebook"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.linkedin.com/company/dna-ltd/" aria-label="DNA LinkedInissä"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Linkedin"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.instagram.com/dna_fi/" aria-label="DNA Instagramissa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Instagram"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.youtube.com/dna_fi" aria-label="DNA Youtubessa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Youtube"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.tiktok.com/@dna_fi?lang=fi-FI" aria-label="DNA TikTokissa"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Tiktok"></use></svg> </a> </li> <li> <a class="ds-footer__link ds-footer__link--plain" href="https://www.threads.net/@dna_fi" aria-label="DNA Threadsissä"> <svg class="ds-icon ds-icon--24" aria-hidden="true"><use href="#Threads"></use></svg> </a> </li> </ul> </section> <div class="ds-site-nav"> <a href="https://www.dna.fi" class="ds-site-nav__link current" aria-current="true">Yksityisille</a> <a href="https://www.dna.fi/yrityksille" class="ds-site-nav__link " >Yrityksille</a> <a href="https://www.dna.fi/wholesale" class="ds-site-nav__link " >Wholesale</a> <a href="https://corporate.dna.fi/fi" class="ds-site-nav__link " >DNA Oyj</a> </div> <!-- Dynamic mandatory links --> <div class="ds-footer__mandatory-links"> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/tietosuoja">Tietosuoja</a> <span aria-hidden="true"> | </span> <a class="ds-footer__link ds-footer__link--text ot-sdk-show-settings" href="#" onclick="return false;">Evästeasetukset</a> <span aria-hidden="true"> | </span> <a class="ds-footer__link ds-footer__link--text" href="https://corporate.dna.fi/vastuullisuus/saavutettavuus-ja-esteettomyys/saavutettavuus">Saavutettavuus</a> <span aria-hidden="true"> | </span> <a class="ds-footer__link ds-footer__link--text" href="https://www.dna.fi/tuki/asiakkuus/hinnastot-ja-ehdot#tilaus-ja-toimitusehdot">Tilaus- ja toimitusehdot</a> <span aria-hidden="true"> | </span> <span>DNA&nbsp;2026</span> </div> </div> <div class="ds-footer__bottom--right ds-footer__app"> <div class="ds-footer__app-title">Oma DNA:</div> <div class="ds-footer__app-list"> <a class="ds-footer__link ds-footer__link--plain" href="https://apps.apple.com/us/app/my-dna/id1445655346?ls=1" aria-label="Lataa sovellus App Storesta" target="_blank"> <img src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/App_Store_Badge.png" aria-hidden="true" alt="App Store logo"> </a> <a class="ds-footer__link ds-footer__link--plain" href="https://play.google.com/store/apps/details?id=fi.dna.omadna" aria-label="Lataa sovellus Google Playstä" target="_blank"> <img src="https://res.cloudinary.com/dnaoyj/image/upload/dpr_2,f_auto,q_auto,w_142/v1/Assets/Icons%20and%20logos/Other%20icons/Google_Play_Badge.png" aria-hidden="true" alt="Google Play logo"> </a> </div> </div> </div> </div> </nav> </div> </div> </div> </section> </div> </footer> <div class="dna-navigation-overlay" id="dna-navigation-overlay"></div> <!-- COMMON-DNA-FOOTER end --> <div class="dna-navigation-overlay dna-navigation-overlay--with-secondary" id="dna-navigation-overlay-secondary-nav"></div> <template id="modal-dialog-template"> <dialog class="ds-modal ds-modal--dialog ds-modal--medium"> <div class="ds-modal__container"> <button class="ds-modal__close" aria-label="Sulje dialogi"> <svg class="ds-icon ds-icon--24" aria-hidden="true"> <use href="/o/dna-fi-theme/images/sl-icons/spritesheet.svg#Close"></use> </svg> </button> <div class="ds-modal__content"></div> </div> </dialog> </template> 
1800<script src="/combo?browserId=other&amp;minifierType=js&amp;themeId=dnafitheme_WAR_dnafitheme&amp;languageId=fi_FI&amp;fi_dna_liferay_portlet_loggedin_dashboard_LoggedinDashboardPortlet:%2Fo%2Fdna-fi-loggedin-dashboard-portlet%2Fjs%2FloggedinDashboard.es.js&amp;fi_dna_liferay_portlet_sibbe_messages_SibbeMessagesPortlet:%2Fo%2Fdna-fi-sibbe-messages-portlet%2Fjs%2FsibbeMessages.es.js&amp;t=1789632818000" type="text/javascript"></script>
1800 
1800<script type="text/javascript">
1801
1802	
1803		
1804
1805			
1806
1807			
1808		
1809	
1810
1811
1812</script>
1812<script>
1813
1814</script>
1814 
1814<script type="text/javascript">
1815(function() {var $ = AUI.$;var _ = AUI._;
1816	var onShare = function (data) {
1817		if (window.Analytics) {
1818			Analytics.send('shared', 'SocialBookmarks', {
1819				className: data.className,
1820				classPK: data.classPK,
1821				type: data.type,
1822				url: data.url,
1823			});
1824		}
1825	};
1826
1827	var onDestroyPortlet = function () {
1828		Liferay.detach('socialBookmarks:share', onShare);
1829		Liferay.detach('destroyPortlet', onDestroyPortlet);
1830	};
1831
1832	Liferay.on('socialBookmarks:share', onShare);
1833	Liferay.on('destroyPortlet', onDestroyPortlet);
1834})();
1835(function() {var $ = AUI.$;var _ = AUI._;
1836	var onVote = function (event) {
1837		if (window.Analytics) {
1838			let title = event.contentTitle;
1839
1840			if (!title) {
1841				const dmNode = document.querySelector(
1842					'[data-analytics-file-entry-id="' + event.classPK + '"]'
1843				);
1844
1845				if (dmNode) {
1846					title = dmNode.dataset.analyticsFileEntryTitle;
1847				}
1848			}
1849
1850			Analytics.send('VOTE', 'Ratings', {
1851				className: event.className,
1852				classPK: event.classPK,
1853				ratingType: event.ratingType,
1854				score: event.score,
1855				title,
1856			});
1857		}
1858	};
1859
1860	var onDestroyPortlet = function () {
1861		Liferay.detach('ratings:vote', onVote);
1862		Liferay.detach('destroyPortlet', onDestroyPortlet);
1863	};
1864
1865	Liferay.on('ratings:vote', onVote);
1866	Liferay.on('destroyPortlet', onDestroyPortlet);
1867})();
1868
1869	function getValueByAttribute(node, attr) {
1870		return (
1871			node.dataset[attr] ||
1872			(node.parentElement && node.parentElement.dataset[attr])
1873		);
1874	}
1875
1876	function sendDocumentDownloadedAnalyticsEvent(anchor) {
1877		var fileEntryId = getValueByAttribute(
1878			anchor,
1879			'analyticsFileEntryId'
1880		);
1881		var title = getValueByAttribute(
1882			anchor,
1883			'analyticsFileEntryTitle'
1884		);
1885		var version = getValueByAttribute(
1886			anchor,
1887			'analyticsFileEntryVersion'
1888		);
1889
1890		if (fileEntryId) {
1891			Analytics.send('documentDownloaded', 'Document', {
1892				groupId: themeDisplay.getScopeGroupId(),
1893				fileEntryId,
1894				preview:
1895					!!window._com_liferay_document_library_analytics_isViewFileEntry,
1896				title,
1897				version,
1898			});
1899		}
1900	}
1901
1902	function handleDownloadClick(event) {
1903		if (window.Analytics) {
1904			if (event.target.nodeName.toLowerCase() === 'a') {
1905				sendDocumentDownloadedAnalyticsEvent(
1906					event.target
1907				);
1908			}
1909			else if (
1910				event.target.parentNode &&
1911				event.target.parentNode.nodeName.toLowerCase() === 'a'
1912			) {
1913				sendDocumentDownloadedAnalyticsEvent(
1914					event.target.parentNode
1915				);
1916			}
1917			else {
1918				var target = event.target;
1919				var matchTextContent =
1920					target.textContent &&
1921					target.textContent.toLowerCase() ===
1922						'lataa';
1923				var matchTitle =
1924					target.title && target.title.toLowerCase() === 'download';
1925				var matchAction = target.action === 'download';
1926				var matchLexiconIcon = !!target.querySelector(
1927					'.lexicon-icon-download'
1928				);
1929				var matchLexiconClassName = target.classList.contains(
1930					'lexicon-icon-download'
1931				);
1932				var matchParentTitle =
1933					target.parentNode &&
1934					target.parentNode.title &&
1935					target.parentNode.title.toLowerCase() === 'download';
1936				var matchParentLexiconClassName =
1937					target.parentNode &&
1938					target.parentNode.classList.contains('lexicon-icon-download');
1939
1940				if (
1941					matchTextContent ||
1942					matchTitle ||
1943					matchParentTitle ||
1944					matchAction ||
1945					matchLexiconIcon ||
1946					matchLexiconClassName ||
1947					matchParentLexiconClassName
1948				) {
1949					var selectedFiles = document.querySelectorAll(
1950						'.form .custom-control-input:checked'
1951					);
1952
1953					selectedFiles.forEach(({value}) => {
1954						var selectedFile = document.querySelector(
1955							'[data-analytics-file-entry-id="' + value + '"]'
1956						);
1957
1958						sendDocumentDownloadedAnalyticsEvent(
1959							selectedFile
1960						);
1961					});
1962				}
1963			}
1964		}
1965	}
1966
1967	Liferay.once('destroyPortlet', () => {
1968		document.body.removeEventListener(
1969			'click',
1970			handleDownloadClick
1971		);
1972	});
1973
1974	Liferay.once('portletReady', () => {
1975		document.body.addEventListener(
1976			'click',
1977			handleDownloadClick
1978		);
1979	});
1980
1981(function() {var $ = AUI.$;var _ = AUI._;
1982	var onDestroyPortlet = function () {
1983		Liferay.detach('messagePosted', onMessagePosted);
1984		Liferay.detach('destroyPortlet', onDestroyPortlet);
1985	};
1986
1987	Liferay.on('destroyPortlet', onDestroyPortlet);
1988
1989	var onMessagePosted = function (event) {
1990		if (window.Analytics) {
1991			const eventProperties = {
1992				className: event.className,
1993				classPK: event.classPK,
1994				commentId: event.commentId,
1995				text: event.text,
1996			};
1997
1998			const blogNode = document.querySelector(
1999				'[data-analytics-asset-id="' + event.classPK + '"]'
2000			);
2001
2002			const dmNode = document.querySelector(
2003				'[data-analytics-file-entry-id="' + event.classPK + '"]'
2004			);
2005
2006			if (blogNode) {
2007				eventProperties.title = blogNode.dataset.analyticsAssetTitle;
2008			}
2009			else if (dmNode) {
2010				eventProperties.title = dmNode.dataset.analyticsFileEntryTitle;
2011			}
2012
2013			Analytics.send('posted', 'Comment', eventProperties);
2014		}
2015	};
2016
2017	Liferay.on('messagePosted', onMessagePosted);
2018})();
2019(function() {var $ = AUI.$;var _ = AUI._;
2020	
2021})();
2022
2023	if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) {
2024		svg4everybody(
2025			{
2026				polyfill: true,
2027				validate: function (src, svg, use) {
2028					return !src || !src.startsWith('#');
2029				}
2030			}
2031		);
2032	}
2033
2034(function() {var $ = AUI.$;var _ = AUI._;
2035	Liferay.Util.delegate(
2036		document,
2037		'focusin',
2038		'.portlet',
2039		function(event) {
2040			event.delegateTarget.closest('.portlet').classList.add('open');
2041		}
2042	);
2043
2044	Liferay.Util.delegate(
2045		document,
2046		'focusout',
2047		'.portlet',
2048		function(event) {
2049			event.delegateTarget.closest('.portlet').classList.remove('open');
2050		}
2051	);
2052})();
2053
2054	// <![CDATA[
2055
2056		
2057
2058		Liferay.currentURL = '\x2f';
2059		Liferay.currentURLEncoded = '\x252F';
2060
2061	// ]]>
2062
2063
2064		// <![CDATA[
2065			(function() {
2066				/* DNADXP-9139 */
2067(function (config) {
2068    const RNS_SCRIPT_SRC = 'https://cdn.reactandshare.com/plugin/rns.js';
2069
2070    function matchesUrlRules(
2071        includePatternsCurrentOrCanonicalUrl,
2072        excludePatternsCurrentOrCanonicalUrl,
2073        currentUrl,
2074        canonicalUrl,
2075    ) {
2076        let hasIncludes = includePatternsCurrentOrCanonicalUrl && includePatternsCurrentOrCanonicalUrl.length;
2077        let hasExcludes = excludePatternsCurrentOrCanonicalUrl && excludePatternsCurrentOrCanonicalUrl.length;
2078
2079        if (hasIncludes && !includePatternsCurrentOrCanonicalUrl.some(
2080            function (pattern) { return pattern.test(currentUrl) || pattern.test(canonicalUrl); }
2081        )) return false;
2082
2083        if (hasExcludes && excludePatternsCurrentOrCanonicalUrl.some(
2084            function (pattern) { return pattern.test(currentUrl) || pattern.test(canonicalUrl); }
2085        )) return false;
2086
2087        return true;
2088    }
2089
2090    function initRnsWidget(options) {
2091        var requiredLang = options.requiredLang;
2092        if (requiredLang && document.documentElement.getAttribute('lang') !== requiredLang) return;
2093
2094        var currentUrl = Liferay !== undefined ? Liferay.ThemeDisplay.getLayoutRelativeURL() : '';
2095        var canonicalUrl = Liferay !== undefined ? Liferay.ThemeDisplay.getCanonicalURL() : '';
2096        var includePatternsCurrentOrCanonicalUrl = options.includeUrlPatterns;
2097        var excludePatternsCurrentOrCanonicalUrl = options.excludeUrlPatterns;
2098
2099        if (!matchesUrlRules(
2100            includePatternsCurrentOrCanonicalUrl,
2101            excludePatternsCurrentOrCanonicalUrl,
2102            currentUrl,
2103            canonicalUrl)
2104        ) return;
2105
2106        var container = document.querySelector(options.containerSelector);
2107        if (!container) return;
2108
2109        var rns = document.createElement('div');
2110        rns.classList.add('rns');
2111        if (options.additionalClasses && options.additionalClasses.length) {
2112            rns.classList.add.apply(rns.classList, options.additionalClasses);
2113        }
2114        container.appendChild(rns);
2115
2116        window.rnsData = {
2117            apiKey: options.apiKey,
2118        };
2119
2120        var script = document.createElement('script');
2121        script.src = RNS_SCRIPT_SRC;
2122        document.body.appendChild(script);
2123    }
2124
2125    initRnsWidget(config);
2126})({
2127    requiredLang: '',
2128    containerSelector: '#layout-column_column-1',
2129    additionalClasses: ['dna-content-wrap--content', 'dna-portlet-topmargin--normal'],
2130    apiKey: 'wb12evlb5hafaz5u',
2131    includeUrlPatterns: [
2132        /^\/tuki($|\?)/,
2133        /^\/tuki\//,
2134        /^\/web\/yksityisille\/tuki($|\?)/,
2135        /^\/web\/yksityisille\/tuki\//,
2136    ],
2137    excludeUrlPatterns: [],
2138});
2139/* DNADXP-9139 end */
2140			})();
2141		// ]]>
2142	
2143(function() {var $ = AUI.$;var _ = AUI._;
2144		import(Liferay.ThemeDisplay.getPathContext() + '/o/frontend-js-web/__liferay__/index.js').then(
2145			({openToast}) => {
2146				AUI().use(
2147					'liferay-session',
2148					function() {
2149						Liferay.Session = new Liferay.SessionBase(
2150							{
2151								autoExtend: true,
2152								redirectOnExpire: false,
2153								redirectUrl: 'https\x3a\x2f\x2fwww\x2edna\x2efi\x2fweb\x2fyksityisille',
2154								sessionLength: 54000,
2155								sessionTimeoutOffset: 70,
2156								warningLength: 60
2157							}
2158						);
2159
2160						
2161					}
2162				);
2163			}
2164		)
2165	})();
2166(function() {var $ = AUI.$;var _ = AUI._;
2167    var assetEntryId = '';
2168
2169    if (assetEntryId) {
2170    window.location.hash = assetEntryId;
2171    }
2172})();
2173
2174	var nestedPortlet = document.getElementById(
2175	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_NtnDtLqyx4mB__main-content'
2176	);
2177
2178	if (nestedPortlet != null) {
2179	nestedPortlet.removeAttribute('role');
2180	}
2181
2182
2183	var nestedPortlet = document.getElementById(
2184	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_SYNPsynWb6Gv__main-content'
2185	);
2186
2187	if (nestedPortlet != null) {
2188	nestedPortlet.removeAttribute('role');
2189	}
2190
2191
2192	var nestedPortlet = document.getElementById(
2193	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_eyYCMTimoR5f__main-content'
2194	);
2195
2196	if (nestedPortlet != null) {
2197	nestedPortlet.removeAttribute('role');
2198	}
2199
2200
2201	var nestedPortlet = document.getElementById(
2202	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_9xIowF5XhCW4__main-content'
2203	);
2204
2205	if (nestedPortlet != null) {
2206	nestedPortlet.removeAttribute('role');
2207	}
2208
2209
2210	var nestedPortlet = document.getElementById(
2211	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pVwlRcrAiMqs__main-content'
2212	);
2213
2214	if (nestedPortlet != null) {
2215	nestedPortlet.removeAttribute('role');
2216	}
2217
2218(function() {var $ = AUI.$;var _ = AUI._;
2219    var assetEntryId = '';
2220
2221    if (assetEntryId) {
2222    window.location.hash = assetEntryId;
2223    }
2224})();
2225
2226	var nestedPortlet = document.getElementById(
2227	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_pPqEhRY2nXvX__main-content'
2228	);
2229
2230	if (nestedPortlet != null) {
2231	nestedPortlet.removeAttribute('role');
2232	}
2233
2234
2235	var nestedPortlet = document.getElementById(
2236	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_3VzsJDsuOvIt__main-content'
2237	);
2238
2239	if (nestedPortlet != null) {
2240	nestedPortlet.removeAttribute('role');
2241	}
2242
2243
2244	var nestedPortlet = document.getElementById(
2245	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_aquWjhpZQw7W__main-content'
2246	);
2247
2248	if (nestedPortlet != null) {
2249	nestedPortlet.removeAttribute('role');
2250	}
2251
2252
2253	var nestedPortlet = document.getElementById(
2254	'_com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet_INSTANCE_scpIraVUdSwd__main-content'
2255	);
2256
2257	if (nestedPortlet != null) {
2258	nestedPortlet.removeAttribute('role');
2259	}
2260
2261
2262</script>
2262<script type="module">
2263import {InfoItemActionHandler as ComponentModule} from '/o/layout-taglib/__liferay__/index.js';
2264AUI().use(
2265  'liferay-menu',
2266function(A) {
2267{
2268Liferay.component('infoItemActionComponent', new ComponentModule({"executeInfoItemActionURL":"https:\/\/www.dna.fi\/c\/portal\/execute_info_item_action?p_l_mode=view&plid=843991","namespace":"","spritemap":"https:\/\/www.dna.fi\/o\/dna-fi-theme\/images\/clay\/icons.svg"}), { destroyOnNavigate: true, portletId: ''});
2269}
2270(function() {
2271var $ = AUI.$;var _ = AUI._;
2272	new Liferay.Menu();
2273
2274	var liferayNotices = Liferay.Data.notices;
2275
2276	for (var i = 0; i < liferayNotices.length; i++) {
2277		Liferay.Util.openToast(liferayNotices[i]);
2278	}
2279
2280})();
2281});
2282
2283</script>
2283 
2283<script src="https://www.dna.fi/o/dna-fi-theme/js/main.js?browserId=other&amp;minifierType=js&amp;languageId=fi_FI&amp;t=1789632818000" type="text/javascript"></script>
2283 
2283<script type="module">
2284import {main} from '/o/frontend-js-alert-support-web/__liferay__/index.js';
2285{
2286main();
2287}
2288
2289</script>
2289<script type="module">
2290import {main} from '/o/frontend-js-collapse-support-web/__liferay__/index.js';
2291{
2292main();
2293}
2294
2295</script>
2295<script type="module">
2296import {main} from '/o/frontend-js-dropdown-support-web/__liferay__/index.js';
2297{
2298main();
2299}
2300
2301</script>
2301<script type="module">
2302import {main} from '/o/frontend-js-tooltip-support-web/__liferay__/index.js';
2303{
2304main();
2305}
2306
2307</script>
2307<script type="module">
2308import {main} from '/o/frontend-js-tabs-support-web/__liferay__/index.js';
2309{
2310main();
2311}
2312
2313</script>
2313<script type="module">
2314import {runThirdPartyCookiesInterval} from '/o/cookies-banner-web/__liferay__/index.js';
2315{
2316runThirdPartyCookiesInterval();
2317}
2318
2319</script>
2319<script type="text/javascript">
2320Liferay.CustomDialogs = {enabled: false};
2321
2322</script>
2322<script>
2323
2324</script>
2324 <div class="node-status" style="display:none;"> app3.lrdxp-prod.dna.fi </div> 
2324<script>
2325        window.dxp_login_settings = {
2326            site:  'private',
2327            restUrl: 'https://www.dna.fi/o/rest',
2328            redirectUrl: 'https://www.dna.fi/o/sso-redirect',
2329            clientId: 'db-liferay-b2c',
2330            scopeIds: 'openid profile ssn b2c-sso',
2331            languageId: 'fi_FI',
2332            accessTokenCookieName: 'DXP_access_token',
2333            listenToIDMPostMessages: true,
2334            ssoSessionManagementEnabled: false,
2335            maxInactivityBeforeWarning: 780000,
2336            logoutUrl: "/o/rest/auth/logout",
2337            showHeader: true
2338        };
2339    </script>
2339 <!-- inject:js --> <!-- endinject --> 
2339<script>
2340    Liferay.Loader.require('[email protected]/js/common/analyticsUtil.es');
2341  </script>
2341 </body> </html> 

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