{"id":2416,"date":"2021-02-18T15:08:18","date_gmt":"2021-02-18T12:08:18","guid":{"rendered":"https:\/\/myelements.th.staging.generation-y.net\/about-us\/"},"modified":"2026-08-20T16:43:43","modified_gmt":"2026-08-20T13:43:43","slug":"about-us","status":"publish","type":"page","link":"https:\/\/myelements.th.staging.generation-y.net\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2416\" class=\"elementor elementor-2416 elementor-925\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14abe078 e-grid e-con-full e-con e-parent\" data-id=\"14abe078\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e5a188d e-grid animated-slow e-con-boxed elementor-invisible e-con e-parent\" data-id=\"4e5a188d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1191f1b3 elementor-widget elementor-widget-text-editor\" data-id=\"1191f1b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"41\" data-end=\"720\"><strong data-start=\"41\" data-end=\"55\">My Elements<\/strong> was established in 2011, drawing on <strong data-start=\"92\" data-end=\"104\">ISOPLUS\u2019<\/strong> scientific expertise and longstanding experience in the design and development of high-quality food supplements. Guided by science, research, and innovation, it develops advanced formulations based on carefully selected active ingredients and strict quality standards. Each formula is designed to meaningfully support the real needs of the modern individual \u2014 with precision, effectiveness, and consistency. Its approach does not follow trends. Instead, it is based on a deep understanding of how the body functions and on the continuous advancement of scientific knowledge in the fields of nutrition and wellbeing.<\/p><p data-start=\"722\" data-end=\"900\" data-is-last-node=\"\" data-is-only-node=\"\">My Elements is more than just a brand. It is a collection of scientifically designed, precision-formulated solutions for performance and wellbeing, tailored to your lifestyle.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43d040f9 elementor-section-content-middle animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"43d040f9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-73323f21\" data-id=\"73323f21\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c91ab64 elementor-widget elementor-widget-heading\" data-id=\"2c91ab64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Mission<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d27edab elementor-widget elementor-widget-heading\" data-id=\"2d27edab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">To redefine food supplements as a tool for everyday performance \u2014 combining scientific precision, targeted formulations, and a deep understanding of human physiology. Designed for those who don\u2019t simply go with the flow of everyday life, but consciously choose to evolve and consistently raise the bar on their performance.<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-c13c63c\" data-id=\"c13c63c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dbae879\" data-id=\"dbae879\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b63f7ee elementor-widget elementor-widget-image\" data-id=\"b63f7ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/myelements.th.staging.generation-y.net\/wp-content\/uploads\/2026\/06\/goal.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3524e3a7 elementor-section-content-middle animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"3524e3a7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-325aea39\" data-id=\"325aea39\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-637743b4 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"637743b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/myelements.th.staging.generation-y.net\/wp-content\/uploads\/2026\/06\/purpose.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-49d1a5d5\" data-id=\"49d1a5d5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2d8b11ba\" data-id=\"2d8b11ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c78cab4 elementor-widget elementor-widget-heading\" data-id=\"6c78cab4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Promise<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb263bb elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1cb263bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">To develop high-precision food supplements designed to meaningfully support the energy, health, and overall performance of modern individuals at every stage of their daily lives.<br><br>\n\nEvery product is the result of in-depth scientific expertise, rigorous development standards, and continuous research. We focus on advanced formulations, carefully selected active ingredients, and cutting-edge technologies, with the goal of delivering maximum effectiveness and consistency in practice.<br><br>\n\nWe don\u2019t simply create food supplements. We create solutions that support everyday performance and empower a consciously built lifestyle \u2014 your own My Way of Living.<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e149c55 elementor-section-content-middle animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e149c55\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-49640d3\" data-id=\"49640d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9bdbac7 elementor-widget elementor-widget-heading\" data-id=\"9bdbac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Ingredients<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95d7648 elementor-widget elementor-widget-heading\" data-id=\"95d7648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">In My Elements, performance is built into the formulation. Our formulas are based on scientifically studied ratios, patented raw materials, and high-purity ingredients, with the aim of maximising bioavailability and effectiveness.<br><br>\n\nWe prioritise ingredient synergy and formulation precision, so that each product is designed to work in a targeted and consistent way within the body.<br><br>\n<ul>\n<li>Patented raw materials with scientifically substantiated efficacy.<\/li> \n<li>Carefully developed formulas with balanced ratios of active ingredients.<\/li> \n<li>Formulations focused on bioavailability and absorption.<\/li>\n<li>Targeted combinations for meaningful support.<\/li>\n<li>Every product is designed with one goal: to deliver precisely where it is needed.<\/li><\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-5d042cd\" data-id=\"5d042cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-de02654\" data-id=\"de02654\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6fa9ba2 elementor-widget elementor-widget-image\" data-id=\"6fa9ba2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/myelements.th.staging.generation-y.net\/wp-content\/uploads\/2026\/06\/ingredients.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1bd680cf animated-slow elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"1bd680cf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-31fbbef7\" data-id=\"31fbbef7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-1ec017d9\" data-id=\"1ec017d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-277f61b7 elementor-widget elementor-widget-heading\" data-id=\"277f61b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Milestones<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-626a9432\" data-id=\"626a9432\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-518a05f1 e-grid e-con-boxed e-con e-parent\" data-id=\"518a05f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d196386 elementor-widget elementor-widget-html\" data-id=\"d196386\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =======================================Custom Timeline Generation Y\r\n======================================== -->\r\n\r\n<div class=\"tl-wrapper\">\r\n  <div class=\"tl-container\">\r\n    \r\n    <!-- \u0392\u03b5\u03bb\u03ac\u03ba\u03b9\u03b1 \u03a0\u03bb\u03bf\u03ae\u03b3\u03b7\u03c3\u03b7\u03c2 -->\r\n    <button class=\"tl-arrow tl-arrow-prev\" aria-label=\"Previous\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n        <path d=\"M15 18l-6-6 6-6\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n    <button class=\"tl-arrow tl-arrow-next\" aria-label=\"Next\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n        <path d=\"M9 18l6-6-6-6\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <!-- Track \u03bc\u03b5 \u03c4\u03b1 items -->\r\n    <div class=\"tl-track-wrapper\">\r\n      <div class=\"tl-line\"><\/div>\r\n      <div class=\"tl-track\">\r\n        \r\n        <!-- ITEM 1 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2011<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Founding of  My Elements<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">Leveraging ISOPLUS\u2019 scientific expertise in the field of food supplements, with Krill Oil as its first product.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 2 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2014 \u2013 2015<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Expansion of the range with new health & wellbeing products<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">Including Ester-C, Immuneed, Magnesium, as well as specialised solutions for weight management (Lipodiet), multivitamins, and joint support (OsteoJoint).<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 3 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2016<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Launch of the My Elements Sports range<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">Featuring 5 core products, along with the launch of the brand\u2019s first electrolyte formula, strengthening My Elements\u2019 position in the sports nutrition category.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 4 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2017<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Expansion into new ranges and formats<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">Gummies (Energy, Slimming, Stress, Whitening), the OMEGANEED range with cod liver oil, expansion of the Immuneed range, and new products in the Sports range, such as protein bars.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 5 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2019 \u2013 2020<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Strengthening the Sports range<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">With new high-performance products, including Ultra Whey Isolate, Creatine Monohydrate, BCAAs, and vegan protein bars.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 6 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2021<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Launch of the range for sleep support<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">And stress support with Dream On & Stress Off.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 7 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2022<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Launch of the Chocovites range<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">Chocolate-form supplements for children and adults, as well as a new range for men, featuring FortiHair Caps, FortiHair Lotion, and Menduro for supporting sexual desire and libido.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 8 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2023<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Relaunch of My Elements<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">With a new identity and philosophy, ushering in a new era of food supplements \u2014 more practical, flexible, and personalised. At the same time, 6 key product categories are introduced, alongside eco-friendly packaging and innovative formats, such as single-dose sachets.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 9 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2023<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Launch of a new supplement format for Beauty<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">Glow Me Up, a gummy supplement designed to support the health of hair, skin, and nails.<\/p>\r\n            <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 10 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">2026<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">Relaunch of  My Elements Sports range<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">With a refreshed look and modern doypack packaging, enhancing convenience while supporting energy, performance, and recovery.<\/p>\r\n         <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 11 -->\r\n        <div class=\"tl-item\">\r\n          <div class=\"tl-content\">\r\n            <div class=\"tl-year\">Today<\/div>\r\n            <div class=\"tl-dot\"><\/div>\r\n            <h3 class=\"tl-title\">My Elements continues to evolve<\/h3>\r\n            <p class=\"tl-short\"><\/p>\r\n          <\/div>\r\n          <div class=\"tl-extra\">\r\n            <p class=\"tl-long\">Creating modern wellbeing solutions designed to adapt to the pace of everyday life.<\/p>\r\n           <div class=\"\">\r\n              <img decoding=\"async\" src=\"\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pagination Dots (mobile) -->\r\n    <div class=\"tl-dots\"><\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* ========== RESET & VARIABLES ========== *\/\r\n.tl-wrapper * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.tl-wrapper {\r\n  --tl-primary: #1d4ed8;\r\n  --tl-primary-dark: #1e40af;\r\n  --tl-accent: #3b82f6;\r\n  --tl-text: #1e293b;\r\n  --tl-text-muted: #64748b;\r\n  --tl-line: rgba(29, 78, 216, 0.3);\r\n  --tl-card-bg: rgba(255, 255, 255, 0.95);\r\n  --tl-card-border: rgba(29, 78, 216, 0.2);\r\n  \r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: transparent;\r\n  padding: 60px 20px 280px;\r\n  position: relative;\r\n  overflow: visible;\r\n}\r\n\r\n.tl-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n\/* ========== TRACK ========== *\/\r\n.tl-track-wrapper {\r\n  position: relative;\r\n  padding: 40px 0;\r\n  \/* \u039a\u03cc\u03b2\u03b5\u03b9 \u03bc\u03cc\u03bd\u03bf \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03b1 \u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf hover card \u03bd\u03b1 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03ba\u03ac\u03c4\u03c9 *\/\r\n  clip-path: inset(-500px 0 -500px 0);\r\n}\r\n\r\n.tl-line {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent 0%, var(--tl-line) 10%, var(--tl-line) 90%, transparent 100%);\r\n  transform: translateY(-50%);\r\n  z-index: 1;\r\n}\r\n\r\n.tl-track {\r\n  display: flex;\r\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* ========== ITEM ========== *\/\r\n.tl-item {\r\n  flex: 0 0 calc(100% \/ 4);\r\n  padding: 0 15px;\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.tl-content {\r\n  position: relative;\r\n  text-align: center;\r\n  padding: 20px 10px;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.tl-year {\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n  color: var(--tl-primary);\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.5px;\r\n  background: linear-gradient(135deg, var(--tl-primary) 0%, var(--tl-accent) 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.tl-dot {\r\n  width: 16px;\r\n  height: 16px;\r\n  background: var(--tl-primary);\r\n  border: 3px solid #ffffff;\r\n  border-radius: 50%;\r\n  margin: 12px auto;\r\n  position: relative;\r\n  box-shadow: 0 0 0 4px var(--tl-line), 0 0 20px rgba(99, 102, 241, 0.5);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.tl-item:hover .tl-dot {\r\n  background: var(--tl-accent);\r\n  transform: scale(1.3);\r\n  box-shadow: 0 0 0 6px rgba(236, 72, 153, 0.3), 0 0 30px rgba(236, 72, 153, 0.7);\r\n}\r\n\r\n.tl-title {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: var(--tl-text);\r\n  margin-top: 14px;\r\n  margin-bottom: 6px;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.tl-short {\r\n  font-size: 14px;\r\n  color: var(--tl-text-muted);\r\n  line-height: 1.5;\r\n}\r\n\r\n.tl-item:hover .tl-title {\r\n  color: var(--tl-accent);\r\n}\r\n\r\n\/* ========== EXTRA (HOVER CONTENT) ==========\r\n   \u03a3\u0397\u039c\u0391\u039d\u03a4\u0399\u039a\u039f: \u03a3\u03c4\u03bf desktop \u03c4\u03bf extra \u03bc\u03b5\u03c4\u03b1\u03ba\u03b9\u03bd\u03b5\u03af\u03c4\u03b1\u03b9 \u03bc\u03b5 JS \u03c3\u03c4\u03bf track-wrapper\r\n   \u03ba\u03b1\u03b9 \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03c3\u03c4\u03bf \u039a\u0395\u039d\u03a4\u03a1\u039f \u03c4\u03b7\u03c2 \u03bf\u03c1\u03b1\u03c4\u03ae\u03c2 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae\u03c2, \u03cc\u03c7\u03b9 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf item *\/\r\n.tl-extra {\r\n  position: absolute;\r\n  top: calc(50% + 80px);\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-10px);\r\n  width: min(600px, 90vw);\r\n  background: var(--tl-card-bg);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border: 1px solid var(--tl-card-border);\r\n  border-radius: 16px;\r\n  padding: 24px;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;\r\n  z-index: 10;\r\n  box-shadow: 0 20px 60px rgba(99, 102, 241, 0.2), 0 0 40px rgba(99, 102, 241, 0.1);\r\n}\r\n\r\n\/* \u038c\u03c4\u03b1\u03bd \u03c4\u03bf extra \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03bd\u03b5\u03c1\u03b3\u03cc, \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 *\/\r\n.tl-extra.is-active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n.tl-long {\r\n  font-size: 15px;\r\n  color: var(--tl-text);\r\n  line-height: 1.6;\r\n  margin-bottom: 16px;\r\n  text-align: center;\r\n}\r\n\r\n.tl-image-wrap {\r\n  width: 100%;\r\n  height: 220px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.tl-image-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n.tl-extra.is-active .tl-image-wrap img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* ========== ARROWS ========== *\/\r\n.tl-arrow {\r\n  position: absolute;\r\n  top: 175px;\r\n  transform: translateY(-50%);\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  background: #ffffff;\r\n  border: 1px solid var(--tl-card-border);\r\n  color: var(--tl-primary);\r\n  cursor: pointer;\r\n  z-index: 20;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  padding: 0;\r\n  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.15);\r\n}\r\n\r\n.tl-arrow svg {\r\n  width: 22px;\r\n  height: 22px;\r\n}\r\n\r\n.tl-arrow:hover {\r\n  background: var(--tl-primary);\r\n  border-color: var(--tl-primary);\r\n  color: #ffffff;\r\n  transform: translateY(-50%) scale(1.1);\r\n  box-shadow: 0 10px 30px rgba(99, 102, 241, 0.4);\r\n}\r\n\r\n.tl-arrow:disabled {\r\n  opacity: 0.3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.tl-arrow-prev { left: 10px; }\r\n.tl-arrow-next { right: 10px; }\r\n\r\n\/* ========== DOTS (Mobile pagination) ========== *\/\r\n.tl-dots {\r\n  display: none;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.tl-dots button {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--tl-text-muted);\r\n  border: none;\r\n  cursor: pointer;\r\n  opacity: 0.4;\r\n  transition: all 0.3s ease;\r\n  padding: 0;\r\n}\r\n\r\n.tl-dots button.active {\r\n  background: var(--tl-primary);\r\n  opacity: 1;\r\n  width: 24px;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* ========== TABLET ========== *\/\r\n@media (max-width: 1024px) {\r\n  .tl-item {\r\n    flex: 0 0 calc(100% \/ 3);\r\n  }\r\n}\r\n\r\n\/* ========== MOBILE ========== *\/\r\n@media (max-width: 768px) {\r\n  .tl-wrapper {\r\n    padding: 40px 10px 60px;\r\n  }\r\n\r\n  .tl-track-wrapper {\r\n    padding: 20px 0;\r\n    clip-path: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tl-line {\r\n    display: none;\r\n  }\r\n\r\n  .tl-item {\r\n    flex: 0 0 100%;\r\n    padding: 0 50px;\r\n  }\r\n\r\n  \/* \u03a3\u03c4\u03bf mobile \u03c4\u03b1 content + extra \u03b5\u03bd\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03ad\u03bd\u03b1 card *\/\r\n  .tl-content {\r\n    background: var(--tl-card-bg);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    border: 1px solid var(--tl-card-border);\r\n    border-bottom: none;\r\n    border-radius: 20px 20px 0 0;\r\n    padding: 30px 20px 16px;\r\n  }\r\n\r\n  .tl-year {\r\n    font-size: 36px;\r\n  }\r\n\r\n  .tl-dot {\r\n    display: none;\r\n  }\r\n\r\n  .tl-title {\r\n    font-size: 22px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .tl-short {\r\n    font-size: 15px;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* \u03a3\u03c4\u03bf mobile - \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bf\u03c1\u03b1\u03c4\u03cc \u03c4\u03bf extra *\/\r\n  .tl-extra {\r\n    position: static;\r\n    transform: none;\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    width: auto;\r\n    background: var(--tl-card-bg);\r\n    border: 1px solid var(--tl-card-border);\r\n    border-top: none;\r\n    border-radius: 0 0 20px 20px;\r\n    box-shadow: 0 20px 60px rgba(99, 102, 241, 0.15);\r\n    padding: 16px 20px 24px;\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n  }\r\n\r\n  .tl-long {\r\n    font-size: 14px;\r\n    margin-bottom: 16px;\r\n    text-align: left;\r\n  }\r\n\r\n  .tl-image-wrap {\r\n    height: 200px;\r\n  }\r\n\r\n  .tl-arrow {\r\n    top: 50%;\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .tl-arrow svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .tl-arrow-prev { left: 5px; }\r\n  .tl-arrow-next { right: 5px; }\r\n\r\n  .tl-dots {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n\/* ========== Reduced motion ========== *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .tl-track,\r\n  .tl-extra,\r\n  .tl-image-wrap img,\r\n  .tl-dot,\r\n  .tl-arrow {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  const wrapper = document.querySelector('.tl-wrapper');\r\n  if (!wrapper) return;\r\n\r\n  const trackWrapper = wrapper.querySelector('.tl-track-wrapper');\r\n  const track = wrapper.querySelector('.tl-track');\r\n  const items = wrapper.querySelectorAll('.tl-item');\r\n  const prevBtn = wrapper.querySelector('.tl-arrow-prev');\r\n  const nextBtn = wrapper.querySelector('.tl-arrow-next');\r\n  const dotsContainer = wrapper.querySelector('.tl-dots');\r\n  \r\n  let currentIndex = 0;\r\n  let itemsPerView = 4;\r\n  let autoScrollInterval = null;\r\n  const AUTO_SCROLL_DELAY = 4000;\r\n  let isMobileLayout = null;\r\n\r\n  \/\/ \u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03c4\u03c9\u03bd extras \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd items \u03c4\u03bf\u03c5\u03c2\r\n  const extrasMap = [];\r\n  items.forEach((item) => {\r\n    const extra = item.querySelector('.tl-extra');\r\n    if (extra) {\r\n      extrasMap.push({ item: item, extra: extra });\r\n    }\r\n  });\r\n\r\n  \/\/ \u039c\u03b5\u03c4\u03b1\u03ba\u03b9\u03bd\u03b5\u03af \u03c4\u03b1 extras \u03c3\u03c4\u03bf \u03c3\u03c9\u03c3\u03c4\u03cc \u03bc\u03ad\u03c1\u03bf\u03c2 \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03bf layout\r\n  function setupExtras() {\r\n    const isMobile = window.innerWidth <= 768;\r\n    \r\n    if (isMobile === isMobileLayout) return;\r\n    isMobileLayout = isMobile;\r\n\r\n    extrasMap.forEach(({ item, extra }) => {\r\n      if (isMobile) {\r\n        \/\/ \u03a3\u03c4\u03bf mobile: \u03c4\u03bf extra \u03bc\u03ad\u03bd\u03b5\u03b9 \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03bf item (\u03b4\u03af\u03c0\u03bb\u03b1 \u03c3\u03c4\u03bf .tl-content)\r\n        if (extra.parentElement !== item) {\r\n          item.appendChild(extra);\r\n        }\r\n        extra.classList.remove('is-active');\r\n      } else {\r\n        \/\/ \u03a3\u03c4\u03bf desktop: \u03c4\u03bf extra \u03bc\u03c0\u03b1\u03af\u03bd\u03b5\u03b9 \u03c3\u03c4\u03bf track-wrapper \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b5\u03bd\u03c4\u03c1\u03ac\u03c1\u03b5\u03c4\u03b1\u03b9\r\n        if (extra.parentElement !== trackWrapper) {\r\n          trackWrapper.appendChild(extra);\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 items per view\r\n  function getItemsPerView() {\r\n    const width = window.innerWidth;\r\n    if (width <= 768) return 1;\r\n    if (width <= 1024) return 3;\r\n    return 4;\r\n  }\r\n\r\n  \/\/ Update item width\r\n  function updateItemWidth() {\r\n    itemsPerView = getItemsPerView();\r\n    items.forEach(item => {\r\n      item.style.flex = `0 0 calc(100% \/ ${itemsPerView})`;\r\n    });\r\n  }\r\n\r\n  \/\/ \u03a0\u03ae\u03b3\u03b1\u03b9\u03bd\u03b5 \u03c3\u03b5 index\r\n  function goToIndex(index) {\r\n    const maxIndex = Math.max(0, items.length - itemsPerView);\r\n    currentIndex = Math.max(0, Math.min(index, maxIndex));\r\n    \r\n    const offset = -(currentIndex * (100 \/ itemsPerView));\r\n    track.style.transform = `translateX(${offset}%)`;\r\n    \r\n    updateUI();\r\n  }\r\n\r\n  \/\/ Update arrows & dots\r\n  function updateUI() {\r\n    const maxIndex = Math.max(0, items.length - itemsPerView);\r\n    \r\n    prevBtn.disabled = currentIndex === 0;\r\n    nextBtn.disabled = currentIndex >= maxIndex;\r\n\r\n    \/\/ Mobile dots\r\n    if (itemsPerView === 1 && dotsContainer) {\r\n      const dots = dotsContainer.querySelectorAll('button');\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle('active', i === currentIndex);\r\n      });\r\n    }\r\n  }\r\n\r\n  \/\/ \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 dots \u03b3\u03b9\u03b1 mobile\r\n  function createDots() {\r\n    if (!dotsContainer) return;\r\n    dotsContainer.innerHTML = '';\r\n    items.forEach((_, i) => {\r\n      const dot = document.createElement('button');\r\n      dot.setAttribute('aria-label', `Go to slide ${i + 1}`);\r\n      dot.addEventListener('click', () => {\r\n        goToIndex(i);\r\n        resetAutoScroll();\r\n      });\r\n      dotsContainer.appendChild(dot);\r\n    });\r\n  }\r\n\r\n  \/\/ \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \/ \u03a0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf\r\n  function next() {\r\n    const maxIndex = Math.max(0, items.length - itemsPerView);\r\n    if (currentIndex >= maxIndex) {\r\n      goToIndex(0); \/\/ Loop\r\n    } else {\r\n      goToIndex(currentIndex + 1);\r\n    }\r\n  }\r\n\r\n  function prev() {\r\n    if (currentIndex <= 0) {\r\n      goToIndex(items.length - itemsPerView); \/\/ Loop\r\n    } else {\r\n      goToIndex(currentIndex - 1);\r\n    }\r\n  }\r\n\r\n  \/\/ Auto scroll\r\n  function startAutoScroll() {\r\n    stopAutoScroll();\r\n    autoScrollInterval = setInterval(next, AUTO_SCROLL_DELAY);\r\n  }\r\n\r\n  function stopAutoScroll() {\r\n    if (autoScrollInterval) {\r\n      clearInterval(autoScrollInterval);\r\n      autoScrollInterval = null;\r\n    }\r\n  }\r\n\r\n  function resetAutoScroll() {\r\n    stopAutoScroll();\r\n    startAutoScroll();\r\n  }\r\n\r\n  \/\/ Hover logic - \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03b9 \u0395\u039d\u0391 extra \u03c3\u03c4\u03bf \u03ba\u03ad\u03bd\u03c4\u03c1\u03bf \u03c4\u03b7\u03c2 \u03bf\u03c1\u03b1\u03c4\u03ae\u03c2 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae\u03c2\r\n  let activeExtra = null;\r\n\r\n  function showExtra(extra) {\r\n    if (isMobileLayout) return;\r\n    if (activeExtra && activeExtra !== extra) {\r\n      activeExtra.classList.remove('is-active');\r\n    }\r\n    activeExtra = extra;\r\n    extra.classList.add('is-active');\r\n  }\r\n\r\n  function hideExtra(extra) {\r\n    if (isMobileLayout) return;\r\n    extra.classList.remove('is-active');\r\n    if (activeExtra === extra) activeExtra = null;\r\n  }\r\n\r\n  \/\/ Event listeners \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 item\r\n  extrasMap.forEach(({ item, extra }) => {\r\n    item.addEventListener('mouseenter', () => showExtra(extra));\r\n    item.addEventListener('mouseleave', () => hideExtra(extra));\r\n  });\r\n\r\n  \/\/ Event listeners \u03b3\u03b9\u03b1 \u03b2\u03b5\u03bb\u03ac\u03ba\u03b9\u03b1\r\n  prevBtn.addEventListener('click', () => {\r\n    prev();\r\n    resetAutoScroll();\r\n  });\r\n\r\n  nextBtn.addEventListener('click', () => {\r\n    next();\r\n    resetAutoScroll();\r\n  });\r\n\r\n  \/\/ Pause \u03c3\u03b5 hover\r\n  wrapper.addEventListener('mouseenter', stopAutoScroll);\r\n  wrapper.addEventListener('mouseleave', startAutoScroll);\r\n\r\n  \/\/ Touch swipe \u03b3\u03b9\u03b1 mobile\r\n  let touchStartX = 0;\r\n  let touchEndX = 0;\r\n\r\n  track.addEventListener('touchstart', e => {\r\n    touchStartX = e.changedTouches[0].screenX;\r\n    stopAutoScroll();\r\n  }, { passive: true });\r\n\r\n  track.addEventListener('touchend', e => {\r\n    touchEndX = e.changedTouches[0].screenX;\r\n    handleSwipe();\r\n    startAutoScroll();\r\n  }, { passive: true });\r\n\r\n  function handleSwipe() {\r\n    const diff = touchStartX - touchEndX;\r\n    if (Math.abs(diff) < 50) return;\r\n    if (diff > 0) next();\r\n    else prev();\r\n  }\r\n\r\n  \/\/ Keyboard navigation\r\n  document.addEventListener('keydown', e => {\r\n    if (!wrapper.matches(':hover') && !wrapper.contains(document.activeElement)) return;\r\n    if (e.key === 'ArrowLeft') { prev(); resetAutoScroll(); }\r\n    if (e.key === 'ArrowRight') { next(); resetAutoScroll(); }\r\n  });\r\n\r\n  \/\/ Resize handler\r\n  let resizeTimer;\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(() => {\r\n      setupExtras();\r\n      updateItemWidth();\r\n      goToIndex(0);\r\n    }, 200);\r\n  });\r\n\r\n  \/\/ Pause auto-scroll \u03b1\u03bd \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03c1\u03b1\u03c4\u03cc\r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) startAutoScroll();\r\n      else stopAutoScroll();\r\n    });\r\n  }, { threshold: 0.3 });\r\n  observer.observe(wrapper);\r\n\r\n  \/\/ Init\r\n  setupExtras();\r\n  updateItemWidth();\r\n  createDots();\r\n  goToIndex(0);\r\n  startAutoScroll();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>My Elements was established in 2011, drawing on ISOPLUS\u2019 scientific expertise and longstanding experience in the design and development of high-quality food supplements. Guided by science, research, and innovation, it develops advanced formulations based on carefully selected active ingredients and strict quality standards. Each formula is designed to meaningfully support the real needs of the<\/p>\n<div class=\"klb-readmore entry-button\"><a class=\"button light alt medium\" href=\"https:\/\/myelements.th.staging.generation-y.net\/en\/about-us\/\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2416","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/pages\/2416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/comments?post=2416"}],"version-history":[{"count":46,"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/pages\/2416\/revisions"}],"predecessor-version":[{"id":5200,"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/pages\/2416\/revisions\/5200"}],"wp:attachment":[{"href":"https:\/\/myelements.th.staging.generation-y.net\/en\/wp-json\/wp\/v2\/media?parent=2416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}