PageSourceSearch

https://www.trio.fi/

html trio.fi collected 2026-09-26 13:42:07 UTC 238,803 bytes, 2,152 lines download raw bytes

1
2<!DOCTYPE html>
3<html class="antialiased" lang="fi">
4
5<head>
6    <meta charset="UTF-8">
7    <meta content="width=device-width, initial-scale=1.0" name="viewport">
8            <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
9<link rel="alternate" href="https://www.trio.fi/en/welcome-to-trio/" hreflang="en" />
10<link rel="alternate" href="https://www.trio.fi/" hreflang="fi" />
11
12	<!-- This site is optimized with the Yoast SEO plugin v28.3 - https://yoast.com/product/yoast-seo-wordpress/ -->
13	<title>Etusivu · Trio · Citycon</title>
14	<meta name="description" content="Tervetuloa viihtymään ja shoppailemaan Lahden Trioon! Meiltä löydät lähes 70 liikettä, palvelua, kahvilaa ja ravintolaa." />
15	<link rel="canonical" href="https://www.trio.fi/" />
16	<meta property="og:locale" content="fi_FI" />
17	<meta property="og:locale:alternate" content="en_GB" />
18	<meta property="og:type" content="website" />
19	<meta property="og:title" content="Etusivu · Trio · Citycon" />
20	<meta property="og:description" content="Tervetuloa viihtymään ja shoppailemaan Lahden Trioon! Meiltä löydät lähes 70 liikettä, palvelua, kahvilaa ja ravintolaa." />
21	<meta property="og:url" content="https://www.trio.fi/" />
22	<meta property="og:site_name" content="Trio" />
23	<meta property="article:modified_time" content="2026-09-25T12:24:47+00:00" />
24	<meta name="twitter:card" content="summary_large_image" />
25	
25<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.trio.fi\/","url":"https:\/\/www.trio.fi\/","name":"Etusivu · Trio · Citycon","isPartOf":{"@id":"https:\/\/www.trio.fi\/#website"},"datePublished":"2026-03-09T18:10:28+00:00","dateModified":"2026-09-25T12:24:47+00:00","description":"Tervetuloa viihtymään ja shoppailemaan Lahden Trioon! Meiltä löydät lähes 70 liikettä, palvelua, kahvilaa ja ravintolaa.","breadcrumb":{"@id":"https:\/\/www.trio.fi\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.trio.fi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.trio.fi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage"}]},{"@type":"WebSite","@id":"https:\/\/www.trio.fi\/#website","url":"https:\/\/www.trio.fi\/","name":"Trio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.trio.fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}</script>
25
26	<!-- / Yoast SEO plugin. -->
27
28
29<style id="wp-img-auto-sizes-contain-inline-css">
30img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
31/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
32</style>
33<style id="wp-emoji-styles-inline-css">
34
35	img.wp-smiley, img.emoji {
36		display: inline !important;
37		border: none !important;
38		box-shadow: none !important;
39		height: 1em !important;
40		width: 1em !important;
41		margin: 0 0.07em !important;
42		vertical-align: -0.1em !important;
43		background: none !important;
44		padding: 0 !important;
45	}
46/*# sourceURL=wp-emoji-styles-inline-css */
47</style>
48<style id="wp-block-library-inline-css">
49:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
49--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
50
51/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
52</style>
53<style id="classic-theme-styles-inline-css">
54/*! This file is auto-generated */
55.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
56/*# sourceURL=/wp-includes/css/classic-themes.min.css */
57</style>
58
59<style id="global-styles-inline-css">
60:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
600) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
60.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
61/*# sourceURL=global-styles-inline-css */
62</style>
63
64<link rel='stylesheet' id='citycon-2026-style-css' href='//www.trio.fi/app/cache/www.trio.fi/wpfc-minified/dj0jbd0s/bttnt.css' media='all' />
65<link rel='stylesheet' id='citycon-swiper-css' href='//www.trio.fi/app/cache/www.trio.fi/wpfc-minified/8tmfr1eu/7xols.css' media='all' />
66<script id="citycon-swiper-js" src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/js/swiper.js?ver=1778846838"></script>
66
67<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.trio.fi/wp/xmlrpc.php?rsd" />
68<meta name="generator" content="WordPress 7.1.2" />
69<link rel='shortlink' href='https://www.trio.fi/' />
70<!-- HFCM by 99 Robots - Snippet # 1: GTM NXTM -->
71<script>
72        window.dataLayer = window.dataLayer || [];
73
74        function gtag() {
75            window.dataLayer.push(arguments);
76        }
77
78        gtag('consent', 'default', {
79            functionality_storage: 'denied',
80            analytics_storage: 'denied',
81            ad_storage: 'denied',
82						ad_personalization: 'denied',
83						ad_user_data: 'denied',
84            personalization_storage: 'denied',
85            security_storage: 'denied',
86            wait_for_update: 5000,
87        });
88    </script>
88
89<!-- Google Tag Manager -->
90<script>
vendor: 327 bytes, lines 90-94
90(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
91new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
92j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
93'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
94})(window,document,'script','dataLayer','
94GTM-M5N8DB5
vendor: 3 bytes, line 94
94');
94</script>
94
95<!-- End Google Tag Manager -->
96<!-- /end HFCM by 99 Robots -->
97<link rel="icon" type="image/png" href="/app/uploads/sites/2/fbrfg/favicon-96x96.png" sizes="96x96" />
98<link rel="icon" type="image/svg+xml" href="/app/uploads/sites/2/fbrfg/favicon.svg" />
99<link rel="shortcut icon" href="/app/uploads/sites/2/fbrfg/favicon.ico" />
100<link rel="apple-touch-icon" sizes="180x180" href="/app/uploads/sites/2/fbrfg/apple-touch-icon.png" />
101<link rel="manifest" href="/app/uploads/sites/2/fbrfg/site.webmanifest" />            <style>
102            :root {
103                --brandColor1: #0a4535;
104                --brand-color-1: #0a4535;
105                --brandColor2: #facac4;
106                --brand-color-2: #facac4;
107                --brandColor3: #E5DACF;
108                --brand-color-3: #E5DACF;
109                            }
110        </style>
111    <link rel='stylesheet' id='wpforms-content-frontend-css' href='//www.trio.fi/app/cache/www.trio.fi/wpfc-minified/g4k4z2xh/7x7x0.css' media='all' />
112<link rel='stylesheet' id='wpforms-modern-full-css' href='//www.trio.fi/app/cache/www.trio.fi/wpfc-minified/8uqnkiht/7x7x0.css' media='all' />
113<style id="wpforms-modern-full-inline-css">
114:root {
115				--wpforms-field-border-radius: 3px;
116--wpforms-field-border-style: solid;
117--wpforms-field-border-size: 1px;
118--wpforms-field-background-color: #ffffff;
119--wpforms-field-border-color: rgba( 0, 0, 0, 0.25 );
120--wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 );
121--wpforms-field-text-color: rgba( 0, 0, 0, 0.7 );
122--wpforms-field-menu-color: #ffffff;
123--wpforms-label-color: rgba( 0, 0, 0, 0.85 );
124--wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 );
125--wpforms-label-error-color: #d63637;
126--wpforms-button-border-radius: 3px;
127--wpforms-button-border-style: none;
128--wpforms-button-border-size: 1px;
129--wpforms-button-background-color: #066aab;
130--wpforms-button-border-color: #066aab;
131--wpforms-button-text-color: #ffffff;
132--wpforms-page-break-color: #066aab;
133--wpforms-background-image: none;
134--wpforms-background-position: center center;
135--wpforms-background-repeat: no-repeat;
136--wpforms-background-size: cover;
137--wpforms-background-width: 100px;
138--wpforms-background-height: 100px;
139--wpforms-background-color: rgba( 0, 0, 0, 0 );
140--wpforms-background-url: none;
141--wpforms-container-padding: 0px;
142--wpforms-container-border-style: none;
143--wpforms-container-border-width: 1px;
144--wpforms-container-border-color: #000000;
145--wpforms-container-border-radius: 3px;
146--wpforms-field-size-input-height: 43px;
147--wpforms-field-size-input-spacing: 15px;
148--wpforms-field-size-font-size: 16px;
149--wpforms-field-size-line-height: 19px;
150--wpforms-field-size-padding-h: 14px;
151--wpforms-field-size-checkbox-size: 16px;
152--wpforms-field-size-sublabel-spacing: 5px;
153--wpforms-field-size-icon-size: 1;
154--wpforms-label-size-font-size: 16px;
155--wpforms-label-size-line-height: 19px;
156--wpforms-label-size-sublabel-font-size: 14px;
157--wpforms-label-size-sublabel-line-height: 17px;
158--wpforms-button-size-font-size: 17px;
159--wpforms-button-size-height: 41px;
160--wpforms-button-size-padding-h: 15px;
161--wpforms-button-size-margin-top: 10px;
162--wpforms-container-shadow-size-box-shadow: none;
163			}
164/*# sourceURL=wpforms-modern-full-inline-css */
165</style>
166<link rel='stylesheet' id='wpforms-pro-modern-full-css' href='//www.trio.fi/app/cache/www.trio.fi/wpfc-minified/9k19kq54/7x7x0.css' media='all' />
167
168</head>
169
170<body x-data="{ menuOpen: false, searchOpen: false, feedbackOpen: false }"
171    x-effect="document.body.classList.toggle('overflow-hidden', menuOpen || searchOpen || feedbackOpen)"
172    @keydown.escape.window="menuOpen = false; searchOpen = false; feedbackOpen = false" class="home wp-singular page-template page-template-front-page page-template-front-page-php page page-id-24 wp-theme-citycon2026_03_09_21_26 page-etusivu trio-page">
173        <header class="sticky inset-0 top-0 z-50 w-full bg-white shadow-sm"  :class="{ 'top-8 sm:top-11 xl:top-8': document.body.classList.contains('admin-bar') }">
174    <nav id="main-nav" class="h-full p-4 mx-auto md:p-6 lg:flex lg:items-center">
175        <div class="w-full px-4 mx-auto max-w-480">
176            <div class="flex gap-2 -mx-4 md:gap-0 lg:flex-wrap">
177                <div class="flex flex-row items-center justify-between w-full gap-4 md:justify-start lg:w-1/2 md:pl-4 md:pr-0 xl:w-10/24">
178                                        <a class="flex items-center gap-1 text-xl font-bold md:text-2xl wrap-break-word hover:opacity-75"
179                        href="https://www.trio.fi/">
180                                                    <svg class="size-6 min-w-6 sm:size-7 sm:min-w-7" fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
181    <path d="M20.6361 7.92432V2.87067L16.2632 0.343658L11.8906 2.87067V7.92432L16.2632 10.4513L20.6361 7.92432Z"
182        fill="black" />
183    <path d="M11.89 12.9784V7.92436L7.51708 5.39773L3.14453 7.92436V12.9784L7.51708 15.5054L11.89 12.9784Z"
184        fill="black" />
185    <path d="M11.89 23.086V18.032L7.51708 15.5053L3.14453 18.032V23.086L7.51708 25.613L11.89 23.086Z" fill="black" />
186    <path d="M20.6361 28.1401V23.086L16.2632 20.559L11.8906 23.086V28.1401L16.2632 30.6667L20.6361 28.1401Z"
187        fill="black" />
188    <path d="M29.3802 23.086V18.032L25.0073 15.5053L20.6348 18.032V23.086L25.0073 25.613L29.3802 23.086Z"
189        fill="black" />
190</svg>                            Trio                                            </a>
191                                        <a class="flex items-center ml-auto cursor-pointer opening-hours-wrapper hover:opacity-75 lg:ml-0 md:mr-0 gap-1"
192                        href="https://www.trio.fi/aukioloajat/">
193                        <div class="pr-4 lg:pr-1" style="flex-shrink: 0;">
194                            <svg class="size-6" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
195    <path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z" />
196    <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0" />
197</svg>
198                        </div>
199                        <div class="hidden lg:flex lg:flex-col lg:leading-tight">
200                            <!-- <span class="text-xs">
201                                Aukioloajat:
202                            </span> -->
203                                                            <span class="text-sm font-bold">
204                                    Avoinna tänään: 08:00 – 19:00                                </span>
205                                                    </div>
206                    </a>
207                                    </div>
208                <div class="flex flex-row items-center justify-end gap-4 lg:w-1/2 lg:px-4 xl:w-14/24">
209                    <ul id="menu-header-fi" class="h-7.5 hidden overflow-hidden lg:justify-end flex-wrap items-center gap-4 lg:flex lg:gap-6"><li class="text-base whitespace-nowrap md:text-lg xl:text-xl"><a class="font-bold py-0.5 border-b-2 border-b-transparent hover:opacity-75" href="https://www.trio.fi/liikkeet/">Liikkeet</a></li><li class="text-base whitespace-nowrap md:text-lg xl:text-xl"><a class="font-bold py-0.5 border-b-2 border-b-transparent hover:opacity-75" href="https://www.trio.fi/kahvilat-ja-ravintolat/">Kahvilat ja ravintolat</a></li><li class="text-base whitespace-nowrap md:text-lg xl:text-xl"><a class="font-bold py-0.5 border-b-2 border-b-transparent hover:opacity-75" href="https://www.trio.fi/info/">Info</a></li><li class="text-base whitespace-nowrap md:text-lg xl:text-xl"><a class="font-bold py-0.5 border-b-2 border-b-transparent hover:opacity-75" href="https://www.trio.fi/ajankohtaista/">Ajankohtaista</a></li><li class="text-base whitespace-nowrap md:text-lg xl:text-xl"><a class="font-bold py-0.5 border-b-2 border-b-transparent hover:opacity-75" href="https://www.trio.fi/tarjoukset/">Tarjoukset</a></li><li class="text-base whitespace-nowrap md:text-lg xl:text-xl"><a class="font-bold py-0.5 border-b-2 border-b-transparent hover:opacity-75" href="https://www.trio.fi/tietoja-keskuksesta/">Tietoja keskuksesta</a></li></ul>                                            <div class="relative languages"
210                            x-data="{ open: false }"
211                            @mouseenter="open = true"
212                            @mouseleave="open = false">
213                            <button
214                                class="min-w-11.25 flex items-center h-7.5 justify-center uppercase py-0.5 px-2 text-black border-b font-bold border-black bg-transparent text-base md:text-lg xl:text-xl cursor-default focus:outline-2 focus:outline-black"
215                                aria-haspopup="listbox"
216                                :aria-expanded="open"
217                                @keydown.arrow-down.prevent="open = true; $nextTick(() => $el.nextElementSibling.querySelector('a').focus())"
218                                @keydown.escape="open = false">
219                                FI                            </button>
220                                                            <div
221                                    x-cloak
222                                    x-show="open"
223                                    x-transition:enter="transition ease-out duration-150"
224                                    x-transition:enter-start="opacity-0 -translate-y-1"
225                                    x-transition:enter-end="opacity-100 translate-y-0"
226                                    x-transition:leave="transition ease-in duration-100"
227                                    x-transition:leave-start="opacity-100 translate-y-0"
228                                    x-transition:leave-end="opacity-0 -translate-y-1"
229                                    class="absolute left-0 flex flex-col px-1 py-1 bg-white shadow-md top-full"
230                                    role="listbox"
231                                    @keydown.escape="open = false; $el.previousElementSibling.focus()">
232                                                                            <a href="https://www.trio.fi/en/welcome-to-trio/"
233                                            role="option"
234                                            hreflang="en-GB"
235                                            class="min-w-11.25 flex items-center justify-center uppercase py-0.5 px-2 text-black hover:opacity-75 border border-transparent hover:border-black bg-transparent text-base md:text-lg xl:text-xl focus:outline-2 focus:outline-black"
236                                            @keydown.tab="open = false; $nextTick(() => { document.getElementById('desktop-btn').focus() })" >
237                                            EN                                        </a>
238                                                                    </div>
239                                                    </div>
240                                        <button
241                        @click="searchOpen = true; $nextTick(() => document.getElementById('search-modal-input').focus())"
242                        aria-label="Avaa haku"
243                        class="relative flex justify-center p-0 transition-all duration-300 items-center border-0 cursor-pointer button-icon size-8 bg-none hover:scale-105 [&>svg]:size-6">
244                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="" viewBox="0 0 16 16">
245    <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" />
246</svg>                    </button>
247                    <button
248                        id="desktop-btn"
249                        @click="menuOpen = !menuOpen"
250                        @keydown.enter.prevent="menuOpen = true; setTimeout(() => document.getElementById('menu-search').focus(), 320)"
251                        @keydown.space.prevent="menuOpen = true; setTimeout(() => document.getElementById('menu-search').focus(), 320)"
252                        :aria-expanded="menuOpen"
253                        aria-label="Avaa valikko"
254                        class="relative flex justify-center p-0 transition-all duration-300 border-0 cursor-pointer button-icon size-8 bg-none hover:scale-105 lg:ml-2">
255                        <span
256                            class="top-3.75 before:-top-2.25 after:top-2.25 relative block h-0.5 w-6 border-0 bg-black transition-all duration-300 before:absolute before:left-0 before:h-0.5 before:w-6 before:bg-black before:transition-all before:duration-300 before:content-[''] after:absolute after:left-0 after:h-0.5 after:w-6 after:bg-black after:transition-all after:duration-300 after:content-['']"></span>
257                    </button>
258                </div>
259            </div>
260        </div>
261    </nav>
262</header>
263
264<!-- Fullscreen overlay menu -->
265<div
266    x-cloak
267    x-show="menuOpen"
268    x-transition:enter="transition ease-out duration-300"
269    x-transition:enter-start="-translate-y-full"
270    x-transition:enter-end="translate-y-0"
271    x-transition:leave="transition ease-in duration-200"
272    x-transition:leave-start="translate-y-0"
273    x-transition:leave-end="-translate-y-full"
274    class="fixed inset-0 flex flex-col items-center justify-center fullscreen-menu z-60 bg-(--brandColor1)"
275    @click.self="menuOpen = false"
276    @keydown.escape="menuOpen = false; $nextTick(() => document.getElementById('desktop-btn').focus())">
277    <div class="relative inset-0 flex items-center justify-between w-full p-4 mx-auto mb-auto lg:p-8 max-w-480 ">
278        <div class="lg:ml-4">
279            <a class="flex items-center gap-1 text-2xl font-bold text-white md:text-3xl"
280                href="https://www.trio.fi/">
281                                    <svg class="size-7 min-w-7" fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
282    <path d="M20.6361 7.92432V2.87067L16.2632 0.343658L11.8906 2.87067V7.92432L16.2632 10.4513L20.6361 7.92432Z"
283        fill="white" />
284    <path d="M11.89 12.9784V7.92436L7.51708 5.39773L3.14453 7.92436V12.9784L7.51708 15.5054L11.89 12.9784Z"
285        fill="white" />
286    <path d="M11.89 23.086V18.032L7.51708 15.5053L3.14453 18.032V23.086L7.51708 25.613L11.89 23.086Z" fill="white" />
287    <path d="M20.6361 28.1401V23.086L16.2632 20.559L11.8906 23.086V28.1401L16.2632 30.6667L20.6361 28.1401Z"
288        fill="white" />
289    <path d="M29.3802 23.086V18.032L25.0073 15.5053L20.6348 18.032V23.086L25.0073 25.613L29.3802 23.086Z"
290        fill="white" />
291</svg>
292                    Trio                            </a>
293        </div>
294        <button
295            @click="menuOpen = false; $nextTick(() => document.getElementById('desktop-btn').focus())"
296            class="flex flex-row items-center justify-center gap-4 p-0 text-white transition-all duration-300 bg-transparent border-0 cursor-pointer opacity-80 hover:opacity-100 hover:scale-110 lg:mr-6"
297            aria-label="Sulje valikko">
298            <span class="hidden text-lg font-bold close-menu md:block">
299                Sulje valikko            </span>
300            <svg class="size-7 min-w-7" width="24" height="24" viewBox="0 0 24 24" fill="none"
301                xmlns="http://www.w3.org/2000/svg">
302                <line x1="4" y1="4" x2="20" y2="20" stroke="currentColor" stroke-width="2"
303                    stroke-linecap="round" />
304                <line x1="20" y1="4" x2="4" y2="20" stroke="currentColor" stroke-width="2"
305                    stroke-linecap="round" />
306            </svg>
307        </button>
308    </div>
309
310    <nav class="flex-1 w-full p-4 mx-auto overflow-auto lg:p-6 max-w-480 xl:px-12">
311        <div class="flex flex-col gap-8 pt-0 md:pt-15 md:flex-row">
312            <div class="md:basis-7/12 xl:basis-10/12 md:grow-0">
313                <form role="search" method="get" action="https://www.trio.fi/" class="relative">
314                    <input id="menu-search" type="search" name="s" placeholder="Hae" class="w-full h-10 min-w-0 pt-2 pb-2 pl-0 pr-8 text-lg leading-normal text-white border-white [&amp;&gt;svg]:fill-white border-b-2 rounded-none appearance-none bg-none placeholder:text-gray-500 focus:outline-0 input-search">
315                    <button type="submit" class="absolute right-0 top-1/2 -translate-y-1/2 flex items-center justify-center p-0 text-white border-white [&amp;&gt;svg]:fill-white bg-transparent border-0 cursor-pointer [&>svg]:size-7 [&>svg]:pr-2" aria-label="Hae">
316                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="" viewBox="0 0 16 16">
317    <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" />
318</svg>                    </button>
319                </form>
320            </div>
321        </div>
322        <div class="my-4 lg:my-8 xl:my-12">
323            <ul id="menu-header-fi-1" class="flex flex-col gap-4 md:flex-row md:flex-wrap lg:gap-8"><li><a id="menu-first-link" href="https://www.trio.fi/liikkeet/" class="text-2xl font-bold text-white transition-opacity hover:opacity-75">Liikkeet</a></li><li><a href="https://www.trio.fi/kahvilat-ja-ravintolat/" class="text-2xl font-bold text-white transition-opacity hover:opacity-75">Kahvilat ja ravintolat</a></li><li><a href="https://www.trio.fi/info/" class="text-2xl font-bold text-white transition-opacity hover:opacity-75">Info</a></li><li><a href="https://www.trio.fi/ajankohtaista/" class="text-2xl font-bold text-white transition-opacity hover:opacity-75">Ajankohtaista</a></li><li><a href="https://www.trio.fi/tarjoukset/" class="text-2xl font-bold text-white transition-opacity hover:opacity-75">Tarjoukset</a></li><li><a href="https://www.trio.fi/tietoja-keskuksesta/" class="text-2xl font-bold text-white transition-opacity hover:opacity-75">Tietoja keskuksesta</a></li></ul>        </div>
324        <div class="my-8 xl:my-12">
325            <p class="pb-4 text-white opacity-75 lg:pb-6">Lisätietoja keskuksesta:</p>
326            <ul id="menu-navbar-fi" class="flex flex-col gap-4 md:flex-row md:flex-wrap lg:gap-8"><li><a href="https://www.trio.fi/aukioloajat/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Aukioloajat</a></li></li><li><a href="https://www.trio.fi/kuinka-saapua/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Kuinka saapua</a></li></li><li><a href="https://www.trio.fi/pysakointi/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Pysäköinti</a></li></li><li><a href="https://www.trio.fi/yhteystiedot/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Yhteystiedot</a></li></li><li><a href="https://www.trio.fi/vastuullisuus/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Vastuullisuus</a></li></li><li><a href="https://www.trio.fi/uutiskirje/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Uutiskirje</a></li></li><li><a href="https://www.trio.fi/palaute/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Palaute</a></li></li><li><a href="https://www.trio.fi/pohjakartta/" class="text-lg font-bold text-white transition-opacity hover:opacity-75">Pohjakartta</a></li></li><li><a href="https://www.trio.fi/toimitilat-yrityksille/" class="text-lg font-bold text-white transition-opacity hover:opacity-75" @keydown.tab="menuOpen = false; $nextTick(() => { document.querySelector('#main-nav a').focus() })">Toimitilat yrityksille</a></li></li></ul>        </div>
327    </nav>
328</div>
329
330<!-- Search modal -->
331<div
332    x-cloak
333    x-show="searchOpen"
334    x-data="{
335        recentSearches: JSON.parse(localStorage.getItem('citycon_recent_searches') || '[]'),
336        saveSearch(term, updateList = true) {
337            term = term.trim();
338            if (!term) return;
339            const recentSearches = [term, ...this.recentSearches.filter(s => s !== term)].slice(0, 5);
340            localStorage.setItem('citycon_recent_searches', JSON.stringify(recentSearches));
341            if (updateList) {
342                this.recentSearches = recentSearches;
343            }
344        },
345        removeSearch(term) {
346            this.recentSearches = this.recentSearches.filter(s => s !== term);
347            localStorage.setItem('citycon_recent_searches', JSON.stringify(this.recentSearches));
348        }
349    }"
350    x-transition:enter="transition ease-out duration-200"
351    x-transition:enter-start="opacity-0"
352    x-transition:enter-end="opacity-100"
353    x-transition:leave="transition ease-in duration-150"
354    x-transition:leave-start="opacity-100"
355    x-transition:leave-end="opacity-0"
356    class="fixed inset-0 z-70 flex items-start justify-center pt-24"
357    style="backdrop-filter: blur(8px); background-color: oklab(0 0 0 / 0.2);"
358    @click.self="searchOpen = false"
359    @keydown.escape="searchOpen = false">
360    <div
361        x-transition:enter="transition ease-out duration-200"
362        x-transition:enter-start="opacity-0 -translate-y-4"
363        x-transition:enter-end="opacity-100 translate-y-0"
364        x-transition:leave="transition ease-in duration-150"
365        x-transition:leave-start="opacity-100 translate-y-0"
366        x-transition:leave-end="opacity-0 -translate-y-4"
367        class="flex flex-col w-full mx-auto"
368        style="max-width: 758px; margin-left: 49px; margin-right: 49px; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0,0,0,0.1) 0px 10px 15px -3px, rgba(0,0,0,0.1) 0px 4px 6px -4px; min-height: 312px;">
369        <form role="search" method="get" action="https://www.trio.fi/"
370            class="flex flex-col h-full flex-1"
371            @submit="saveSearch($el.querySelector('input[name=s]').value, false)">
372            <div class="flex items-end gap-4 px-6 pt-6 pb-4 border-b-2 border-gray-200">
373                <div class="relative flex-1">
374                    <input
375                        id="search-modal-input"
376                        type="search"
377                        name="s"
378                        placeholder="Hae"
379                        value=""
380                        class="w-full h-10 min-w-0 pt-2 pb-2 pl-0 pr-8 text-lg leading-normal text-black rounded-none appearance-none bg-none placeholder:text-gray-500  focus:outline-0 input-search"
381                        autocomplete="off">
382                    <button
383                        type="submit"
384                        class="magnifier-icon absolute right-0 top-1/2 -translate-y-1/2 flex h-10 w-10 items-center justify-end cursor-pointer bg-transparent border-0 p-0 text-black [&>svg]:size-5"
385                        aria-label="Hae">
386                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="" viewBox="0 0 16 16">
387    <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" />
388</svg>                    </button>
389                </div>
390                <button
391                    type="button"
392                    @click="searchOpen = false"
393                    @keydown.escape.prevent="searchOpen = false"
394                    class="shrink-0 mb-2 px-2 py-0.5 text-xs font-mono font-semibold text-gray-400 bg-gray-100 border border-gray-300 rounded cursor-pointer hover:text-black hover:border-gray-400 transition-colors"
395                    aria-label="Sulje haku">
396                    esc
397                </button>
398            </div>
399            <div class="flex-1 px-6 py-5">
400                <template x-if="recentSearches.length > 0">
401                    <div>
402                        <p class="text-xs font-semibold uppercase tracking-wide text-gray-400 mb-3">Viimeisimmät haut</p>
403                        <ul class="flex flex-col gap-1">
404                            <template x-for="term in recentSearches" :key="term">
405                                <li class="flex items-center gap-2 group/item">
406                                    <a
407                                        :href="'https://www.trio.fi/?s=' + encodeURIComponent(term)"
408                                        class="flex items-center gap-2 flex-1 py-1.5 text-sm text-gray-700 hover:text-black transition-colors"
409                                        @click="saveSearch(term)">
410                                        <svg class="shrink-0 text-gray-400 size-3.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
411                                            <circle cx="12" cy="12" r="10" />
412                                            <polyline points="12 6 12 12 16 14" />
413                                        </svg>
414                                        <span x-text="term"></span>
415                                    </a>
416                                    <button
417                                        type="button"
418                                        @click="removeSearch(term)"
419                                        class="opacity-0 group-hover/item:opacity-100 p-1 text-gray-400 bg-transparent border-0 cursor-pointer hover:text-black transition-all"
420                                        :aria-label="'Poista ' + term">
421                                        <svg class="size-3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
422                                            <line x1="4" y1="4" x2="20" y2="20" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" />
423                                            <line x1="20" y1="4" x2="4" y2="20" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" />
424                                        </svg>
425                                    </button>
426                                </li>
427                            </template>
428                        </ul>
429                    </div>
430                </template>
431                <template x-if="recentSearches.length === 0">
432                    <div class="flex items-center justify-center h-full py-4 text-gray-400">
433                        <p class="text-sm">Kirjoita hakeaksesi...</p>
434                    </div>
435                </template>
436            </div>
437        </form>
438    </div>
439</div>
440 
441    <div class="relative masthead-full-bleed">
442        <h1 class="sr-only">Trio</h1>
443        <div class="swiper masthead-swiper opacity-0 transition-opacity duration-300 [&.swiper-initialized]:opacity-100">
444            <div class="swiper-wrapper">
445                                    <div class="swiper-slide relative">
446                                                    <a href="https://www.trio.fi/event/trion-synttarit-ohjelma/"
447                                class="block w-full"
448                                title="Trion synttärit 1.–3.10. – katso ohjelma!"                                 >
449                                                            <picture class="w-full">
450                                                                            <source srcset="https://www.trio.fi/app/uploads/sites/17/2026/09/Trionsynttarit_26_ohjelma10.png" media="(min-width: 768px)">
451                                                                                                                <img src="https://www.trio.fi/app/uploads/sites/17/2026/09/Trionsynttarit_26_ohjelma9.png"
452                                            alt="Trion synttärit 1.–3.10."
453                                            class="w-full object-cover aspect-15/22 lg:aspect-12/5"
454                                            fetchpriority="high"
455                                            loading="eager"
456                                            decoding="sync">
457                                                                    </picture>
458                                                            </a>
459                                                    </div>
460                            <div class="swiper-slide relative">
461                                                    <a href="https://www.trio.fi/synttarit/"
462                                class="block w-full"
463                                title="Katso tarjoukset"                                 >
464                                                            <picture class="w-full">
465                                                                            <source srcset="https://www.trio.fi/app/uploads/sites/17/2026/09/Trio_synttarit_1920x800_website-banner_yleinen.png" media="(min-width: 768px)">
466                                                                                                                <img src="https://www.trio.fi/app/uploads/sites/17/2026/09/Trio_synttarit_mobiilibanneri_375x550.png"
467                                            alt="Trion synttärit – katso tarjoukset"
468                                            class="w-full object-cover aspect-15/22 lg:aspect-12/5"
469                                            fetchpriority="high"
470                                            loading="eager"
471                                            decoding="sync">
472                                                                    </picture>
473                                                            </a>
474                                                    </div>
475                </div>
476
477                    <div class="absolute bottom-0 z-10 flex w-full items-center justify-between px-3 pb-3 lg:justify-start lg:px-16 lg:pb-16">
478                <div class="flex items-center">
479                    <button class="masthead-swiper-prev inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-full border border-white bg-transparent" type="button" aria-label="Edellinen dia">
480                        <svg class="h-3.75 w-3.75 text-white" viewBox="0 0 320 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
481                            <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z" fill="currentColor" />
482                        </svg>
483                    </button>
484                    <button class="masthead-swiper-next ml-4 inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-full border border-white bg-transparent" type="button" aria-label="Seuraava dia">
485                        <svg class="h-3.75 w-3.75 text-white" viewBox="0 0 320 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
486                            <path d="M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="currentColor" />
487                        </svg>
488                    </button>
489                </div>
490                <div class="masthead-swiper-pagination ml-8 flex w-fit gap-2 justify-end sm:justify-normal"></div>
491            </div>
492            </div>
493    </div>
494
495    
495<script>
496        (function() {
497            function setMastheadViewportWidth() {
498                document.documentElement.style.setProperty('--masthead-viewport-width', window.innerWidth + 'px');
499            }
500
501            setMastheadViewportWidth();
502
503            document.addEventListener('DOMContentLoaded', function() {
504                setMastheadViewportWidth();
505
506                const mastheadSwiper = new Swiper('.masthead-swiper', {
507                    roundLengths: true,
508                    observer: true,
509                    observeParents: true,
510                    loop: true,
511                    autoplay: {
512                        delay: 5000,
513                        disableOnInteraction: false,
514                    },
515                    pagination: {
516                        el: '.masthead-swiper-pagination',
517                        clickable: true,
518                        bulletClass: 'h-4 w-4 border border-white opacity-100 cursor-pointer inline-block',
519                        bulletActiveClass: '!bg-white',
520                    },
521                    navigation: {
522                        prevEl: '.masthead-swiper-prev',
523                        nextEl: '.masthead-swiper-next',
524                    },
525                });
526                window.addEventListener('load', function() {
527                    setMastheadViewportWidth();
528                    mastheadSwiper.update();
529                });
530                window.addEventListener('resize', function() {
531                    setMastheadViewportWidth();
532                    mastheadSwiper.update();
533                });
534            });
535        })();
536    </script>
536
537    <section class="container-fluid container-fluid-max-xl c-2968">
538        <h2 class="scroll-mt-100 lg:scroll-mt-25 mb-4 text-[48px]/[1.2] font-bold">Ajankohtaiset tapahtumat</h2>
539        <div class="my-6 grid gap-6 sm:grid-cols-3">
540                            <a href="https://www.trio.fi/event/yhen-illan-juttu-katso-trion-ohjelma-ja-tarjoukset/">
541                    <div class="relative mb-2 flex aspect-square items-center justify-center overflow-hidden bg-white">
542                        <img src="https://www.trio.fi/app/uploads/sites/17/2026/09/Trio-yhen-illan-juttu-s26-1024x1024.jpg"
543                            class="size-full object-cover transition-transform duration-500 ease-in-out hover:scale-110"
544                            alt="Yhen illan juttu 25.9." loading="lazy">
545                    </div>
546                    <p class="text-lg font-medium leading-[130%] tracking-[-0.02em] md:text-[22px]">Yhen illan juttu – katso Trion ohjelma ja tarjoukset</p>
547                </a>
548                            <a href="https://www.trio.fi/event/trion-synttarit-ohjelma/">
549                    <div class="relative mb-2 flex aspect-square items-center justify-center overflow-hidden bg-white">
550                        <img src="https://www.trio.fi/app/uploads/sites/17/2026/09/Trion-synttarit-2026_ohjelma_1080x1080-1024x1024.png"
551                            class="size-full object-cover transition-transform duration-500 ease-in-out hover:scale-110"
552                            alt="Trion synttärit 1.–3.10." loading="lazy">
553                    </div>
554                    <p class="text-lg font-medium leading-[130%] tracking-[-0.02em] md:text-[22px]">Trion synttärit 1.–3.10. – katso ohjelma!</p>
555                </a>
556                            <a href="https://www.trio.fi/event/trion-synttarit-katso-tarjoukset/">
557                    <div class="relative mb-2 flex aspect-square items-center justify-center overflow-hidden bg-white">
558                        <img src="https://www.trio.fi/app/uploads/sites/17/2026/09/Trio_synttarit_1080x1080_yleinen-1-1024x1024.png"
559                            class="size-full object-cover transition-transform duration-500 ease-in-out hover:scale-110"
560                            alt="Trion synttärit 1.–3.10." loading="lazy">
561                    </div>
562                    <p class="text-lg font-medium leading-[130%] tracking-[-0.02em] md:text-[22px]">Trion synttärit 1.–3.10. – katso tarjoukset!</p>
563                </a>
564                    </div>
565        <div class="sm:ml-auto mt-6 flex justify-end">
566            <a href="https://www.trio.fi/ajankohtaista/" class="bg-black btn-cut-bottom-right">Kaikki tapahtumat</a>
567        </div>
568    </section>
569    <section id="homepage-offers-legacy" class="" style="background-color: var(--brandColor2, #E5DACF);">
570                <div class="container-fluid container-fluid-max-xl c-2968">
571            <h2 class="scroll-mt-100 lg:scroll-mt-25 mb-4 text-[48px]/[1.2] font-bold">
572                <a href="https://www.trio.fi/tarjoukset/">Tarjoukset</a>
573            </h2>
574
575            <div class="swiper offers-carousel">
576                <div class="swiper-wrapper">
577                                            <div class="swiper-slide">
578                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-10738-0">
579                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
580                                    <div class="image-card cut-bottom-left">
581                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-b07ce4de-636f-4299-80dd-68b759ffdf14-34a3b5a78024.jpg" alt="TEMPUR® Comfort SmartCool -tyynyt 199 € Tempur Brand Store Lahti" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
582                                                                                                                            <div class="offer-validity">TEMPUR® Comfort SmartCool -tyynyt 199 €</div>
583                                                                            </div>
584                                    <div class="flex flex-col flex-1 p-4 offer-card">
585                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
586                                            Tempur Brand Store Lahti                                        </div>
587                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>TEMPUR® Comfort SmartCool -tyynyt 199 € (norm. 229 €). 30 päivän alin hinta 219 €. Tarjous voimassa 1.8.-30.9.202
5876.</p>
588</div>
589                                                                            </div>
590                                </div>
591                            </div>
592
593                            <dialog id="homepage-offers-legacy-dialog-10738-0" class="offer-dialog">
594                                <div class="m-auto">
595                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
596                                        <span class="close-label">Sulje</span>
597                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
598                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
599                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
600                                        </svg>
601                                    </button>
602                                    <div class="bg-white">
603                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
604                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-b07ce4de-636f-4299-80dd-68b759ffdf14-34a3b5a78024.jpg" alt="TEMPUR® Comfort SmartCool -tyynyt 199 € Tempur Brand Store Lahti" loading="lazy" style="object-fit: contain;">
605                                                                                    </div>
606                                        <div class="p-4 pb-5 bg-white">
607                                            <div class="offer-detail">
608                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/tempur-brand-store-lahti/">Tempur Brand Store Lahti</a>
609                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">TEMPUR® Comfort SmartCool -tyynyt 199 €</p>
610                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>TEMPUR® Comfort SmartCool -tyynyt 199 € (norm. 229 €). 30 päivän alin hinta 219 €. Tarjous voimassa 1.8.-30.9.2026.</p>
611</div>
612                                                                                            </div>
613                                                                                    </div>
614                                    </div>
615                                </div>
616                            </dialog>
617                        </div>
618                                            <div class="swiper-slide">
619                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1139-1">
620                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
621                                    <div class="image-card cut-bottom-left">
622                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679677821-offer-723f6bdd-a300-458b-9e61-72e6be994e93-scaled.jpg" alt="Buffet tarjous Takami Sushi" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
623                                                                                                                            <div class="offer-validity">Buffet tarjous</div>
624                                                                            </div>
625                                    <div class="flex flex-col flex-1 p-4 offer-card">
626                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
627                                            Takami Sushi                                        </div>
628                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><ul>
629<li>Opiskelijat ja eläkeläiset <strong><strong>-0,50€</strong></strong> buffetin hinnasta.</li>
630<li>Ilta tarjous <i><strong><strong>tunti (1h)ennen</strong></strong></i> sulkemista; Buffet tai take away <strong><strong>-20%.</strong></strong></li>
631</ul>
632<p>Voimassa 18.5.2026 alkaen.</p>
633<p></p>
634</div>
635                                                                            </div>
636                                </div>
637                            </div>
638
639                            <dialog id="homepage-offers-legacy-dialog-1139-1" class="offer-dialog">
640                                <div class="m-auto">
641                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
642                                        <span class="close-label">Sulje</span>
643                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
644                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
645                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
646                                        </svg>
647                                    </button>
648                                    <div class="bg-white">
649                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
650                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679677821-offer-723f6bdd-a300-458b-9e61-72e6be994e93-scaled.jpg" alt="Buffet tarjous Takami Sushi" loading="lazy" style="object-fit: contain;">
651                                                                                    </div>
652                                        <div class="p-4 pb-5 bg-white">
653                                            <div class="offer-detail">
654                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/takami-sushi-2/">Takami Sushi</a>
655                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Buffet tarjous</p>
656                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><ul>
657<li>Opiskelijat ja eläkeläiset <strong><strong>-0,50€</strong></strong> buffetin hinnasta.</li>
658<li>Ilta tarjous <i><strong><strong>tunti (1h)ennen</strong></strong></i> sulkemista; Buffet tai take away <strong><strong>-20%.</strong></strong></li>
659</ul>
660<p>Voimassa 18.5.2026 alkaen.</p>
661<p></p>
662</div>
663                                                                                            </div>
664                                                                                    </div>
665                                    </div>
666                                </div>
667                            </dialog>
668                        </div>
669                                            <div class="swiper-slide">
670                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1200-2">
671                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
672                                    <div class="image-card cut-bottom-left">
673                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677049231-offer-5a396f52-82dc-40fe-9c74-5d7a8150af42-dc1c90c5a960.jpg" alt="Kuukauden juoma Espresso House" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
674                                                                                                                            <div class="offer-validity">Kuukauden juoma</div>
675                                                                            </div>
676                                    <div class="flex flex-col flex-1 p-4 offer-card">
677                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
678                                            Espresso House                                        </div>
679                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Kuukauden juomana Caramel latte ja Caramel jäälatte. Pieni 3,90 € / normaali 5,40 €</p>
680</div>
681                                                                            </div>
682                                </div>
683                            </div>
684
685                            <dialog id="homepage-offers-legacy-dialog-1200-2" class="offer-dialog">
686                                <div class="m-auto">
687                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
688                                        <span class="close-label">Sulje</span>
689                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
690                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
691                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
692                                        </svg>
693                                    </button>
694                                    <div class="bg-white">
695                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
696                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677049231-offer-5a396f52-82dc-40fe-9c74-5d7a8150af42-dc1c90c5a960.jpg" alt="Kuukauden juoma Espresso House" loading="lazy" style="object-fit: contain;">
697                                                                                    </div>
698                                        <div class="p-4 pb-5 bg-white">
699                                            <div class="offer-detail">
700                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/espresso-house-2/">Espresso House</a>
701                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Kuukauden juoma</p>
702                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Kuukauden juomana Caramel latte ja Caramel jäälatte. Pieni 3,90 € / normaali 5,40 €</p>
703</div>
704                                                                                            </div>
705                                                                                    </div>
706                                    </div>
707                                </div>
708                            </dialog>
709                        </div>
710                                            <div class="swiper-slide">
711                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-10738-3">
712                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
713                                    <div class="image-card cut-bottom-left">
714                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-a79d1e21-37a8-4db9-b4fa-d542587357fe-c1aca87cda58.png" alt="Haluaisitko ravistaa arjen stressin pois kehostasi ja palautua tehokkaammin? Tempur Brand Store Lahti" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
715                                                                                                                            <div class="offer-validity">Haluaisitko ravistaa arjen stressin pois kehostasi ja palautua tehokkaammin?</div>
716                                                                            </div>
717                                    <div class="flex flex-col flex-1 p-4 offer-card">
718                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
719                                            Tempur Brand Store Lahti                                        </div>
720                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Tule testaamaan TEMPUR x Neurosonic -rentoutus! Neurosonic-teknologian matalataajuusvärähtelyllä vaikutetaan autonomiseen hermostoon, jolloin mielen ei tarvitse työskennellä rentoutuakseen. Hermoston mekanismit aktivoituvat ja stressiperäiset oireet, kuten ahdistus, unihäiriöt ja asiakaskokemusten mukaan myös kipu helpottavat. Neurosonic ohjaa kehosi meditaation kaltaiseen tilaan, jolloin myös palautuminen nopeutuu ja tehostuu. Rentoutuksen jälkeen tarjoamme kahvin, teen tai virvoitusjuoman. </p>
721<p>Varaa aika soittamalla myymäläämme puh. 040 631 4211, tai verkosta <a href="https://tempurbrandstore.fi/neurosonic-hoito/" target="_blank" rel="noopener">https://tempurbrandstore.fi/neurosonic-hoito/</a> ja valitse myymäläksi Lahti Trio. </p>
722</div>
723                                                                            </div>
724                                </div>
725                            </div>
726
727                            <dialog id="homepage-offers-legacy-dialog-10738-3" class="offer-dialog">
728                                <div class="m-auto">
729                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
730                                        <span class="close-label">Sulje</span>
731                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
732                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
733                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
734                                        </svg>
735                                    </button>
736                                    <div class="bg-white">
737                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
738                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-a79d1e21-37a8-4db9-b4fa-d542587357fe-c1aca87cda58.png" alt="Haluaisitko ravistaa arjen stressin pois kehostasi ja palautua tehokkaammin? Tempur Brand Store Lahti" loading="lazy" style="object-fit: contain;">
739                                                                                    </div>
740                                        <div class="p-4 pb-5 bg-white">
741                                            <div class="offer-detail">
742                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/tempur-brand-store-lahti/">Tempur Brand Store Lahti</a>
743                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Haluaisitko ravistaa arjen stressin pois kehostasi ja palautua tehokkaammin?</p>
744                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Tule testaamaan TEMPUR x Neurosonic -rentoutus! Neurosonic-teknologian matalataajuusvärähtelyllä vaikutetaan autonomiseen hermostoon, jolloin mielen ei tarvitse työskennellä rentoutuakseen. Hermoston mekanismit aktivoituvat ja stressiperäiset oireet, kuten ahdistus, unihäiriöt ja asiakaskokemusten mukaan myös kipu helpottavat. Neurosonic ohjaa kehosi meditaation kaltaiseen tilaan, jolloin myös palautuminen nopeutuu ja tehostuu. Rentoutuksen jälkeen tarjoamme kahvin, teen tai virvoitusjuoman. </p>
745<p>Varaa aika soittamalla myymäläämme puh. 040 631 4211, tai verkosta <a href="https://tempurbrandstore.fi/neurosonic-hoito/" target="_blank" rel="noopener">https://tempurbrandstore.fi/neurosonic-hoito/</a> ja valitse myymäläksi Lahti Trio. </p>
746</div>
747                                                                                            </div>
748                                                                                    </div>
749                                    </div>
750                                </div>
751                            </dialog>
752                        </div>
753                                            <div class="swiper-slide">
754                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1179-4">
755                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
756                                    <div class="image-card cut-bottom-left">
757                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677795771-offer-0dcfe622-a820-4a33-bf59-b965a0ff8b89.jpg" alt="Kaikki käsilaukut ja olkalaukut -20% Laukku Forum" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
758                                                                                                                            <div class="offer-validity">Kaikki käsilaukut ja olkalaukut -20%</div>
759                                                                            </div>
760                                    <div class="flex flex-col flex-1 p-4 offer-card">
761                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
762                                            Laukku Forum                                        </div>
763                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Myymälässä kesäale !</p>
764</div>
765                                                                            </div>
766                                </div>
767                            </div>
768
769                            <dialog id="homepage-offers-legacy-dialog-1179-4" class="offer-dialog">
770                                <div class="m-auto">
771                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
772                                        <span class="close-label">Sulje</span>
773                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
774                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
775                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
776                                        </svg>
777                                    </button>
778                                    <div class="bg-white">
779                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
780                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677795771-offer-0dcfe622-a820-4a33-bf59-b965a0ff8b89.jpg" alt="Kaikki käsilaukut ja olkalaukut -20% Laukku Forum" loading="lazy" style="object-fit: contain;">
781                                                                                    </div>
782                                        <div class="p-4 pb-5 bg-white">
783                                            <div class="offer-detail">
784                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/laukku-forum-2/">Laukku Forum</a>
785                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Kaikki käsilaukut ja olkalaukut -20%</p>
786                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Myymälässä kesäale !</p>
787</div>
788                                                                                            </div>
789                                                                                    </div>
790                                    </div>
791                                </div>
792                            </dialog>
793                        </div>
794                                            <div class="swiper-slide">
795                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-5">
796                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
797                                    <div class="image-card cut-bottom-left">
798                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-5190fbd7-e89a-4ed3-8c39-f4d889c2d859-065629edeb88.jpg" alt="2Moons Murran 49,90 (7990) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
799                                                                                                                            <div class="offer-validity">2Moons Murran 49,90 (7990)</div>
800                                                                            </div>
801                                    <div class="flex flex-col flex-1 p-4 offer-card">
802                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
803                                            Click Shoes                                        </div>
804                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Rouheapohjainen venykenilkkuri . Väreinä ruskea ja musta.</p>
805</div>
806                                                                            </div>
807                                </div>
808                            </div>
809
810                            <dialog id="homepage-offers-legacy-dialog-1204-5" class="offer-dialog">
811                                <div class="m-auto">
812                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
813                                        <span class="close-label">Sulje</span>
814                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
815                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
816                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
817                                        </svg>
818                                    </button>
819                                    <div class="bg-white">
820                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
821                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-5190fbd7-e89a-4ed3-8c39-f4d889c2d859-065629edeb88.jpg" alt="2Moons Murran 49,90 (7990) Click Shoes" loading="lazy" style="object-fit: contain;">
822                                                                                    </div>
823                                        <div class="p-4 pb-5 bg-white">
824                                            <div class="offer-detail">
825                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
826                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">2Moons Murran 49,90 (7990)</p>
827                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Rouheapohjainen venykenilkkuri . Väreinä ruskea ja musta.</p>
828</div>
829                                                                                            </div>
830                                                                                    </div>
831                                    </div>
832                                </div>
833                            </dialog>
834                        </div>
835                                            <div class="swiper-slide">
836                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-6">
837                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
838                                    <div class="image-card cut-bottom-left">
839                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-e52ad596-b4c3-4019-86c0-960b9fc29aff-079ddc492ef3.jpg" alt="2Moons Kristie 49,90 (79,90) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
840                                                                                                                            <div class="offer-validity">2Moons Kristie 49,90 (79,90)</div>
841                                                                            </div>
842                                    <div class="flex flex-col flex-1 p-4 offer-card">
843                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
844                                            Click Shoes                                        </div>
845                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Musta rouheapohjainen venykenilkkuri.</p>
846</div>
847                                                                            </div>
848                                </div>
849                            </div>
850
851                            <dialog id="homepage-offers-legacy-dialog-1204-6" class="offer-dialog">
852                                <div class="m-auto">
853                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
854                                        <span class="close-label">Sulje</span>
855                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
856                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
857                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
858                                        </svg>
859                                    </button>
860                                    <div class="bg-white">
861                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
862                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-e52ad596-b4c3-4019-86c0-960b9fc29aff-079ddc492ef3.jpg" alt="2Moons Kristie 49,90 (79,90) Click Shoes" loading="lazy" style="object-fit: contain;">
863                                                                                    </div>
864                                        <div class="p-4 pb-5 bg-white">
865                                            <div class="offer-detail">
866                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
867                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">2Moons Kristie 49,90 (79,90)</p>
868                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Musta rouheapohjainen venykenilkkuri.</p>
869</div>
870                                                                                            </div>
871                                                                                    </div>
872                                    </div>
873                                </div>
874                            </dialog>
875                        </div>
876                                            <div class="swiper-slide">
877                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-7">
878                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
879                                    <div class="image-card cut-bottom-left">
880                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-524c0283-8759-49bc-a75d-067c8198fd8b-16f312cc0528.jpg" alt="2Moons Avatara 59,90 (89,90) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
881                                                                                                                            <div class="offer-validity">2Moons Avatara 59,90 (89,90)</div>
882                                                                            </div>
883                                    <div class="flex flex-col flex-1 p-4 offer-card">
884                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
885                                            Click Shoes                                        </div>
886                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Kukkakuosinen nilkkuri. Väreinä pronssi ja punainen.</p>
887</div>
888                                                                            </div>
889                                </div>
890                            </div>
891
892                            <dialog id="homepage-offers-legacy-dialog-1204-7" class="offer-dialog">
893                                <div class="m-auto">
894                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
895                                        <span class="close-label">Sulje</span>
896                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
897                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
898                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
899                                        </svg>
900                                    </button>
901                                    <div class="bg-white">
902                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
903                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-524c0283-8759-49bc-a75d-067c8198fd8b-16f312cc0528.jpg" alt="2Moons Avatara 59,90 (89,90) Click Shoes" loading="lazy" style="object-fit: contain;">
904                                                                                    </div>
905                                        <div class="p-4 pb-5 bg-white">
906                                            <div class="offer-detail">
907                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
908                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">2Moons Avatara 59,90 (89,90)</p>
909                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Kukkakuosinen nilkkuri. Väreinä pronssi ja punainen.</p>
910</div>
911                                                                                            </div>
912                                                                                    </div>
913                                    </div>
914                                </div>
915                            </dialog>
916                        </div>
917                                            <div class="swiper-slide">
918                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-11087-8">
919                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
920                                    <div class="image-card cut-bottom-left">
921                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-fbd9f8eb-621c-463c-a74f-14f8c5302bd6-3cb48504bd3d.jpg" alt="Peitot ja tyynyt -40% Finlayson popup" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
922                                                                                                                            <div class="offer-validity">Peitot ja tyynyt -40%</div>
923                                                                            </div>
924                                    <div class="flex flex-col flex-1 p-4 offer-card">
925                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
926                                            Finlayson popup                                        </div>
927                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Finlaysonin Loistopäivillä kaikki peitot ja tyynyt -40%.</p>
928<p>Tarjous voimassa 17.9.-4.10.2026</p>
929</div>
930                                                                            </div>
931                                </div>
932                            </div>
933
934                            <dialog id="homepage-offers-legacy-dialog-11087-8" class="offer-dialog">
935                                <div class="m-auto">
936                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
937                                        <span class="close-label">Sulje</span>
938                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
939                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
940                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
941                                        </svg>
942                                    </button>
943                                    <div class="bg-white">
944                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
945                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-fbd9f8eb-621c-463c-a74f-14f8c5302bd6-3cb48504bd3d.jpg" alt="Peitot ja tyynyt -40% Finlayson popup" loading="lazy" style="object-fit: contain;">
946                                                                                    </div>
947                                        <div class="p-4 pb-5 bg-white">
948                                            <div class="offer-detail">
949                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/finlayson-popup/">Finlayson popup</a>
950                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Peitot ja tyynyt -40%</p>
951                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Finlaysonin Loistopäivillä kaikki peitot ja tyynyt -40%.</p>
952<p>Tarjous voimassa 17.9.-4.10.2026</p>
953</div>
954                                                                                            </div>
955                                                                                    </div>
956                                    </div>
957                                </div>
958                            </dialog>
959                        </div>
960                                            <div class="swiper-slide">
961                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1142-9">
962                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
963                                    <div class="image-card cut-bottom-left">
964                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679579001-offer-879d29e6-0963-433a-ba0b-7e23e7141340-cde824e727a3-scaled.jpg" alt="Uudet kalenterit ovat saapuneet Suomalainen Kirjakauppa" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
965                                                                                                                            <div class="offer-validity">Uudet kalenterit ovat saapuneet</div>
966                                                                            </div>
967                                    <div class="flex flex-col flex-1 p-4 offer-card">
968                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
969                                            Suomalainen Kirjakauppa                                        </div>
970                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Tule ja nouda parhaat päältä &#8211; valitse itsellesi kalenteri 2027!</p>
971</div>
972                                                                            </div>
973                                </div>
974                            </div>
975
976                            <dialog id="homepage-offers-legacy-dialog-1142-9" class="offer-dialog">
977                                <div class="m-auto">
978                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
979                                        <span class="close-label">Sulje</span>
980                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
981                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
982                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
983                                        </svg>
984                                    </button>
985                                    <div class="bg-white">
986                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
987                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679579001-offer-879d29e6-0963-433a-ba0b-7e23e7141340-cde824e727a3-scaled.jpg" alt="Uudet kalenterit ovat saapuneet Suomalainen Kirjakauppa" loading="lazy" style="object-fit: contain;">
988                                                                                    </div>
989                                        <div class="p-4 pb-5 bg-white">
990                                            <div class="offer-detail">
991                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/suomalainen-kirjakauppa-2/">Suomalainen Kirjakauppa</a>
992                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Uudet kalenterit ovat saapuneet</p>
993                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Tule ja nouda parhaat päältä &#8211; valitse itsellesi kalenteri 2027!</p>
994</div>
995                                                                                            </div>
996                                                                                    </div>
997                                    </div>
998                                </div>
999                            </dialog>
1000                        </div>
1001                                            <div class="swiper-slide">
1002                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-10">
1003                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1004                                    <div class="image-card cut-bottom-left">
1005                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-c9559319-8402-49fa-bf21-b21de73052db-fe73e80e785f.jpg" alt="Catmandoo Lavon 69,90 (79,90) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1006                                                                                                                            <div class="offer-validity">Catmandoo Lavon 69,90 (79,90)</div>
1007                                                                            </div>
1008                                    <div class="flex flex-col flex-1 p-4 offer-card">
1009                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1010                                            Click Shoes                                        </div>
1011                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Miesten vedenpitävä nilkkuri karva vuorella.</p>
1012</div>
1013                                                                            </div>
1014                                </div>
1015                            </div>
1016
1017                            <dialog id="homepage-offers-legacy-dialog-1204-10" class="offer-dialog">
1018                                <div class="m-auto">
1019                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1020                                        <span class="close-label">Sulje</span>
1021                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1022                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1023                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1024                                        </svg>
1025                                    </button>
1026                                    <div class="bg-white">
1027                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1028                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-c9559319-8402-49fa-bf21-b21de73052db-fe73e80e785f.jpg" alt="Catmandoo Lavon 69,90 (79,90) Click Shoes" loading="lazy" style="object-fit: contain;">
1029                                                                                    </div>
1030                                        <div class="p-4 pb-5 bg-white">
1031                                            <div class="offer-detail">
1032                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
1033                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Catmandoo Lavon 69,90 (79,90)</p>
1034                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Miesten vedenpitävä nilkkuri karva vuorella.</p>
1035</div>
1036                                                                                            </div>
1037                                                                                    </div>
1038                                    </div>
1039                                </div>
1040                            </dialog>
1041                        </div>
1042                                            <div class="swiper-slide">
1043                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-11">
1044                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1045                                    <div class="image-card cut-bottom-left">
1046                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-d9d9ad19-ecd1-4319-8056-cbc9f67ebc4e-16725a0633ff.jpg" alt="2Moons Kyla 49,90 (79,90) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1047                                                                                                                            <div class="offer-validity">2Moons Kyla 49,90 (79,90)</div>
1048                                                                            </div>
1049                                    <div class="flex flex-col flex-1 p-4 offer-card">
1050                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1051                                            Click Shoes                                        </div>
1052                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Rouheapohjainen nilkkuri. Väreinä ruskea ja musta.</p>
1053</div>
1054                                                                            </div>
1055                                </div>
1056                            </div>
1057
1058                            <dialog id="homepage-offers-legacy-dialog-1204-11" class="offer-dialog">
1059                                <div class="m-auto">
1060                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1061                                        <span class="close-label">Sulje</span>
1062                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1063                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1064                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1065                                        </svg>
1066                                    </button>
1067                                    <div class="bg-white">
1068                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1069                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-d9d9ad19-ecd1-4319-8056-cbc9f67ebc4e-16725a0633ff.jpg" alt="2Moons Kyla 49,90 (79,90) Click Shoes" loading="lazy" style="object-fit: contain;">
1070                                                                                    </div>
1071                                        <div class="p-4 pb-5 bg-white">
1072                                            <div class="offer-detail">
1073                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
1074                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">2Moons Kyla 49,90 (79,90)</p>
1075                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Rouheapohjainen nilkkuri. Väreinä ruskea ja musta.</p>
1076</div>
1077                                                                                            </div>
1078                                                                                    </div>
1079                                    </div>
1080                                </div>
1081                            </dialog>
1082                        </div>
1083                                            <div class="swiper-slide">
1084                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-10738-12">
1085                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1086                                    <div class="image-card cut-bottom-left">
1087                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-823a79ea-0de9-4fa2-8b70-22288106fef9-c94397b61efb.jpg" alt="TEMPUR® Boxspring -vuode PRO® CoolQuilt -patjoilla -20% Tempur Brand Store Lahti" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1088                                                                                                                            <div class="offer-validity">TEMPUR® Boxspring -vuode PRO® CoolQuilt -patjoilla -20%</div>
1089                                                                            </div>
1090                                    <div class="flex flex-col flex-1 p-4 offer-card">
1091                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1092                                            Tempur Brand Store Lahti                                        </div>
1093                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>TEMPUR® Boxspring -vuode PRO® CoolQuilt -patjoilla -20%. Tarjous voimassa 1.8.-30.9.202
10936. </p>
1094</div>
1095                                                                            </div>
1096                                </div>
1097                            </div>
1098
1099                            <dialog id="homepage-offers-legacy-dialog-10738-12" class="offer-dialog">
1100                                <div class="m-auto">
1101                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1102                                        <span class="close-label">Sulje</span>
1103                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1104                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1105                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1106                                        </svg>
1107                                    </button>
1108                                    <div class="bg-white">
1109                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1110                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-823a79ea-0de9-4fa2-8b70-22288106fef9-c94397b61efb.jpg" alt="TEMPUR® Boxspring -vuode PRO® CoolQuilt -patjoilla -20% Tempur Brand Store Lahti" loading="lazy" style="object-fit: contain;">
1111                                                                                    </div>
1112                                        <div class="p-4 pb-5 bg-white">
1113                                            <div class="offer-detail">
1114                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/tempur-brand-store-lahti/">Tempur Brand Store Lahti</a>
1115                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">TEMPUR® Boxspring -vuode PRO® CoolQuilt -patjoilla -20%</p>
1116                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>TEMPUR® Boxspring -vuode PRO® CoolQuilt -patjoilla -20%. Tarjous voimassa 1.8.-30.9.2026. </p>
1117</div>
1118                                                                                            </div>
1119                                                                                    </div>
1120                                    </div>
1121                                </div>
1122                            </dialog>
1123                        </div>
1124                                            <div class="swiper-slide">
1125                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-13">
1126                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1127                                    <div class="image-card cut-bottom-left">
1128                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-da80147f-a79e-4c23-9c93-a28e1cf326e4-5101c4104600.jpg" alt="Catmandoo Capella 59,90 (69,90) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1129                                                                                                                            <div class="offer-validity">Catmandoo Capella 59,90 (69,90)</div>
1130                                                                            </div>
1131                                    <div class="flex flex-col flex-1 p-4 offer-card">
1132                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1133                                            Click Shoes                                        </div>
1134                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Vedenpitävä trekkingkenkä.</p>
1135<p>Koot beige 36-42, khaki 41-46.</p>
1136</div>
1137                                                                            </div>
1138                                </div>
1139                            </div>
1140
1141                            <dialog id="homepage-offers-legacy-dialog-1204-13" class="offer-dialog">
1142                                <div class="m-auto">
1143                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1144                                        <span class="close-label">Sulje</span>
1145                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1146                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1147                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1148                                        </svg>
1149                                    </button>
1150                                    <div class="bg-white">
1151                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1152                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-da80147f-a79e-4c23-9c93-a28e1cf326e4-5101c4104600.jpg" alt="Catmandoo Capella 59,90 (69,90) Click Shoes" loading="lazy" style="object-fit: contain;">
1153                                                                                    </div>
1154                                        <div class="p-4 pb-5 bg-white">
1155                                            <div class="offer-detail">
1156                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
1157                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Catmandoo Capella 59,90 (69,90)</p>
1158                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Vedenpitävä trekkingkenkä.</p>
1159<p>Koot beige 36-42, khaki 41-46.</p>
1160</div>
1161                                                                                            </div>
1162                                                                                    </div>
1163                                    </div>
1164                                </div>
1165                            </dialog>
1166                        </div>
1167                                            <div class="swiper-slide">
1168                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-11087-14">
1169                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1170                                    <div class="image-card cut-bottom-left">
1171                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-415675bf-5bd2-4e21-a53d-06705cddeeef-d0cb975bbe2a.jpg" alt="Elefantti-sarjan tuotteet -40% Finlayson popup" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1172                                                                                                                            <div class="offer-validity">Elefantti-sarjan tuotteet -40%</div>
1173                                                                            </div>
1174                                    <div class="flex flex-col flex-1 p-4 offer-card">
1175                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1176                                            Finlayson popup                                        </div>
1177                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Finlaysonin iki-ihana klassikko nyt kampanjahintaan Loistopäivien ajan. Elefantti-sarjan tuotteet -40%. </p>
1178<p>Tarjous voimassa 17.9.-4.10.2026.</p>
1179</div>
1180                                                                            </div>
1181                                </div>
1182                            </div>
1183
1184                            <dialog id="homepage-offers-legacy-dialog-11087-14" 
1184class="offer-dialog">
1185                                <div class="m-auto">
1186                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1187                                        <span class="close-label">Sulje</span>
1188                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1189                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1190                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1191                                        </svg>
1192                                    </button>
1193                                    <div class="bg-white">
1194                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1195                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-415675bf-5bd2-4e21-a53d-06705cddeeef-d0cb975bbe2a.jpg" alt="Elefantti-sarjan tuotteet -40% Finlayson popup" loading="lazy" style="object-fit: contain;">
1196                                                                                    </div>
1197                                        <div class="p-4 pb-5 bg-white">
1198                                            <div class="offer-detail">
1199                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/finlayson-popup/">Finlayson popup</a>
1200                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Elefantti-sarjan tuotteet -40%</p>
1201                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Finlaysonin iki-ihana klassikko nyt kampanjahintaan Loistopäivien ajan. Elefantti-sarjan tuotteet -40%. </p>
1202<p>Tarjous voimassa 17.9.-4.10.2026.</p>
1203</div>
1204                                                                                            </div>
1205                                                                                    </div>
1206                                    </div>
1207                                </div>
1208                            </dialog>
1209                        </div>
1210                                            <div class="swiper-slide">
1211                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-11087-15">
1212                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1213                                    <div class="image-card cut-bottom-left">
1214                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-919daee8-e6d2-4e98-8459-01eee2a357f1-321b89163970.jpg" alt="Loistopäivät: Kampanjatuotteet -40% Finlayson popup" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1215                                                                                                                            <div class="offer-validity">Loistopäivät: Kampanjatuotteet -40%</div>
1216                                                                            </div>
1217                                    <div class="flex flex-col flex-1 p-4 offer-card">
1218                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1219                                            Finlayson popup                                        </div>
1220                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Finlaysonilla on käynnissä Loistopäivät! Loistopäivillä saat parhaita tuotteitamme sekä arkistojen helmiä erityisen loistavaan hintaan. </p>
1221<p>Tarjoukset voimassa 17.9.-4.10.2026 </p>
1222</div>
1223                                                                            </div>
1224                                </div>
1225                            </div>
1226
1227                            <dialog id="homepage-offers-legacy-dialog-11087-15" class="offer-dialog">
1228                                <div class="m-auto">
1229                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1230                                        <span class="close-label">Sulje</span>
1231                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1232                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1233                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1234                                        </svg>
1235                                    </button>
1236                                    <div class="bg-white">
1237                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1238                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-919daee8-e6d2-4e98-8459-01eee2a357f1-321b89163970.jpg" alt="Loistopäivät: Kampanjatuotteet -40% Finlayson popup" loading="lazy" style="object-fit: contain;">
1239                                                                                    </div>
1240                                        <div class="p-4 pb-5 bg-white">
1241                                            <div class="offer-detail">
1242                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/finlayson-popup/">Finlayson popup</a>
1243                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Loistopäivät: Kampanjatuotteet -40%</p>
1244                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Finlaysonilla on käynnissä Loistopäivät! Loistopäivillä saat parhaita tuotteitamme sekä arkistojen helmiä erityisen loistavaan hintaan. </p>
1245<p>Tarjoukset voimassa 17.9.-4.10.2026 </p>
1246</div>
1247                                                                                            </div>
1248                                                                                    </div>
1249                                    </div>
1250                                </div>
1251                            </dialog>
1252                        </div>
1253                                            <div class="swiper-slide">
1254                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1182-16">
1255                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1256                                    <div class="image-card cut-bottom-left">
1257                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677661691-offer-c3646dc3-af73-4b5a-97da-881239f5ecbc-76ed09bdee49.jpg" alt="Syysale! Laatukoru" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1258                                                                                                                            <div class="offer-validity">Syysale!</div>
1259                                                                            </div>
1260                                    <div class="flex flex-col flex-1 p-4 offer-card">
1261                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1262                                            Laatukoru                                        </div>
1263                                                                                    <p class="text-base leading-normal md:text-xl category">kultakoru</p>
1264                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Laatukorussa on nyt syysale!</p>
1265<p></p>
1266<p>Esimerkiksi </p>
1267<p>Silván timanttisormukset ja kultaiset kihlasormukset -25%</p>
1268<p>Kultakoruja -30%</p>
1269<p>Hopeakoruja -30%</p>
1270<p>Poistomalleja jopa -40%</p>
1271<p></p>
1272<p>Tervetuloa Laatukoruun!</p>
1273</div>
1274                                                                            </div>
1275                                </div>
1276                            </div>
1277
1278                            <dialog id="homepage-offers-legacy-dialog-1182-16" class="offer-dialog">
1279                                <div class="m-auto">
1280                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1281                                        <span class="close-label">Sulje</span>
1282                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1283                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1284                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1285                                        </svg>
1286                                    </button>
1287                                    <div class="bg-white">
1288                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1289                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677661691-offer-c3646dc3-af73-4b5a-97da-881239f5ecbc-76ed09bdee49.jpg" alt="Syysale! Laatukoru" loading="lazy" style="object-fit: contain;">
1290                                                                                    </div>
1291                                        <div class="p-4 pb-5 bg-white">
1292                                            <div class="offer-detail">
1293                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/laatukoru-2/">Laatukoru</a>
1294                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Syysale!</p>
1295                                                                                                                                                    <p class="text-base sm:text-[19px] mb-1 category hidden">kultakoru</p>
1296                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Laatukorussa on nyt syysale!</p>
1297<p></p>
1298<p>Esimerkiksi </p>
1299<p>Silván timanttisormukset ja kultaiset kihlasormukset -25%</p>
1300<p>Kultakoruja -30%</p>
1301<p>Hopeakoruja -30%</p>
1302<p>Poistomalleja jopa -40%</p>
1303<p></p>
1304<p>Tervetuloa Laatukoruun!</p>
1305</div>
1306                                                                                            </div>
1307                                                                                    </div>
1308                                    </div>
1309                                </div>
1310                            </dialog>
1311                        </div>
1312                                            <div class="swiper-slide">
1313                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-17">
1314                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1315                                    <div class="image-card cut-bottom-left">
1316                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-1d8eff8e-4d96-436d-b2b5-e7668326a448-62fc95f6f6ad.jpg" alt="Catmandoo Chandler 39,90 (49,90) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1317                                                                                                                            <div class="offer-validity">Catmandoo Chandler 39,90 (49,90)</div>
1318                                                                            </div>
1319                                    <div class="flex flex-col flex-1 p-4 offer-card">
1320                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1321                                            Click Shoes                                        </div>
1322                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Miesten vedenpitävä lenkkari, väreinä musta ja ruskea.</p>
1323</div>
1324                                                                            </div>
1325                                </div>
1326                            </div>
1327
1328                            <dialog id="homepage-offers-legacy-dialog-1204-17" class="offer-dialog">
1329                                <div class="m-auto">
1330                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1331                                        <span class="close-label">Sulje</span>
1332                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1333                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1334                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1335                                        </svg>
1336                                    </button>
1337                                    <div class="bg-white">
1338                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1339                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-1d8eff8e-4d96-436d-b2b5-e7668326a448-62fc95f6f6ad.jpg" alt="Catmandoo Chandler 39,90 (49,90) Click Shoes" loading="lazy" style="object-fit: contain;">
1340                                                                                    </div>
1341                                        <div class="p-4 pb-5 bg-white">
1342                                            <div class="offer-detail">
1343                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
1344                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Catmandoo Chandler 39,90 (49,90)</p>
1345                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Miesten vedenpitävä lenkkari, väreinä musta ja ruskea.</p>
1346</div>
1347                                                                                            </div>
1348                                                                                    </div>
1349                                    </div>
1350                                </div>
1351                            </dialog>
1352                        </div>
1353                                            <div class="swiper-slide">
1354                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-10738-18">
1355                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1356                                    <div class="image-card cut-bottom-left">
1357                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-29d0d3bc-5fb5-4f12-84b6-5d5994d68dfa-b8ec34c92e86.jpg" alt="70 kpl erä TEMPUR® Flexible -parisänkyjä 2499 € Tempur Brand Store Lahti" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1358                                                                                                                            <div class="offer-validity">70 kpl erä TEMPUR® Flexible -parisänkyjä 2499 €</div>
1359                                                                            </div>
1360                                    <div class="flex flex-col flex-1 p-4 offer-card">
1361                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1362                                            Tempur Brand Store Lahti                                        </div>
1363                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>70 kpl erä TEMPUR® Flexible 160x200cm -parisänkyjä 2499 € (norm. 3454 €). 30 päivän alin hinta 3454 €. </p>
1364<p>Vuodepaketti sisältää vuoderungot, jalkasarjan sekä 160x200x8cm TEMPUR® -sijauspatjan Medium-tunteessa ilman SmartCool-teknologiaa.  Tarjous voimassa 30.9. asti tai niin kauan kuin erää riittää. </p>
1365</div>
1366                                                                            </div>
1367                                </div>
1368                            </div>
1369
1370                            <dialog id="homepage-offers-legacy-dialog-10738-18" class="offer-dialog">
1371                                <div class="m-auto">
1372                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1373                                        <span class="close-label">Sulje</span>
1374                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1375                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1376                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1377                                        </svg>
1378                                    </button>
1379                                    <div class="bg-white">
1380                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1381                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-29d0d3bc-5fb5-4f12-84b6-5d5994d68dfa-b8ec34c92e86.jpg" alt="70 kpl erä TEMPUR® Flexible -parisänkyjä 2499 € Tempur Brand Store Lahti" loading="lazy" style="object-fit: contain;">
1382                                                                                    </div>
1383                                        <div class="p-4 pb-5 bg-white">
1384                                            <div class="offer-detail">
1385                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/tempur-brand-store-lahti/">Tempur Brand Store Lahti</a>
1386                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">70 kpl erä TEMPUR® Flexible -parisänkyjä 2499 €</p>
1387                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>70 kpl erä TEMPUR® Flexible 160x200cm -parisänkyjä 2499 € (norm. 3454 €). 30 päivän alin hinta 3454 €. </p>
1388<p>Vuodepaketti sisältää vuoderungot, jalkasarjan sekä 160x200x8cm TEMPUR® -sijauspatjan Medium-tunteessa ilman SmartCool-teknologiaa.  Tarjous voimassa 30.9. asti tai niin kauan kuin erää riittää. </p>
1389</div>
1390                                                                                            </div>
1391                                                                                    </div>
1392                                    </div>
1393                                </div>
1394                            </dialog>
1395                        </div>
1396                                            <div class="swiper-slide">
1397                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1179-19">
1398                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1399                                    <div class="image-card cut-bottom-left">
1400                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677795771-offer-e5d7ddcd-4250-4d5a-86bb-0e6fbd208c9b.jpg" alt="AT Soundbox matkalaukut ja lentolaukut -25% Laukku Forum" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1401                                                                                                                            <div class="offer-validity">AT Soundbox matkalaukut ja lentolaukut -25%</div>
1402                                                                            </div>
1403                                    <div class="flex flex-col flex-1 p-4 offer-card">
1404                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1405                                            Laukku Forum                                        </div>
1406                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Matkalaukkuja ja lentolaukkuja tarjoushinnoin !</p>
1407</div>
1408                                                                            </div>
1409                                </div>
1410                            </div>
1411
1412                            <dialog id="homepage-offers-legacy-dialog-1179-19" class="offer-dialog">
1413                                <div class="m-auto">
1414                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1415                                        <span class="close-label">Sulje</span>
1416                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1417                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1418                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1419                                        </svg>
1420                                    </button>
1421                                    <div class="bg-white">
1422                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1423                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970677795771-offer-e5d7ddcd-4250-4d5a-86bb-0e6fbd208c9b.jpg" alt="AT Soundbox matkalaukut ja lentolaukut -25% Laukku Forum" loading="lazy" style="object-fit: contain;">
1424                                                                                    </div>
1425                                        <div class="p-4 pb-5 bg-white">
1426                                            <div class="offer-detail">
1427                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/laukku-forum-2/">Laukku Forum</a>
1428                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">AT Soundbox matkalaukut ja lentolaukut -25%</p>
1429                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Matkalaukkuja ja lentolaukkuja tarjoushinnoin !</p>
1430</div>
1431                                                                                            </div>
1432                                                                                    </div>
1433                                    </div>
1434                                </div>
1435                            </dialog>
1436                        </div>
1437                                            <div class="swiper-slide">
1438                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-10738-20">
1439                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1440                                    <div class="image-card cut-bottom-left">
1441                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-4e68dee7-4190-49e7-b63a-18ee8822bc4f-eacd3abf3549.png" alt="Varaa maksuton nukkumisergonomian kartoitusaika asiantuntijalle - saat TEMPUR-lahjan! Tempur Brand Store Lahti" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1442                                                                                                                            <div class="offer-validity">Varaa maksuton nukkumisergonomian kartoitusaika asiantuntijalle - saat TEMPUR-lahjan!</div>
1443                                                                            </div>
1444                                    <div class="flex flex-col flex-1 p-4 offer-card">
1445                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1446                                            Tempur Brand Store Lahti                                        </div>
1447                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Kun varaat ajan koulutetulle nukkumisergonomian asiantuntijalle, saat parasta palvelua juuri silloin, kun Sinulle parhaiten sopii. </p>
1448<p>Nukkumisergonomian kartoituksen aikana saat tietoiskun nukkumisergonomiasta sekä suosituksen Sinulle yksilöllisesti sopivasta TEMPUR-tyynyn ja -patjan yhdistelmästä. Saat myös VIP-lahjapaketin ja kahvit! Ei ostopakkoa. Palvelemme myös ilman ajanvarausta. </p>
1449<p>Ajanvaraus soittamalla myymäläämme puh. 040 631 4211 tai osoitteesta <a href="https://tempurbrandstore.fi/myymala/lahti/" target="_blank" rel="noopener">tempurbrandstore.fi/myymala/lahti</a></p>
1450</div>
1451                                                                            </div>
1452                                </div>
1453                            </div>
1454
1455                            <dialog id="homepage-offers-legacy-dialog-10738-20" class="offer-dialog">
1456                                <div class="m-auto">
1457                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1458                                        <span class="close-label">Sulje</span>
1459                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1460                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1461                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1462                                        </svg>
1463                                    </button>
1464                                    <div class="bg-white">
1465                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1466                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-4e68dee7-4190-49e7-b63a-18ee8822bc4f-eacd3abf3549.png" alt="Varaa maksuton nukkumisergonomian kartoitusaika asiantuntijalle - saat TEMPUR-lahjan! Tempur Brand Store Lahti" loading="lazy" style="object-fit: contain;">
1467                                                                                    </div>
1468                                        <div class="p-4 pb-5 bg-white">
1469                                            <div class="offer-detail">
1470                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/tempur-brand-store-lahti/">Tempur Brand Store Lahti</a>
1471                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Varaa maksuton nukkumisergonomian kartoitusaika asiantuntijalle - saat TEMPUR-lahjan!</p>
1472                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Kun varaat ajan koulutetulle nukkumisergonomian asiantuntijalle, saat parasta palvelua juuri silloin, kun Sinulle parhaiten sopii. </p>
1473<p>Nukkumisergonomian kartoituksen aikana saat tietoiskun nukkumisergonomiasta sekä suosituksen Sinulle yksilöllisesti sopivasta TEMPUR-tyynyn ja -patjan yhdistelmästä. Saat myös VIP-lahjapaketin ja kahvit! Ei ostopakkoa. Palvelemme myös ilman ajanvarausta. </p>
1474<p>Ajanvaraus soittamalla myymäläämme puh. 040 631 4211 tai osoitteesta <a href="https://tempurbrandstore.fi/myymala/lahti/" target="_blank" rel="noopener">tempurbrandstore.fi/myymala/lahti</a></p>
1475</div>
1476                                                                                            </div>
1477                                                                                    </div>
1478                                    </div>
1479                                </div>
1480                            </dialog>
1481                        </div>
1482                                            <div class="swiper-slide">
1483                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-10738-21">
1484                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1485                                    <div class="image-card cut-bottom-left">
1486                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-775a79bb-1033-46d6-b28d-f537c5ca2132-2dbe2a1f71be.jpg" alt="TEMPUR PRO® CoolQuilt -irtopatjat -15% Tempur Brand Store Lahti" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1487                                                                                                                            <div class="offer-validity">TEMPUR PRO® CoolQuilt -irtopatjat -15%</div>
1488                                                                            </div>
1489                                    <div class="flex flex-col flex-1 p-4 offer-card">
1490                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1491                                            Tempur Brand Store Lahti                                        </div>
1492                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>TEMPUR PRO® CoolQuilt -irtopatjat -15%. Tarjous voimassa 1.8.-30.9.202
14926. </p>
1493</div>
1494                                                                            </div>
1495                                </div>
1496                            </div>
1497
1498                            <dialog id="homepage-offers-legacy-dialog-10738-21" class="offer-dialog">
1499                                <div class="m-auto">
1500                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1501                                        <span class="close-label">Sulje</span>
1502                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1503                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1504                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1505                                        </svg>
1506                                    </button>
1507                                    <div class="bg-white">
1508                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1509                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-775a79bb-1033-46d6-b28d-f537c5ca2132-2dbe2a1f71be.jpg" alt="TEMPUR PRO® CoolQuilt -irtopatjat -15% Tempur Brand Store Lahti" loading="lazy" style="object-fit: contain;">
1510                                                                                    </div>
1511                                        <div class="p-4 pb-5 bg-white">
1512                                            <div class="offer-detail">
1513                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/tempur-brand-store-lahti/">Tempur Brand Store Lahti</a>
1514                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">TEMPUR PRO® CoolQuilt -irtopatjat -15%</p>
1515                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>TEMPUR PRO® CoolQuilt -irtopatjat -15%. Tarjous voimassa 1.8.-30.9.2026. </p>
1516</div>
1517                                                                                            </div>
1518                                                                                    </div>
1519                                    </div>
1520                                </div>
1521                            </dialog>
1522                        </div>
1523                                            <div class="swiper-slide">
1524                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1204-22">
1525                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1526                                    <div class="image-card cut-bottom-left">
1527                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-72bcb3a7-b21d-457e-9716-98918956cbcc-5ebe6a64cce3.jpg" alt="Catmandoo Callan 59,90 (69,90) Click Shoes" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1528                                                                                                                            <div class="offer-validity">Catmandoo Callan 59,90 (69,90)</div>
1529                                                                            </div>
1530                                    <div class="flex flex-col flex-1 p-4 offer-card">
1531                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1532                                            Click Shoes                                        </div>
1533                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Vedenpitävä mokkanilkkuri miehille.</p>
1534</div>
1535                                                                            </div>
1536                                </div>
1537                            </div>
1538
1539                            <dialog id="homepage-offers-legacy-dialog-1204-22" class="offer-dialog">
1540                                <div class="m-auto">
1541                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1542                                        <span class="close-label">Sulje</span>
1543                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1544                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1545                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1546                                        </svg>
1547                                    </button>
1548                                    <div class="bg-white">
1549                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1550                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676912991-offer-72bcb3a7-b21d-457e-9716-98918956cbcc-5ebe6a64cce3.jpg" alt="Catmandoo Callan 59,90 (69,90) Click Shoes" loading="lazy" style="object-fit: contain;">
1551                                                                                    </div>
1552                                        <div class="p-4 pb-5 bg-white">
1553                                            <div class="offer-detail">
1554                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/click-shoes-2/">Click Shoes</a>
1555                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Catmandoo Callan 59,90 (69,90)</p>
1556                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Vedenpitävä mokkanilkkuri miehille.</p>
1557</div>
1558                                                                                            </div>
1559                                                                                    </div>
1560                                    </div>
1561                                </div>
1562                            </dialog>
1563                        </div>
1564                                            <div class="swiper-slide">
1565                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-10738-23">
1566                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1567                                    <div class="image-card cut-bottom-left">
1568                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-40e49512-af31-4a18-9a5c-e22b50884a82-5d9f49c1fb2e.png" alt="ARC -sänkymallisto -25% Tempur Brand Store Lahti" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1569                                                                                                                            <div class="offer-validity">ARC -sänkymallisto -25%</div>
1570                                                                            </div>
1571                                    <div class="flex flex-col flex-1 p-4 offer-card">
1572                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1573                                            Tempur Brand Store Lahti                                        </div>
1574                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Malliston loppuunmyynti. Voimassa niin kauan kuin erä riittää tai 2.11 asti.</p>
1575</div>
1576                                                                            </div>
1577                                </div>
1578                            </div>
1579
1580                            <dialog id="homepage-offers-legacy-dialog-10738-23" class="offer-dialog">
1581                                <div class="m-auto">
1582                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1583                                        <span class="close-label">Sulje</span>
1584                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1585                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1586                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1587                                        </svg>
1588                                    </button>
1589                                    <div class="bg-white">
1590                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1591                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/05/chainels-111777446985717811-offer-40e49512-af31-4a18-9a5c-e22b50884a82-5d9f49c1fb2e.png" alt="ARC -sänkymallisto -25% Tempur Brand Store Lahti" loading="lazy" style="object-fit: contain;">
1592                                                                                    </div>
1593                                        <div class="p-4 pb-5 bg-white">
1594                                            <div class="offer-detail">
1595                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/tempur-brand-store-lahti/">Tempur Brand Store Lahti</a>
1596                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">ARC -sänkymallisto -25%</p>
1597                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Malliston loppuunmyynti. Voimassa niin kauan kuin erä riittää tai 2.11 asti.</p>
1598</div>
1599                                                                                            </div>
1600                                                                                    </div>
1601                                    </div>
1602                                </div>
1603                            </dialog>
1604                        </div>
1605                                            <div class="swiper-slide">
1606                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1148-24">
1607                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1608                                    <div class="image-card cut-bottom-left">
1609                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679335181-offer-164fdd7e-608d-4459-9ec9-2718a7036b9c-2cb119f73127.jpg" alt="Suihkuvaahdot -25% Rituals" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1610                                                                                                                            <div class="offer-validity">Suihkuvaahdot -25%</div>
1611                                                                            </div>
1612                                    <div class="flex flex-col flex-1 p-4 offer-card">
1613                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1614                                            Rituals                                        </div>
1615                                                                                    <p class="text-base leading-normal md:text-xl category">ylellinen,</p>
1616                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Suositut suihkuvaahtomme erikoishintaan -25% alunnusta.</p>
1617<p>Löydä oma lempimtuoksusi Classic collection tuoksusarjoistamme ja hemmottele itseäsi ylellisen pehmeällä suihkuvaahdolla.<br />Hinta 8.92€<br />(Ovh. 11.90€)</p>
1618<p>Koskee vain classic collection- tuotesarjan suihkuvaahtoja. Niin kauan kuin tuotteita riittää. Ei voi yhdistää muihin tarjouksiin, eikä voimassa lahjakortteja ostettaessa. Enintään 3 asiakasta kohden. </p>
1619<p>Tarjous voimassa 30.8.2026 saakka.</p>
1620</div>
1621                                                                            </div>
1622                                </div>
1623                            </div>
1624
1625                            <dialog id="homepage-offers-legacy-dialog-1148-24" class="offer-dialog">
1626                                <div class="m-auto">
1627                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1628                                        <span class="close-label">Sulje</span>
1629                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1630                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1631                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1632                                        </svg>
1633                                    </button>
1634                                    <div class="bg-white">
1635                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1636                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679335181-offer-164fdd7e-608d-4459-9ec9-2718a7036b9c-2cb119f73127.jpg" alt="Suihkuvaahdot -25% Rituals" loading="lazy" style="object-fit: contain;">
1637                                                                                    </div>
1638                                        <div class="p-4 pb-5 bg-white">
1639                                            <div class="offer-detail">
1640                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/rituals-2/">Rituals</a>
1641                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Suihkuvaahdot -25%</p>
1642                                                                                                                                                    <p class="text-base sm:text-[19px] mb-1 category hidden">ylellinen,</p>
1643                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Suositut suihkuvaahtomme erikoishintaan -25% alunnusta.</p>
1644<p>Löydä oma lempimtuoksusi Classic collection tuoksusarjoistamme ja hemmottele itseäsi ylellisen pehmeällä suihkuvaahdolla.<br />Hinta 8.92€<br />(Ovh. 11.90€)</p>
1645<p>Koskee vain classic collection- tuotesarjan suihkuvaahtoja. Niin kauan kuin tuotteita riittää. Ei voi yhdistää muihin tarjouksiin, eikä voimassa lahjakortteja ostettaessa. Enintään 3 asiakasta kohden. </p>
1646<p>Tarjous voimassa 30.8.2026 saakka.</p>
1647</div>
1648                                                                                            </div>
1649                                                                                    </div>
1650                                    </div>
1651                                </div>
1652                            </dialog>
1653                        </div>
1654                                            <div class="swiper-slide">
1655                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1146-25">
1656                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1657                                    <div class="image-card cut-bottom-left">
1658                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679436691-offer-50616d74-23f5-4bed-a2a8-fcc6ab9b645e-72e8cc99856e.png" alt="Syksy on takkien aikaa! Sinsay" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1659                                                                                                                            <div class="offer-validity">Syksy on takkien aikaa!</div>
1660                                                                            </div>
1661                                    <div class="flex flex-col flex-1 p-4 offer-card">
1662                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1663                                            Sinsay                                        </div>
1664                                                                                    <p class="text-base leading-normal md:text-xl 
1664category">muoti</p>
1665                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Myymälä on nyt täynnä takkeja koko perheelle! Tule vierailulle ja löydä uusi lempitakkisi!</p>
1666</div>
1667                                                                            </div>
1668                                </div>
1669                            </div>
1670
1671                            <dialog id="homepage-offers-legacy-dialog-1146-25" class="offer-dialog">
1672                                <div class="m-auto">
1673                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1674                                        <span class="close-label">Sulje</span>
1675                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1676                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1677                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1678                                        </svg>
1679                                    </button>
1680                                    <div class="bg-white">
1681                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1682                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970679436691-offer-50616d74-23f5-4bed-a2a8-fcc6ab9b645e-72e8cc99856e.png" alt="Syksy on takkien aikaa! Sinsay" loading="lazy" style="object-fit: contain;">
1683                                                                                    </div>
1684                                        <div class="p-4 pb-5 bg-white">
1685                                            <div class="offer-detail">
1686                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/sinsay-2/">Sinsay</a>
1687                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Syksy on takkien aikaa!</p>
1688                                                                                                                                                    <p class="text-base sm:text-[19px] mb-1 category hidden">muoti</p>
1689                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Myymälä on nyt täynnä takkeja koko perheelle! Tule vierailulle ja löydä uusi lempitakkisi!</p>
1690</div>
1691                                                                                            </div>
1692                                                                                    </div>
1693                                    </div>
1694                                </div>
1695                            </dialog>
1696                        </div>
1697                                            <div class="swiper-slide">
1698                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-11087-26">
1699                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1700                                    <div class="image-card cut-bottom-left">
1701                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-df0e16c0-113c-4be5-8db0-6b85fccb0818-325d069ff9eb.jpg" alt="Pesue-sarjan tuotteet -40% Finlayson popup" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1702                                                                                                                            <div class="offer-validity">Pesue-sarjan tuotteet -40%</div>
1703                                                                            </div>
1704                                    <div class="flex flex-col flex-1 p-4 offer-card">
1705                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1706                                            Finlayson popup                                        </div>
1707                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Veikeään ja graafiseen pesukarhupesueeseen tupsahti uusi sävy! Löydät uutuuden kampanjahintaan Finlaysonin myymälästä. </p>
1708<p>Tarjous voimassa 17.9.-4.10.2026. </p>
1709</div>
1710                                                                            </div>
1711                                </div>
1712                            </div>
1713
1714                            <dialog id="homepage-offers-legacy-dialog-11087-26" class="offer-dialog">
1715                                <div class="m-auto">
1716                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1717                                        <span class="close-label">Sulje</span>
1718                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1719                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1720                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1721                                        </svg>
1722                                    </button>
1723                                    <div class="bg-white">
1724                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1725                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/06/chainels-111781695247622291-offer-df0e16c0-113c-4be5-8db0-6b85fccb0818-325d069ff9eb.jpg" alt="Pesue-sarjan tuotteet -40% Finlayson popup" loading="lazy" style="object-fit: contain;">
1726                                                                                    </div>
1727                                        <div class="p-4 pb-5 bg-white">
1728                                            <div class="offer-detail">
1729                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/finlayson-popup/">Finlayson popup</a>
1730                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Pesue-sarjan tuotteet -40%</p>
1731                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Veikeään ja graafiseen pesukarhupesueeseen tupsahti uusi sävy! Löydät uutuuden kampanjahintaan Finlaysonin myymälästä. </p>
1732<p>Tarjous voimassa 17.9.-4.10.2026. </p>
1733</div>
1734                                                                                            </div>
1735                                                                                    </div>
1736                                    </div>
1737                                </div>
1738                            </dialog>
1739                        </div>
1740                                            <div class="swiper-slide">
1741                            <div role="button" tabindex="0" class="offer-view" data-dialog="homepage-offers-legacy-dialog-1202-27">
1742                                <div class="flex flex-col overflow-hidden transition duration-200 ease-in-out offer-card size-full">
1743                                    <div class="image-card cut-bottom-left">
1744                                                                                    <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676982171-offer-2e4f58c2-beed-46cb-aa2a-e798f02c87c1-8c59e311cc63.jpg" alt="Farkut -40% Dressmann" loading="lazy" class="absolute max-w-full max-h-full transition duration-200 ease-in-out hover:scale-110 size-full object-contain">
1745                                                                                                                            <div class="offer-validity">Farkut -40%</div>
1746                                                                            </div>
1747                                    <div class="flex flex-col flex-1 p-4 offer-card">
1748                                        <div class="publisher text-base text-(--brand-color-1) bg-none z-2 relative underline">
1749                                            Dressmann                                        </div>
1750                                                                                                                                                                    <div class="mt-4 text-base leading-normal md:text-xl long-desc line-clamp-3"><p>Koskee valikoituja tuotteita.</p>
1751</div>
1752                                                                            </div>
1753                                </div>
1754                            </div>
1755
1756                            <dialog id="homepage-offers-legacy-dialog-1202-27" class="offer-dialog">
1757                                <div class="m-auto">
1758                                    <button class="offer-dialog-close cursor-pointer hover:opacity-75" aria-label="Sulje">
1759                                        <span class="close-label">Sulje</span>
1760                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#fff">
1761                                            <line x1="8" y1="8" x2="24" y2="24" stroke="white" stroke-width="2" />
1762                                            <line x1="24" y1="8" x2="8" y2="24" stroke="white" stroke-width="2" />
1763                                        </svg>
1764                                    </button>
1765                                    <div class="bg-white">
1766                                        <div class="aspect-square flex items-center justify-center cut-bottom-left mb-3 ">
1767                                                                                            <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/chainels-111774970676982171-offer-2e4f58c2-beed-46cb-aa2a-e798f02c87c1-8c59e311cc63.jpg" alt="Farkut -40% Dressmann" loading="lazy" style="object-fit: contain;">
1768                                                                                    </div>
1769                                        <div class="p-4 pb-5 bg-white">
1770                                            <div class="offer-detail">
1771                                                <a class="mb-2 publisher underline text-gray" href="https://www.trio.fi/store/dressmann-2/">Dressmann</a>
1772                                                                                                    <p class="text-base sm:text-[19px] font-medium mb-1">Farkut -40%</p>
1773                                                                                                                                                                                                                                                    <div class="my-2 text-[15px] sm:text-[18px]"><p>Koskee valikoituja tuotteita.</p>
1774</div>
1775                                                                                            </div>
1776                                                                                    </div>
1777                                    </div>
1778                                </div>
1779                            </dialog>
1780                        </div>
1781                                    </div>
1782            </div>
1783
1784            <div class="flex items-center w-full h-auto mt-8 md:justify-self-start swiper-offers-controler">
1785                <div class="control-navigation"></div>
1786                <button class="inline-flex items-center justify-center mr-4 bg-transparent border border-black rounded-full cursor-pointer size-8 aspect-square swiper-offers-button-prev">
1787                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
1788                        <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0" />
1789                    </svg>
1790                </button>
1791                <button class="inline-flex items-center justify-center mr-4 bg-transparent border border-black rounded-full cursor-pointer size-8 aspect-square swiper-offers-button-next">
1792                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
1793                        <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" />
1794                    </svg>
1795                </button>
1796
1797                <div class="justify-center hidden swiper-offers-pagination md:flex"></div>
1798
1799                                    <div class="hidden md:block ml-auto">
1800                        <a href="https://www.trio.fi/tarjoukset/" class="bg-black btn-cut-bottom-right">Kaikki tarjoukset</a>
1801                    </div>
1802                            </div>
1803            <div class="flex justify-between mt-4 md:hidden">
1804                                    <a href="https://www.trio.fi/tarjoukset/" class="btn-cut-bottom-right">Kaikki tarjoukset</a>
1805                
1806                <div class="flex items-center justify-center swiper-offers-pagination-mobile"></div>
1807            </div>
1808
1809
1810            
1810<script>
1811                (() => {
1812                    const section = document.getElementById("homepage-offers-legacy");
1813                    const carousel = section?.querySelector(".offers-carousel");
1814                    const offersWrapper = carousel?.querySelector(".swiper-wrapper");
1815
1816                    if (!section || !carousel || typeof Swiper === "undefined") {
1817                        return;
1818                    }
1819
1820                    if (offersWrapper) {
1821                        const offerSlides = Array.from(offersWrapper.children);
1822
1823                        for (let i = offerSlides.length - 1; i > 0; i--) {
1824                            const j = Math.floor(Math.random() * (i + 1));
1825                            [offerSlides[i], offerSlides[j]] = [offerSlides[j], offerSlides[i]];
1826                        }
1827
1828                        offerSlides.forEach((slide) => offersWrapper.appendChild(slide));
1829                    }
1830
1831                    const desktopPagination = section.querySelector(".swiper-offers-pagination");
1832                    const mobilePagination = section.querySelector(".swiper-offers-pagination-mobile");
1833                    const previousButton = section.querySelector(".swiper-offers-button-prev");
1834                    const nextButton = section.querySelector(".swiper-offers-button-next");
1835                    const isDesktop = () => window.innerWidth >= 1024;
1836
1837                    const swiperOptions = {
1838                    pagination: {
1839                        el: isDesktop() ? desktopPagination : mobilePagination,
1840                        clickable: true,
1841                        type: isDesktop() ? "bullets" : "fraction",
1842                    },
1843                    navigation: {
1844                        prevEl: previousButton,
1845                        nextEl: nextButton,
1846                    },
1847                    breakpoints: {
1848                        640: {
1849                            slidesPerView: 1,
1850                            spaceBetween: 16
1851                        },
1852                        768: {
1853                            slidesPerView: 2,
1854                            spaceBetween: 20
1855                        },
1856                        1024: {
1857                            slidesPerView: 3,
1858                            slidesPerGroup: 3,
1859                            spaceBetween: 24
1860                        },
1861                    },
1862                    on: {
1863                        resize: function() {
1864                            const desktop = isDesktop();
1865                            const currentType = desktop ? "bullets" : "fraction";
1866                            const currentElement = desktop ? desktopPagination : mobilePagination;
1867
1868                            if (this.params.pagination.type !== currentType || this.params.pagination.el !== currentElement) {
1869                                this.params.pagination.type = currentType;
1870                                this.params.pagination.el = currentElement;
1871                                this.pagination.destroy();
1872                                this.pagination.init();
1873                                this.pagination.render();
1874                                this.pagination.update();
1875                            }
1876                        },
1877                    },
1878                    };
1879
1880                    new Swiper(carousel, swiperOptions);
1881                })();
1882            </script>
1882
1883        </div>
1884    </section>
1885<section class="text-white text-lg leading-normal md:text-xl" style="background-color: var(--brandColor1);">
1886    <div class="flex-wrap flex-col-reverse md:flex-row flex md:items-center container-fluid container-fluid-max-xl gap-8 md:gap-0 py-12 md:py-0">
1887        <div class="md:basis-5/12 md:grow-0 flex flex-col gap-5">
1888            <h2 class="font-semibold text-2xl lg:text-3xl ">
1889                Tilaa uutiskirje            </h2>
1890            <p>Tästä pääset liittymään uutiskirjeemme tilaajaksi! Trion uutiskirje on tehty sinulle, joka haluat tietää ensimmäisenä tulevista tapahtumista, hyötyä huikeista tarjouksista ja vierailla uusissa liikkeissä.</p>
1891            <div class="">
1892                                <a href="https://www.trio.fi/uutiskirje/" class=" btn-cut-bottom-right-white    ">Liity tilaajaksi</a>
1893            </div>
1894        </div>
1895        <div class="md:basis-7/12 md:grow-0">
1896                        <img src="https://www.trio.fi/app/uploads/sites/17/2026/04/1608_Citycon-Nordic_Webpage_fifth-element-shapes.png" alt="1608_Citycon Nordic_Webpage_fifth element shapes" class="newsletter-section__image aspect-square object-cover md:aspect-auto md:object-contain w-full max-w-full" loading="lazy">
1897        </div>
1898    </div>
1899</section>
1900<footer class="bg-(--brandColor1) text-white text-lg leading-normal md:text-xl">
1901    <div class="flex-wrap py-8 lg:py-20 container-fluid container-fluid-max-xl">
1902        <div class="flex flex-col gap-8 lg:flex-row">
1903            <div class="flex flex-col flex-1 h-auto gap-5 md:basis-4/12 md:grow-0">
1904                                <a class="flex items-center gap-1 text-2xl font-bold whitespace-nowrap md:text-3xl" href="https://www.trio.fi/">
1905                                            <svg class="size-7 min-w-7" fill="none" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg">
1906    <path d="M20.6361 7.92432V2.87067L16.2632 0.343658L11.8906 2.87067V7.92432L16.2632 10.4513L20.6361 7.92432Z"
1907        fill="white" />
1908    <path d="M11.89 12.9784V7.92436L7.51708 5.39773L3.14453 7.92436V12.9784L7.51708 15.5054L11.89 12.9784Z"
1909        fill="white" />
1910    <path d="M11.89 23.086V18.032L7.51708 15.5053L3.14453 18.032V23.086L7.51708 25.613L11.89 23.086Z" fill="white" />
1911    <path d="M20.6361 28.1401V23.086L16.2632 20.559L11.8906 23.086V28.1401L16.2632 30.6667L20.6361 28.1401Z"
1912        fill="white" />
1913    <path d="M29.3802 23.086V18.032L25.0073 15.5053L20.6348 18.032V23.086L25.0073 25.613L29.3802 23.086Z"
1914        fill="white" />
1915</svg>
1916                        Trio                                    </a>
1917                                <div class="hidden sm:block md:mt-auto">
1918                    <p class="mb-4">Seuraa meitä</p>
1919                    <div class="flex items-center gap-4">
1920                                                    <a href="https://www.facebook.com/KauppakeskusTrio/" target="_blank" rel="noopener noreferrer" class="hover:opacity-75" aria-label="dashicons-facebook">
1921                                <img src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/img/Facebook.png" alt="Facebook" width="32" height="32" aria-hidden="true">                            </a>
1922                                                    <a href="https://www.instagram.com/kauppakeskustrio/" target="_blank" rel="noopener noreferrer" class="hover:opacity-75" aria-label="dashicons-instagram">
1923                                <img src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/img/Instagram.png" alt="Instagram" width="32" height="32" aria-hidden="true">                            </a>
1924                                            </div>
1925                </div>
1926                            </div>
1927                        <div class="flex-1 md:basis-5/12 md:grow-0">
1928                <ul id="menu-footer-fi" class="space-y-5 sm:columns-2"><li><a href="https://www.trio.fi/liikkeet/" class="hover:opacity-75 flex items-center gap-2">Liikkeet</a></li></li><li><a href="https://www.trio.fi/kahvilat-ja-ravintolat/" class="hover:opacity-75 flex items-center gap-2">Kahvilat ja ravintolat</a></li></li><li><a href="https://www.trio.fi/ajankohtaista/" class="hover:opacity-75 flex items-center gap-2">Ajankohtaista</a></li></li><li><a href="https://www.trio.fi/tarjoukset/" class="hover:opacity-75 flex items-center gap-2">Tarjoukset ja vinkit</a></li></li><li><a href="https://www.trio.fi/aukioloajat/" class="hover:opacity-75 flex items-center gap-2">Aukioloajat</a></li></li><li><a href="https://www.trio.fi/yhteystiedot/" class="hover:opacity-75 flex items-center gap-2">Yhteystiedot</a></li></li><hr class="block sm:hidden border-[#737373] my-8"><li><a href="https://www.trio.fi/tietoja-keskuksesta/" class="hover:opacity-75 flex items-center gap-2">Tietoja keskuksesta</a></li></li><li><a href="https://www.trio.fi/info/" class="hover:opacity-75 flex items-center gap-2">Info</a></li></li><li><a href="https://www.trio.fi/kuinka-saapua/" class="hover:opacity-75 flex items-center gap-2">Kuinka saapua</a></li></li><li><a href="https://www.trio.fi/pysakointi/" class="hover:opacity-75 flex items-center gap-2">Pysäköinti</a></li></li><li><a href="https://www.trio.fi/vastuullisuus/" class="hover:opacity-75 flex items-center gap-2">Vastuullisuus</a></li></li><li><a href="https://www.trio.fi/uutiskirje/" class="hover:opacity-75 flex items-center gap-2">Uutiskirje</a></li></li><li><a href="https://www.trio.fi/palaute/" class="hover:opacity-75 flex items-center gap-2">Palaute</a></li></li><li><a href="https://www.trio.fi/evastekaytanto/" class="hover:opacity-75 flex items-center gap-2">Evästekäytäntö</a></li></li><li><a href="https://www.trio.fi/toimitilat-yrityksille/" class="hover:opacity-75 flex items-center gap-2">Toimitilat yrityksille</a></li></li></ul>            </div>
1929            <div class="flex-1 md:basis-3/12 md:grow-0">
1930                <hr class="block sm:hidden border-[#737373] mb-8">
1931                <ul id="menu-external-fi" class="space-y-4"><li><a href="https://cityconportal.chainels.com/" class="flex items-center gap-3 hover:opacity-75">Cityconportal<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right fill-white" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708
1931L13 3.707V8.5a.5.5 0 0 0 1 0z"/></svg></a></li></li><li><a href="https://www.trio.fi/app/uploads/sites/17/2026/04/Tietosuojaseloste.pdf" class="flex items-center gap-3 hover:opacity-75">Tietosuojaseloste<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right fill-white" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z"/></svg></a></li></li><li><a href="https://www.trio.fi/app/uploads/sites/17/2026/05/trio-kameravalvonta.pdf" class="flex items-center gap-3 hover:opacity-75">Kameravalvonta<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right fill-white" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z"/></svg></a></li></li></ul>            </div>
1932        </div>
1933        <div class="justify-end mt-10 pb-8 sm:pb-0 text-base md:flex">
1934                        <div class="block sm:hidden md:mt-auto mb-8">
1935                <p class="mb-4">Seuraa meitä</p>
1936                <div class="flex items-center gap-4">
1937                                            <a href="https://www.facebook.com/KauppakeskusTrio/" class="hover:opacity-75" target="_blank" rel="noopener noreferrer" aria-label="dashicons-facebook">
1938                            <img src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/img/Facebook.png" alt="Facebook" width="32" height="32" aria-hidden="true">                        </a>
1939                                            <a href="https://www.instagram.com/kauppakeskustrio/" class="hover:opacity-75" target="_blank" rel="noopener noreferrer" aria-label="dashicons-instagram">
1940                            <img src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/img/Instagram.png" alt="Instagram" width="32" height="32" aria-hidden="true">                        </a>
1941                                    </div>
1942            </div>
1943                        &copy; Trio 2026. Palvelun tarjoaa Nextima.        </div>
1944    </div>
1945</footer>
1946
1947
1948<!-- Feedback floating button -->
1949<button
1950    type="button"
1951    id="feedback-floating-button"
1952    @click="feedbackOpen = true"
1953    class="fixed z-50 flex items-center gap-2 px-4 py-3 text-sm font-semibold text-white transition-all duration-300 rounded-full shadow-lg cursor-pointer border-0 hover:scale-105 hover:shadow-xl focus:outline-2 focus:outline-offset-2"
1954    style="bottom: 2rem; right: 2rem; background-color: #1D2B4E; writing-mode: horizontal-tb;"
1955    aria-label="Leave feedback">
1956    <svg class="shrink-0 size-4" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1957        <path d="M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1958    </svg>
1959    <span>Palaute</span>
1960</button>
1961
1962<!-- Feedback modal -->
1963<div
1964    x-cloak
1965    x-show="feedbackOpen"
1966    x-transition:enter="transition ease-out duration-200"
1967    x-transition:enter-start="opacity-0"
1968    x-transition:enter-end="opacity-100"
1969    x-transition:leave="transition ease-in duration-150"
1970    x-transition:leave-start="opacity-100"
1971    x-transition:leave-end="opacity-0"
1972    x-effect="document.body.style.overflow = feedbackOpen ? 'hidden' : ''"
1973    class="modal-feedback-window fixed inset-0 z-70 flex items-end justify-end"
1974    style="backdrop-filter: blur(8px); background-color: oklab(0 0 0 / 0.2);"
1975    @click.self="feedbackOpen = false"
1976    @keydown.escape.window="feedbackOpen = false">
1977
1978    <div
1979        x-transition:enter="transition ease-out duration-200"
1980        x-transition:enter-start="opacity-0 translate-y-4"
1981        x-transition:enter-end="opacity-100 translate-y-0"
1982        x-transition:leave="transition ease-in duration-150"
1983        x-transition:leave-start="opacity-100 translate-y-0"
1984        x-transition:leave-end="opacity-0 translate-y-4"
1985        class="flex flex-col w-full mx-4 mb-4 md:mx-0 md:mr-6 md:mb-6 overflow-y-auto"
1986        style="max-width: 440px; max-height: 90vh; max-height: 90dvh; background-color: #fff; border-radius: 12px; box-shadow: rgba(0,0,0,0.12) 0px 20px 40px -8px, rgba(0,0,0,0.08) 0px 8px 16px -4px;">
1987
1988        <!-- Header -->
1989        <div class="flex items-center justify-between px-6 pt-5 pb-4 border-b border-gray-100">
1990            <div class="flex items-center gap-2">
1991                <svg class="size-5 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="color: #1D2B4E;">
1992                    <path d="M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1993                </svg>
1994                <h2 class="text-base font-bold" style="color: #1D2B4E;">Anna palautetta</h2>
1995            </div>
1996            <button
1997                type="button"
1998                @click="feedbackOpen = false"
1999                class="p-1 text-gray-400 bg-transparent border-0 cursor-pointer hover:text-black transition-colors rounded"
2000                aria-label="Close feedback form">
2001                <svg class="size-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2002                    <line x1="4" y1="4" x2="20" y2="20" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
2003                    <line x1="20" y1="4" x2="4" y2="20" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
2004                </svg>
2005            </button>
2006        </div>
2007
2008        <style>
2009            .modal-feedback-window .wpforms-render-modern {
2010                margin-top: 0 !important;
2011            }
2012
2013            .modal-feedback-window .wpforms-field:first-of-type {
2014                padding-top: 0;
2015            }
2016        </style>
2017
2018        <!-- WPForms form -->
2019        <div class="px-6 py-5">
2020            <style id="wpforms-css-vars-10591">
2021				#wpforms-10591 {
2022				--wpforms-field-size-input-height: 43px;
2023--wpforms-field-size-input-spacing: 15px;
2024--wpforms-field-size-font-size: 16px;
2025--wpforms-field-size-line-height: 19px;
2026--wpforms-field-size-padding-h: 14px;
2027--wpforms-field-size-checkbox-size: 16px;
2028--wpforms-field-size-sublabel-spacing: 5px;
2029--wpforms-field-size-icon-size: 1;
2030--wpforms-label-size-font-size: 16px;
2031--wpforms-label-size-line-height: 19px;
2032--wpforms-label-size-sublabel-font-size: 14px;
2033--wpforms-label-size-sublabel-line-height: 17px;
2034--wpforms-button-size-font-size: 17px;
2035--wpforms-button-size-height: 41px;
2036--wpforms-button-size-padding-h: 15px;
2037--wpforms-button-size-margin-top: 10px;
2038--wpforms-container-shadow-size-box-shadow: none;
2039			}
2040			</style><div class="wpforms-container wpforms-container-full wpforms-render-modern" id="wpforms-10591"><form id="wpforms-form-10591" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="10591" method="post" enctype="multipart/form-data" action="/" data-token="c8ed7a9cb3ec4bb7c77e7cb787d0dc88" data-token-time="1790430124"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div id="wpforms-error-noscript" style="display: none;">Please enable JavaScript in your browser to complete this form.</div><div class="wpforms-field-container"><div id="wpforms-10591-field_9-container" class="wpforms-field wpforms-field-radio citycon-feedback-category" data-field-type="radio" data-field-id="9"><fieldset><legend class="wpforms-field-label">Palauteluokka <span class="wpforms-required-label" aria-hidden="true">*</span></legend><ul id="wpforms-10591-field_9" class="wpforms-field-required"><li class="choice-1 depth-1"><input type="radio" id="wpforms-10591-field_9_1" name="wpforms[fields][9]" value="Siivous" aria-errormessage="wpforms-10591-field_9_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_1">Siivous</label></li><li class="choice-2 depth-1"><input type="radio" id="wpforms-10591-field_9_2" name="wpforms[fields][9]" value="Sähköautojen lataus" aria-errormessage="wpforms-10591-field_9_2-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_2">Sähköautojen lataus</label></li><li class="choice-3 depth-1"><input type="radio" id="wpforms-10591-field_9_3" name="wpforms[fields][9]" value="Tapahtumat" aria-errormessage="wpforms-10591-field_9_3-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_3">Tapahtumat</label></li><li class="choice-4 depth-1"><input type="radio" id="wpforms-10591-field_9_4" name="wpforms[fields][9]" value="Kunnossapito" aria-errormessage="wpforms-10591-field_9_4-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_4">Kunnossapito</label></li><li class="choice-7 depth-1"><input type="radio" id="wpforms-10591-field_9_7" name="wpforms[fields][9]" value="Pysäköinti" aria-errormessage="wpforms-10591-field_9_7-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_7">Pysäköinti</label></li><li class="choice-6 depth-1"><input type="radio" id="wpforms-10591-field_9_6" name="wpforms[fields][9]" value="Turvallisuus" aria-errormessage="wpforms-10591-field_9_6-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_6">Turvallisuus</label></li><li class="choice-8 depth-1"><input type="radio" id="wpforms-10591-field_9_8" name="wpforms[fields][9]" value="Liikkeet" aria-errormessage="wpforms-10591-field_9_8-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_8">Liikkeet</label></li><li class="choice-5 depth-1"><input type="radio" id="wpforms-10591-field_9_5" name="wpforms[fields][9]" value="Muu" aria-errormessage="wpforms-10591-field_9_5-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_9_5">Muu</label></li></ul></fieldset></div><div id="wpforms-10591-field_15-container" class="wpforms-field wpforms-field-select citycon-feedback-stores wpforms-field-select-style-classic" data-field-type="select" data-field-id="15"><label class="wpforms-field-label" for="wpforms-10591-field_15">Valitse liike</label><select id="wpforms-10591-field_15" class="wpforms-field-medium" name="wpforms[fields][15]"><option value="Valitse liike"  class="choice-0 depth-1"  >Valitse liike</option><option value="Alanya Market"  class="choice-1211 depth-1"  >Alanya Market</option><option value="Apteekki Trio"  class="choice-1210 depth-1"  >Apteekki Trio</option><option value="Aspia"  class="choice-1212 depth-1"  >Aspia</option><option value="Bistro Well"  class="choice-1208 depth-1"  >Bistro Well</option><option value="Blondima Salon &#8211; kampaamo"  class="choice-1207 depth-1"  >Blondima Salon &#8211; kampaamo</option><option value="Budbee"  class="choice-10965 depth-1"  >Budbee</option><option value="CandyTown"  class="choice-1206 depth-1"  >CandyTown</option><option value="Citycon &#8211; kauppakeskustoimisto"  class="choice-1205 depth-1"  >Citycon &#8211; kauppakeskustoimisto</option><option value="Click Shoes"  class="choice-1204 depth-1"  >Click Shoes</option><option value="DNA Kauppa"  class="choice-1203 depth-1"  >DNA Kauppa</option><option value="Dressmann"  class="choice-1202 depth-1"  >Dressmann</option><option value="Elisa Myyntipiste"  class="choice-1201 depth-1"  >Elisa Myyntipiste</option><option value="Espresso House"  class="choice-1200 depth-1"  >Espresso House</option><option value="Ettonet"  class="choice-1199 depth-1"  >Ettonet</option><option value="Evitec"  class="choice-1198 depth-1"  >Evitec</option><option value="Fafa&#8217;s"  class="choice-11177 depth-1"  >Fafa&#8217;s</option>
2040<option value="Fennia"  class="choice-1197 depth-1"  >Fennia</option><option value="Finlayson popup"  class="choice-11087 depth-1"  >Finlayson popup</option><option value="Fitness24Seven"  class="choice-1196 depth-1"  >Fitness24Seven</option><option value="Flying Tiger Copenhagen"  class="choice-1195 depth-1"  >Flying Tiger Copenhagen</option><option value="Fonum"  class="choice-1194 depth-1"  >Fonum</option><option value="Friends &amp; Brgrs"  class="choice-1193 depth-1"  >Friends &amp; Brgrs</option><option value="Gina Tricot"  class="choice-1213 depth-1"  >Gina Tricot</option><option value="Glitter"  class="choice-1192 depth-1"  >Glitter</option><option value="Granlund Oy / Lahden aluetoimisto"  class="choice-1191 depth-1"  >Granlund Oy / Lahden aluetoimisto</option><option value="H &amp; M"  class="choice-1190 depth-1"  >H &amp; M</option><option value="Hotelli Scandic Lahti City"  class="choice-1189 depth-1"  >Hotelli Scandic Lahti City</option><option value="Jungle Juice Bar"  class="choice-1188 depth-1"  >Jungle Juice Bar</option><option value="Kekäle"  class="choice-1187 depth-1"  >Kekäle</option><option value="KICKS"  class="choice-1186 depth-1"  >KICKS</option><option value="Kotipizza"  class="choice-1185 depth-1"  >Kotipizza</option><option value="Kuuleva Oy"  class="choice-1184 depth-1"  >Kuuleva Oy</option><option value="Kuvamestari"  class="choice-1183 depth-1"  >Kuvamestari</option><option value="Laatukoru"  class="choice-1182 depth-1"  >Laatukoru</option><option value="Lahden kaupungin nuorisopalvelut"  class="choice-1181 depth-1"  >Lahden kaupungin nuorisopalvelut</option><option value="Lahjamaa"  class="choice-11165 depth-1"  >Lahjamaa</option><option value="Lasten leikkipaikka"  class="choice-1180 depth-1"  >Lasten leikkipaikka</option><option value="Laukku Forum"  class="choice-1179 depth-1"  >Laukku Forum</option><option value="Lindex"  class="choice-1178 depth-1"  >Lindex</option><option value="Liukuovitehdas &amp; Trendikaihdin"  class="choice-1177 depth-1"  >Liukuovitehdas &amp; Trendikaihdin</option><option value="LiveLahti striimaus ja videotuotanto"  class="choice-1176 depth-1"  >LiveLahti striimaus ja videotuotanto</option><option value="Lyylin tupa"  class="choice-1175 depth-1"  >Lyylin tupa</option><option value="M Room"  class="choice-1174 depth-1"  >M Room</option><option value="Matkahuolto &#8211; pakettipiste"  class="choice-1172 depth-1"  >Matkahuolto &#8211; pakettipiste</option><option value="Mattomaatti"  class="choice-1171 depth-1"  >Mattomaatti</option><option value="Mi Tee &#8211; kuplateekahvila"  class="choice-1170 depth-1"  >Mi Tee &#8211; kuplateekahvila</option><option value="Mytäjäisten kotileipomo"  class="choice-1169 depth-1"  >Mytäjäisten kotileipomo</option><option value="New Yorker"  class="choice-1168 depth-1"  >New Yorker</option><option value="Nissen"  class="choice-1167 depth-1"  >Nissen</option><option value="Nordea henkilöasiakkaat"  class="choice-1166 depth-1"  >Nordea henkilöasiakkaat</option><option value="Nordea Private Banking ja Yrityspalvelut"  class="choice-1165 depth-1"  >Nordea Private Banking ja Yrityspalvelut</option><option value="Normal"  class="choice-1164 depth-1"  >Normal</option><option value="OP Häme"  class="choice-1163 depth-1"  >OP Häme</option><option value="OP Koti"  class="choice-1162 depth-1"  >OP Koti</option><option value="Otto-automaatti"  class="choice-1161 depth-1"  >Otto-automaatti</option><option value="Päijät-Hämeen hyvinvointialue &#8211; Kuntoutuksen"  class="choice-1152 depth-1"  >Päijät-Hämeen hyvinvointialue &#8211; Kuntoutuksen</option><option value="Päijät-Hämeen hyvinvointialue &#8211; Perheoikeudelliset"  class="choice-1151 depth-1"  >Päijät-Hämeen hyvinvointialue &#8211; Perheoikeudelliset</option><option value="Päijät-Hämeen hyvinvointialue &#8211; Vammaispalvelut"  class="choice-1150 depth-1"  >Päijät-Hämeen hyvinvointialue &#8211; Vammaispalvelut</option><option value="Pakettipiste"  class="choice-1160 depth-1"  >Pakettipiste</option><option value="Palvelutori"  class="choice-1159 depth-1"  >Palvelutori</option><option value="Parkour Akatemia"  class="choice-11282 depth-1"  >
2040Parkour Akatemia</option><option value="Photo-Me valokuva-automaatti"  class="choice-1158 depth-1"  >Photo-Me valokuva-automaatti</option><option value="Pohjola Vakuutus"  class="choice-1155 depth-1"  >Pohjola Vakuutus</option><option value="Puhti"  class="choice-1154 depth-1"  >Puhti</option><option value="Pysäköinti maksuautomaatti"  class="choice-1153 depth-1"  >Pysäköinti maksuautomaatti</option><option value="R-kioski"  class="choice-1149 depth-1"  >R-kioski</option><option value="Rituals"  class="choice-1148 depth-1"  >Rituals</option><option value="Scandic Lahti City Restaurant and Bar"  class="choice-1147 depth-1"  >Scandic Lahti City Restaurant and Bar</option><option value="Sinsay"  class="choice-1146 depth-1"  >Sinsay</option><option value="SPR Kontti-keräyslaatikko"  class="choice-1145 depth-1"  >SPR Kontti-keräyslaatikko</option><option value="Stadium"  class="choice-1144 depth-1"  >Stadium</option><option value="Star Image"  class="choice-11188 depth-1"  >Star Image</option><option value="Subway"  class="choice-1143 depth-1"  >Subway</option><option value="Suomalainen Kirjakauppa"  class="choice-1142 depth-1"  >Suomalainen Kirjakauppa</option><option value="Suomen metsäkeskus"  class="choice-1141 depth-1"  >Suomen metsäkeskus</option><option value="Synsam"  class="choice-1140 depth-1"  >Synsam</option><option value="Takami Sushi"  class="choice-1139 depth-1"  >Takami Sushi</option><option value="TalletusOtto &#8211; automaatti"  class="choice-1138 depth-1"  >TalletusOtto &#8211; automaatti</option><option value="Telia Kauppa Mini Trio"  class="choice-1137 depth-1"  >Telia Kauppa Mini Trio</option><option value="Tempur Brand Store Lahti"  class="choice-10738 depth-1"  >Tempur Brand Store Lahti</option><option value="Teollisuusliitto ry"  class="choice-1136 depth-1"  >Teollisuusliitto ry</option><option value="Tilitoimisto Lahden Tilipiste Oy"  class="choice-1135 depth-1"  >Tilitoimisto Lahden Tilipiste Oy</option><option value="Tokmanni"  class="choice-1134 depth-1"  >Tokmanni</option><option value="Turvavalvomo / Vartijat"  class="choice-1133 depth-1"  >Turvavalvomo / Vartijat</option><option value="Veripalvelu"  class="choice-1132 depth-1"  >Veripalvelu</option><option value="Vero Moda"  class="choice-1131 depth-1"  >Vero Moda</option><option value="Wash.Me &#8211; itsepalvelupesula"  class="choice-1130 depth-1"  >Wash.Me &#8211; itsepalvelupesula</option></select></div>		<div id="wpforms-10591-field_1-container"
2041			class="wpforms-field wpforms-field-text"
2042			data-field-type="text"
2043			data-field-id="1"
2044			>
2045			<label class="wpforms-field-label" for="wpforms-10591-field_1" >Palaute Haluan, Valitse</label>
2046			<input type="text" id="wpforms-10591-field_1" class="wpforms-field-medium" name="wpforms[fields][1]" >
2047		</div>
2048		<div id="wpforms-10591-field_10-container" class="wpforms-field wpforms-field-radio" data-field-type="radio" data-field-id="10"><fieldset><legend class="wpforms-field-label">Palautteen tyyppi <span class="wpforms-required-label" aria-hidden="true">*</span></legend><ul id="wpforms-10591-field_10" class="wpforms-field-required"><li class="choice-1 depth-1"><input type="radio" id="wpforms-10591-field_10_1" name="wpforms[fields][10]" value="Kiitos" aria-errormessage="wpforms-10591-field_10_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_10_1">Kiitos</label></li><li class="choice-2 depth-1"><input type="radio" id="wpforms-10591-field_10_2" name="wpforms[fields][10]" value="Ehdotus" aria-errormessage="wpforms-10591-field_10_2-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_10_2">Ehdotus</label></li><li class="choice-3 depth-1"><input type="radio" id="wpforms-10591-field_10_3" name="wpforms[fields][10]" value="Valitus" aria-errormessage="wpforms-10591-field_10_3-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_10_3">Valitus</label></li><li class="choice-4 depth-1"><input type="radio" id="wpforms-10591-field_10_4" name="wpforms[fields][10]" value="Muu" aria-errormessage="wpforms-10591-field_10_4-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_10_4">Muu</label></li></ul></fieldset></div><div id="wpforms-10591-field_4-container" class="wpforms-field wpforms-field-name" data-field-type="name" data-field-id="4"><label class="wpforms-field-label" for="wpforms-10591-field_4">Nimesi</label><input type="text" id="wpforms-10591-field_4" class="wpforms-field-medium" name="wpforms[fields][4]" aria-errormessage="wpforms-10591-field_4-error" ></div><div id="wpforms-10591-field_5-container" class="wpforms-field wpforms-field-email" data-field-type="email" data-field-id="5"><label class="wpforms-field-label" for="wpforms-10591-field_5">Sähköpostiosoitteesi <span class="wpforms-required-label" aria-hidden="true">*</span></label><input type="email" id="wpforms-10591-field_5" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][5]" spellcheck="false" aria-errormessage="wpforms-10591-field_5-error" required></div><div id="wpforms-10591-field_11-container" class="wpforms-field wpforms-field-radio" data-field-type="radio" data-field-id="11"><fieldset><legend class="wpforms-field-label">Haluan, että minulle vastataan <span class="wpforms-required-label" aria-hidden="true">*</span></legend><ul id="wpforms-10591-field_11" class="wpforms-field-required"><li class="choice-2 depth-1"><input type="radio" id="wpforms-10591-field_11_2" name="wpforms[fields][11]" value="Ei" aria-errormessage="wpforms-10591-field_11_2-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_11_2">Ei</label></li><li class="choice-1 depth-1"><input type="radio" id="wpforms-10591-field_11_1" name="wpforms[fields][11]" value="Kyllä" aria-errormessage="wpforms-10591-field_11_1-error" required ><label class="wpforms-field-label-inline" for="wpforms-10591-field_11_1">Kyllä</label></li></ul></fieldset></div><div id="wpforms-10591-field_3-container" class="wpforms-field wpforms-field-textarea" data-field-type="textarea" data-field-id="3"><label class="wpforms-field-label" for="wpforms-10591-field_3">Palaute <span class="wpforms-required-label" aria-hidden="true">*</span></label><textarea id="wpforms-10591-field_3" class="wpforms-field-medium wpforms-field-required wpforms-limit-characters-enabled" data-form-id="10591" data-field-id="3" data-text-limit="600" name="wpforms[fields][3]" aria-errormessage="wpforms-10591-field_3-error" maxlength="600" required></textarea></div><div id="wpforms-10591-field_14-container" class="wpforms-field wpforms-field-content" data-field-type="content" data-field-id="14"><div id="wpforms-10591-field_14" class="wpforms-field-medium wpforms-field-row" aria-errormessage="wpforms-10591-field_14-error"><p><a style="font-size:1rem" href="https://s3.eu-west-1.amazonaws.com/assets.hyperin.com/citycon/Privacy+Notice+Consumer+register+for+consumer+marketing_EN.pdf">Rekisteriseloste</a></p>
2049<div class="wpforms-field-content-display-frontend-clear"></div></div></div>
2049<script>
2050				( function() {
2051					const style = document.createElement( 'style' );
2052					style.appendChild( document.createTextNode( '#wpforms-10591-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-10591-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-10591-field_1-container label { counter-increment: none; }' ) );
2053					document.head.appendChild( style );
2054					document.currentScript?.remove();
2055				} )();
2056			</script>
2056</div><!-- .wpforms-field-container --><div class="wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v3" ><input type="hidden" name="wpforms[recaptcha]" value=""></div><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="10591"><input type="hidden" name="page_title" value="Trion synttärit 1.–3.10. – katso tarjoukset!"><input type="hidden" name="page_url" value="https://www.trio.fi/"><input type="hidden" name="url_referer" value=""><input type="hidden" name="page_id" value="11705"><input type="hidden" name="wpforms[post_id]" value="11705"><button type="submit" name="wpforms[submit]" id="wpforms-submit-10591" class="wpforms-submit btn-cut-bottom-right" data-alt-text="Lähetetään..." data-submit-text="Lähetä" aria-live="assertive" value="wpforms-submit">Lähetä</button><img src="https://www.trio.fi/app/plugins/wpforms/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt="Loading"></div></form></div>  <!-- .wpforms-container -->        </div>
2057
2058    </div>
2059</div>
2060<script type="speculationrules">
2061{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/sites/17/*","/app/*","/app/plugins/*","/app/themes/citycon2026_03_09_21_26/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2062</script>
2062
2063<!-- HFCM by 99 Robots - Snippet # 2: GTM footer -->
2064<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 2064-2065
2064
2065<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2065GTM-M5N8DB5
vendor: 83 bytes, lines 2065-2066
2065"
2066height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2067<!-- End Google Tag Manager (noscript) -->
2068<div id="next-cookie-app" data-id="019dd6ae-25a3-71aa-8505-93d18b6a418f"></div>
2069<script src="https://cm.nxtm.pl/dist/next-cookie-app.js"></script>
2069
2070<!-- End Cookie App -->
2071<!-- /end HFCM by 99 Robots -->
2072<script id="pll_cookie_script-js-after">
2073(function() {
2074				var expirationDate = new Date();
2075				expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
2076				document.cookie = "pll_language=fi; expires=" + expirationDate.toUTCString() + "; path=/; domain=www.trio.fi; secure; SameSite=Lax";
2077			}());
2078
2079//# sourceURL=pll_cookie_script-js-after
2080</script>
vendor: 1 bytes, line 2080
2080
2081<script id="citycon-2026-alpine-js-extra">
2082var cityconFeedback = {"ajaxUrl":"https://www.trio.fi/wp/wp-admin/admin-ajax.php","nonce":"7d94319c97"};
2083//# sourceURL=citycon-2026-alpine-js-extra
2084</script>
vendor: 1 bytes, line 2084
2084
2085<script id="citycon-2026-alpine-js" src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/js/alpine.js?ver=1.0"></script>
vendor: 1 bytes, line 2085
2085
2086<script id="citycon-2026-stores-js" src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/js/stores.js?ver=1779892724"></script>
vendor: 1 bytes, line 2086
2086
2087<script id="citycon-2026-feedback-stores-js" src="https://www.trio.fi/app/themes/citycon2026_03_09_21_26/assets/js/feedback-stores.js?ver=1781094495"></script>
vendor: 1 bytes, line 2087
2087
2088<script id="wpforms-text-limit-js" src="https://www.trio.fi/app/plugins/wpforms/assets/js/frontend/fields/text-limit.es5.min.js?ver=2.0.1.1"></script>
vendor: 1 bytes, line 2088
2088
2089<script id="jquery-core-js" src="https://www.trio.fi/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 2089
2089
2090<script id="jquery-migrate-js" src="https://www.trio.fi/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 2090
2090
2091<script id="wpforms-validation-js" src="https://www.trio.fi/app/plugins/wpforms/assets/lib/jquery.validate.min.js?ver=1.21.0"></script>
vendor: 1 bytes, line 2091
2091
2092<script id="wpforms-mailcheck-js" src="https://www.trio.fi/app/plugins/wpforms/assets/lib/mailcheck.min.js?ver=1.1.2"></script>
vendor: 1 bytes, line 2092
2092
2093<script id="wpforms-punycode-js" src="https://www.trio.fi/app/plugins/wpforms/assets/lib/punycode.min.js?ver=1.0.0"></script>
vendor: 1 bytes, line 2093
2093
2094<script id="wpforms-generic-utils-js" src="https://www.trio.fi/app/plugins/wpforms/assets/js/share/utils.min.js?ver=2.0.1.1"></script>
vendor: 1 bytes, line 2094
2094
2095<script id="wpforms-js" src="https://www.trio.fi/app/plugins/wpforms/assets/js/frontend/wpforms.min.js?ver=2.0.1.1"></script>
vendor: 1 bytes, line 2095
2095
2096<script id="wpforms-modern-js" src="https://www.trio.fi/app/plugins/wpforms/assets/js/frontend/wpforms-modern.min.js?ver=2.0.1.1"></script>
vendor: 87 bytes, lines 2096-2097
2096
2097<script id="wpforms-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
20976LexOdAsAAAAAKCX-ymVbVO4pII7EqLYfLq1RUj3
vendor: 12 bytes, line 2097
2097"></script>
2098<script id="wpforms-recaptcha-js-after">
2099var wpformsDispatchEvent = function (el, ev, custom) {
2100				var e = document.createEvent(custom ? "CustomEvent" : "HTMLEvents");
2101				custom ? e.initCustomEvent(ev, true, true, false) : e.initEvent(ev, true, true);
2102				el.dispatchEvent(e);
2103			};
2104		var wpformsRecaptchaV3Execute = function ( callback ) {
2105					grecaptcha.execute( "6LexOdAsAAAAAKCX-ymVbVO4pII7EqLYfLq1RUj3", { action: "wpforms" } ).then( function ( token ) {
2106						Array.prototype.forEach.call( document.getElementsByName( "wpforms[recaptcha]" ), function ( el ) {
2107							el.value = token;
2108						} );
2109						if ( typeof callback === "function" ) {
2110							return callback();
2111						}
2112					} );
2113				}
2114				grecaptcha.ready( function () {
2115					wpformsDispatchEvent( document, "wpformsRecaptchaLoaded", true );
2116				} );
2117			
2118//# sourceURL=wpforms-recaptcha-js-after
2119</script>
vendor: 1 bytes, line 2119
2119
2120<script id="wpforms-analytics-js" src="https://www.trio.fi/app/plugins/wpforms/assets/js/frontend/analytics.min.js?ver=2.0.1.1"></script>
vendor: 1 bytes, line 2120
2120
2121<script id="wpforms-analytics-pro-js" src="https://www.trio.fi/app/plugins/wpforms/assets/pro/js/frontend/analytics-pro.min.js?ver=2.0.1.1"></script>
vendor: 1 bytes, line 2121
2121
2122<script id="wpforms-address-field-js" src="https://www.trio.fi/app/plugins/wpforms/assets/js/frontend/fields/address.min.js?ver=2.0.1.1"></script>
vendor: 1 bytes, line 2122
2122
2123<script id="wp-emoji-settings" type="application/json">
2124{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.trio.fi/wp/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
2125</script>
vendor: 1 bytes, line 2125
2125
2126<script type="module">
2127/*! This file is auto-generated */
2128var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2129//# sourceURL=https://www.trio.fi/wp/wp-includes/js/wp-emoji-loader.min.js
2130</script>
vendor: 1 bytes, line 2130
2130
2131<script type='text/javascript'>
2132/* <![CDATA[ */
2133var wpforms_settings = {"val_required":"This field is required.","val_email":"Please enter a valid email address.","val_email_suggestion":"Did you mean {suggestion}?","val_email_suggestion_title":"Click to accept this suggestion.","val_email_restricted":"This email address is not allowed.","val_number":"Please enter a valid number.","val_number_positive":"Please enter a valid positive number.","val_minimum_price":"Amount entered is less than the required minimum.","val_confirm":"Field values do not match.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","val_min":"Please enter a value greater than or equal to {0}.","val_max":"Please enter a value less than or equal to {0}.","val_recaptcha_fail_msg":"Google reCAPTCHA verification failed, please try again later.","val_turnstile_fail_msg":"Cloudflare Turnstile verification failed, please try again later.","val_inputmask_incomplete":"Please fill out the field in required format.","uuid_cookie":"1","locale":"fi","country":"","country_list_label":"Country list","wpforms_plugin_url":"https:\/\/www.trio.fi\/app\/plugins\/wpforms\/","gdpr":"","ajaxurl":"https:\/\/www.trio.fi\/wp\/wp-admin\/admin-ajax.php","mailcheck_enabled":"1","mailcheck_domains":[],"mailcheck_toplevel_domains":["dev"],"is_ssl":"1","nonce":"3b27f36363","currency_code":"USD","currency_thousands":",","currency_decimals":"2","currency_decimal":".","currency_symbol":"$","currency_symbol_pos":"left","val_requiredpayment":"Payment is required.","val_creditcard":"Please enter a valid credit card number.","css_vars":["field-border-radius","field-border-style","field-border-size","field-background-color","field-border-color","field-text-color","field-menu-color","label-color","label-sublabel-color","label-error-color","button-border-radius","button-border-style","button-border-size","button-background-color","button-border-color","button-text-color","page-break-color","background-image","background-position","background-repeat","background-size","background-width","background-height","background-color","background-url","container-padding","container-border-style","container-border-width","container-border-color","container-border-radius","field-size-input-height","field-size-input-spacing","field-size-font-size","field-size-line-height","field-size-padding-h","field-size-checkbox-size","field-size-sublabel-spacing","field-size-icon-size","label-size-font-size","label-size-line-height","label-size-sublabel-font-size","label-size-sublabel-line-height","button-size-font-size","button-size-height","button-size-padding-h","button-size-margin-top","container-shadow-size-box-shadow"],"val_post_max_size":"The total size of the selected files {totalSize} MB exceeds the allowed limit {maxSize} MB.","val_time12h":"Please enter time in 12-hour AM\/PM format (eg 8:45 AM).","val_time24h":"Please enter time in 24-hour format (eg 22:45).","val_time_limit":"Please enter time between {minTime} and {maxTime}.","val_url":"Please enter a valid URL.","val_fileextension":"File type is not allowed.","val_filesize":"File exceeds max size allowed. File was not uploaded.","post_max_size":"104857600","isModernMarkupEnabled":"1","formErrorMessagePrefix":"Form error message","errorMessagePrefix":"Error message","submitBtnDisabled":"Submit button is disabled during form submission.","readOnlyDisallowedFields":["captcha","repeater","map","content","divider","hidden","html","entry-preview","pagebreak","layout","payment-total"],"error_updating_token":"Error updating token. Please try again or contact support if the issue persists.","network_error":"Network error or server is unreachable. Check your connection or try again later.","token_cache_lifetime":"86400","hn_data":{"10591":1},"analytics_composite_field_types":["name","address","date-time","email","password","paypal-commerce"],"analytics_base64":"1","address_field":{"list_countries_without_states":["GB","DE","CH","NL"]},"val_phone":"Please enter a valid phone number.","val_password_strength":"A stronger password is required. Consider using upper and lower case letters, numbers, and symbols.","entry_preview_iframe_styles":["https:\/\/www.trio.fi\/wp\/wp-includes\/js\/tinymce\/skins\/lightgray\/content.min.css?ver=7.1.2","https:\/\/www.trio.fi\/wp\/wp-includes\/css\/dashicons.min.css?ver=7.1.2","https:\/\/www.trio.fi\/wp\/wp-includes\/js\/tinymce\/skins\/wordpress\/wp-content.css?ver=7.1.2","https:\/\/www.trio.fi\/app\/plugins\/wpforms\/assets\/pro\/css\/fields\/richtext\/editor-content.min.css"],"indicatorStepsPattern":"Step {current} of {total}"}
2134/* ]]> */
2135</script>
2135
2136    
2136<script>
2137        document.addEventListener('DOMContentLoaded', function() {
2138            // Email
2139            document.querySelectorAll('.wpforms-field-container input[type="email"]').forEach(function(el) {
2140                el.setAttribute('maxlength', 150);
2141            });
2142            // Single Line Text
2143            document.querySelectorAll('.wpforms-field-container input[type="text"]').forEach(function(el) {
2144                el.setAttribute('maxlength', 150);
2145            });
2146        });
2147    </script>
2147
2148
2149</body>
2150
2151</html><!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->
2152<!-- WP Fastest Cache file was created in 2.818 seconds, on 2026-09-26 @ 15:42 --><!-- need to refresh to see cached version -->

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.