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 [&>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 [&>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ä – 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ä – 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 © 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 – kampaamo" class="choice-1207 depth-1" >Blondima Salon – 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 – kauppakeskustoimisto" class="choice-1205 depth-1" >Citycon – 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’s" class="choice-11177 depth-1" >Fafa’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 & Brgrs" class="choice-1193 depth-1" >Friends & 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 & M" class="choice-1190 depth-1" >H & 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 & Trendikaihdin" class="choice-1177 depth-1" >Liukuovitehdas & 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 – pakettipiste" class="choice-1172 depth-1" >Matkahuolto – pakettipiste</option><option value="Mattomaatti" class="choice-1171 depth-1" >Mattomaatti</option><option value="Mi Tee – kuplateekahvila" class="choice-1170 depth-1" >Mi Tee – 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 – Kuntoutuksen" class="choice-1152 depth-1" >Päijät-Hämeen hyvinvointialue – Kuntoutuksen</option><option value="Päijät-Hämeen hyvinvointialue – Perheoikeudelliset" class="choice-1151 depth-1" >Päijät-Hämeen hyvinvointialue – Perheoikeudelliset</option><option value="Päijät-Hämeen hyvinvointialue – Vammaispalvelut" class="choice-1150 depth-1" >Päijät-Hämeen hyvinvointialue – 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 – automaatti" class="choice-1138 depth-1" >TalletusOtto – 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 – itsepalvelupesula" class="choice-1130 depth-1" >Wash.Me – 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.