{"id":8453,"date":"2024-09-25T08:04:00","date_gmt":"2024-09-25T08:04:00","guid":{"rendered":"https:\/\/s4snordic.com\/doors\/"},"modified":"2026-05-08T09:15:18","modified_gmt":"2026-05-08T09:15:18","slug":"durys","status":"publish","type":"page","link":"https:\/\/s4snordic.com\/lt\/durys\/","title":{"rendered":"Durys"},"content":{"rendered":"<section id=\"text-hero-block\" class=\"pb-12  bg-white overflow-hidden hero-section-half\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"py-12 md:pt-20\">\r\n            <div class=\"flex flex-wrap -mx-4 items-end\">\r\n                <div class=\"w-full lg:w-1\/2 px-4 mb-8 lg:mb-0\">\r\n                    <div class=\" mx-auto\">\r\n                        <ul class=\"breadcrumbs\"><li class=\"item-home\"><a class=\"bread-link link\" href=\"https:\/\/s4snordic.com\/lt\/\" title=\"Prad\u017eia\">Prad\u017eia<\/a><\/li><li class=\"separator separator-home\">  \u2022  <\/li><\/ul>                        <h1 class=\"font-heading text-5xl md:text-6xl tracking-tight\">Patobulinkite sand\u0117liuk\u0105 tinkamomis durimis<\/h1>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"w-full lg:w-1\/2 px-4\">\r\n                    <div class=\"max-w-lg lg:max-w-none mx-auto\">\r\n                        <p class=\"text-lg text-gray-700 mb-10\">M\u016bs\u0173 sand\u0117liuk\u0173 durys u\u017etikrina patog\u0173 patekim\u0105 \u012f patalp\u0105 ir kartu saugo turto vientisum\u0105. \u012evair\u016bs dur\u0173 stiliai bei dyd\u017eiai pritaikomi konkretiems kiekvienos patalpos poreikiams.<\/p>\r\n                                                    <a class=\"button-black\"\r\n                               href=\"\/lt\/kontaktai\/\"\r\n                               target=\"_self\">Susisiekime<\/a>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section id=\"gallery-row-block\" class=\"gallery-row lg:py-24 gallery-row-block splide\">\r\n    <div class=\"wrap carousel-container splide__track\">\r\n        <div class=\"carousel-track splide__list\">\r\n                                                <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Deliveien-21-Vestby-17-no-logo.png\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Deliveien-21-Vestby-17-no-logo.png\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim113.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim113.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-25.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-25.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-5-uten-logo.jpg\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-5-uten-logo.jpg\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-1-scaled.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-1-scaled.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim33-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim33-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-7-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-7-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim72-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim72-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <a href=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\" class=\"single carousel-item splide__slide magnific-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\"\r\n                             alt=\"\"\/>\r\n                    <\/a>\r\n                                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section id=\"icons-block\" class=\"pb-24 background-grey py-16 pb-8 lg:pb-0 lg:py-24 numbered-list-block\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"flex mb-4 items-center\">\r\n            <svg width=\"8\" height=\"8\" viewbox=\"0 0 8 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <circle cx=\"4\" cy=\"4\" r=\"4\" fill=\"#BEF264\"><\/circle>\r\n            <\/svg>\r\n            <span class=\"inline-block ml-2 text-sm font-medium \">Privalumai<\/span>\r\n        <\/div>\r\n        <div class=\"border-t pt-14\">\r\n            <h1 class=\"font-heading text-4xl sm:text-6xl lg:mb-24 mb-10 \">Kod\u0117l verta rinktis m\u016bs\u0173 duris?<\/h1>\r\n            <div class=\"flex flex-wrap -mx-4\">\r\n                                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">\u0160iuolaikinis dizainas<\/h5>\r\n                                                                    <p>Eleganti\u0161ka ir moderni i\u0161vaizda, derinanti su bet kokiu patalp\u0173 stiliumi.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-1.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Patikima apsauga<\/h5>\r\n                                                                    <p>Sustiprinti dur\u0173 laikikliai, papildoma spynos apsauga ir nuo \u012fsilau\u017eimo apsauganti konstrukcija u\u017etikrina auk\u0161tesn\u012f saugumo lyg\u012f.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-2.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Pritaikyta mechanin\u0117ms <br>ir elektronin\u0117ms spynoms<\/h5>\r\n                                                                    <p>Lankst\u016bs sprendimai, suderinami tiek su tradicin\u0117mis, tiek su i\u0161maniosiomis spyn\u0173 sistemomis.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"w-full lg:w-1\/3  px-4 mb-16\">\r\n                            <div class=\"mt-6\">\r\n                                <div class=\"number inline-block bg-accent py-2 px-2 mb-6\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Custom-Icon-3.svg\">\r\n                                <\/div>\r\n                                <h5 class=\"text-2xl font-medium mb-3 \">Lengva prie\u017ei\u016bra<\/h5>\r\n                                                                    <p>Ilgaam\u017e\u0117s durys su lygiu pavir\u0161iumi, atspariu nusid\u0117v\u0117jimui ir lengvai valomu net dulk\u0117toje aplinkoje.<\/p>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                <\/div>\r\n        <\/div>\r\n<\/section>\n\n<section id=\"text-photo-reverse-block\" class=\"relative overflow-hidden py-16 reverse text-photo-reverse-block\">\n    <div class=\"container relative flex items-center justify-between flex-wrap lg:mb-0 mb-24 \">\n        <div class=\"w-1\/2 w-full lg:w-1\/2 order-2 lg:order-0 \">\n                            <div class=\"single\">\n                    <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/07\/unnamed-file.png\"\n                         alt=\"\"\/>\n                <\/div>\n                    <\/div>\n        <div class=\"py-4 px-6 w-full lg:max-w-xl mb-14  lg:mb-0  ml-0 order-1 lg:order-0\">\n            <h2 class=\"font-heading sm:text-5xl text-5xl  mb-6\">Auk\u0161tos kokyb\u0117s, tvari skarda, u\u017etikrinanti ilgalaik\u012f patvarum\u0105<\/h2>\n            <div class=\"lg:max-w-md xl:max-w-none text-lg text-gray-700 mb-10\"><p>Visos m\u016bs\u0173 varstomos ir roll-up durys gaminamos i\u0161 auk\u0161tos kokyb\u0117s \u0161iaurieti\u0161kos skardos, dengto \u201eSSAB GreenCoat\u00ae Pural BT&#8221; spalvota danga, sukurta specialiai statyb\u0173 sektoriui.<\/p>\n<p>Be patvarumo, puikaus spalv\u0173 i\u0161laikymo ir ilgaam\u017e\u0117s apdailos, \u0161i danga i\u0161siskiria kaip tvarios gamybos rinkos lyder\u0117. \u201eGreenCoat\u00ae Pural BT&#8221; yra biologin\u0117s technologijos (BT) danga, kurioje didel\u0117 dalis tradicin\u0117s i\u0161kastin\u0117s naftos pakeista \u0161vedi\u0161ku raps\u0173 aliejumi \u2013 tai vienintel\u0117 rinkoje esanti danga, kurios sud\u0117tyje yra daug biologi\u0161kai atsinaujinan\u010di\u0173 med\u017eiag\u0173. Be to, ji 100 % perdirbama.<\/p>\n<\/div>\n        <\/div>\n        <div><\/div>\n    <\/div>\n<\/section>\n\n<section id=\"accordion-block\" class=\"py-12 lg:py-24 accordion-block\">\r\n    <div class=\"container mx-auto px-4\">\r\n        <div class=\"max-w-lg mx-auto lg:max-w-none\">\r\n            <div class=\"flex flex-wrap justify-between -mx-4\">\r\n                <div class=\"w-full lg:w-1\/2 px-4 mb-16 lg:mb-0\">\r\n                    <div class=\"\">\r\n                        <p class=\"text-2xl font-medium mb-20\">Susipa\u017einkite su m\u016bs\u0173 varstom\u0173 ir roll-up dur\u0173 asortimentu \u2013 kiekvienas variantas pritaikytas konkretiems j\u016bs\u0173 sand\u0117liuk\u0173 patalp\u0173 poreikiams ir derina funkcionalum\u0105 bei stili\u0173.<\/p>\r\n                        <div class=\"accordion-text\">\r\n                                                                                                                                    <div class=\"accordion-item cursor-pointer text-gray-500\" data-accordion-index=\"1\">\r\n                                        <div class=\"relative heading\">\r\n                                            <div class=\"block relative\">\r\n                                                <h4 class=\"accordion-title lg:text-4xl text-3xl\">Varstomos durys  <\/h4>\r\n                                                <div class=\"progress-bar-container\">\r\n                                                    <div class=\"progress-bar\"><\/div> <!-- Animated progress bar filling up -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"accordion-content relative content\" style=\"display: none;\">\r\n                                            <div class=\"text-lg mt-12 max-10-lines text-gray-600 mb-6 truncated-text\"><p>M\u016bs\u0173 lengvos varstomos durys sukurtos skland\u017eiam veikimui ir ilgaam\u017ei\u0161kumui. Auk\u0161tos kokyb\u0117s vyriai ma\u017eina apkrov\u0105 konstrukcijai ir kartu i\u0161laiko auk\u0161t\u0105 saugumo lyg\u012f.<\/p>\n<p>Durys gali b\u016bti viengubos arba dvigubos, o j\u0173 pavir\u0161i\u0173 galima dengti spalvine danga, pritaikyta prie j\u016bs\u0173 objekto dizaino.<\/p>\n<\/div>\r\n                                                                                        <!-- Hidden full text for the popup -->\r\n                                            <div id=\"popup-1\" class=\"mfp-hide full-text-popup\">\r\n                                                <h2 class=\"text-3xl sm:text-5xl font-medium mb-14\">Varstomos durys  <\/h2>\r\n                                                <div class=\"font-body text-xl md:text-2xl\"><p>M\u016bs\u0173 lengvos varstomos durys sukurtos skland\u017eiam veikimui ir ilgaam\u017ei\u0161kumui. Auk\u0161tos kokyb\u0117s vyriai ma\u017eina apkrov\u0105 konstrukcijai ir kartu i\u0161laiko auk\u0161t\u0105 saugumo lyg\u012f.<\/p>\n<p>Durys gali b\u016bti viengubos arba dvigubos, o j\u0173 pavir\u0161i\u0173 galima dengti spalvine danga, pritaikyta prie j\u016bs\u0173 objekto dizaino.<\/p>\n<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                                                                                        <div class=\"accordion-item cursor-pointer text-gray-500\" data-accordion-index=\"2\">\r\n                                        <div class=\"relative heading\">\r\n                                            <div class=\"block relative\">\r\n                                                <h4 class=\"accordion-title lg:text-4xl text-3xl\">Roll-up durys  <\/h4>\r\n                                                <div class=\"progress-bar-container\">\r\n                                                    <div class=\"progress-bar\"><\/div> <!-- Animated progress bar filling up -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"accordion-content relative content\" style=\"display: none;\">\r\n                                            <div class=\"text-lg mt-12 max-10-lines text-gray-600 mb-6 truncated-text\"><p>M\u016bs\u0173 skardin\u0117s roll-up durys pritaikomos \u012fvairi\u0173 dyd\u017ei\u0173 sand\u0117liuk\u0173 patalpoms. Sukurtos ilgaam\u017ei\u0161kumui ir patogiam naudojimui, jos greitai sumontuojamos, o spalvas galima parinkti pagal j\u016bs\u0173 prek\u0117s \u017eenkl\u0105 \u2013 tai u\u017etikrina saug\u0173 ir patikim\u0105 sprendim\u0105.<\/p>\n<\/div>\r\n                                                                                        <!-- Hidden full text for the popup -->\r\n                                            <div id=\"popup-2\" class=\"mfp-hide full-text-popup\">\r\n                                                <h2 class=\"text-3xl sm:text-5xl font-medium mb-14\">Roll-up durys  <\/h2>\r\n                                                <div class=\"font-body text-xl md:text-2xl\"><p>M\u016bs\u0173 skardin\u0117s roll-up durys pritaikomos \u012fvairi\u0173 dyd\u017ei\u0173 sand\u0117liuk\u0173 patalpoms. Sukurtos ilgaam\u017ei\u0161kumui ir patogiam naudojimui, jos greitai sumontuojamos, o spalvas galima parinkti pagal j\u016bs\u0173 prek\u0117s \u017eenkl\u0105 \u2013 tai u\u017etikrina saug\u0173 ir patikim\u0105 sprendim\u0105.<\/p>\n<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"w-full lg:w-2\/5 max-height-600 px-4 accordion-image\">\r\n                                                                                                        <img decoding=\"async\" class=\"block w-full h-full object-cover accordion-photo\"\r\n                                     data-accordion-index=\"1\"\r\n                                     src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Ostre-Aker-vei-205-Oslo-1.webp\"\r\n                                     alt=\"\"\/>\r\n                                                                                                                <img decoding=\"async\" class=\"block w-full h-full object-cover accordion-photo\"\r\n                                     data-accordion-index=\"2\"\r\n                                     src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/roll.webp\"\r\n                                     alt=\"\"\/>\r\n                                                                                        <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n  <div class=\"container\">\n    <div class=\"flex flex-wrap items-end mb-12 -mx-4\">\n      <div class=\"w-full md:w-1\/2 px-4 mb-12 md:mb-0\">\n        <h1 class=\"font-heading text-4xl sm:text-6xl mb-4\"><\/h1>\n      <\/div>\n      <div class=\"w-full md:w-1\/2 px-4 mb-6\">\n        <div class=\"flex items-center justify-end\">\n          <p class=\"text-lg text-gray-500\"><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"cmp-filter-tabs container flex justify-end mb-6\">\n              <button class=\"cmp-tab active\" data-target=\"cmp-block-1\">\n          Varstomos durys        <\/button>\n              <button class=\"cmp-tab \" data-target=\"cmp-block-2\">\n          Roll-up durys        <\/button>\n          <\/div>\n  \n        <div id=\"cmp-block-1\" class=\"cmp-block cmp-wrap container \">\n        <!-- HEADER ROW -->\n        <div class=\"cmp-row cmp-header\">\n          <div class=\"cmp-cell cmp-label sticky-col\"><\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-10.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Varstomos durys<\/div>\n                <div class=\"subtitle\">Viengubos. \u012egilintos<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Ostre-Aker-vei-215-16-copy.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Varstomos durys<\/div>\n                <div class=\"subtitle\">Viengubos. Lygios<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen23-min-scaled.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Varstomos durys<\/div>\n                <div class=\"subtitle\">Dvigubos. Lygios<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Bjorkelangen24-scaled.webp\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Varstomos durys<\/div>\n                <div class=\"subtitle\">Dvigubos. Sulankstomos <\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Trondheim120-1.webp\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Varstomos durys<\/div>\n                <div class=\"subtitle\">Individualus dizainas<\/div>\n              <\/div>\n                  <\/div>\n\n        <!-- DATA ROWS -->\n                    <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Modelis<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-R \u012eleid\u017eiamos vienv\u0117r\u0117s varstomos durys<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-F Viengubos varstomos durys, plok\u0161\u010dios<\/div>\n                                <div class=\"cmp-cell text-lg\">SDD-S Dvigubos varstomos durys<\/div>\n                                <div class=\"cmp-cell text-lg\">SDD-F Dvigubos varstomos durys sulankstomos<\/div>\n                                <div class=\"cmp-cell text-lg\">SSD-2000<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Konfig\u016bracija<\/div>\n                                <div class=\"cmp-cell text-lg\">Vienv\u0117r\u0117s<\/div>\n                                <div class=\"cmp-cell text-lg\">Vienv\u0117r\u0117s<\/div>\n                                <div class=\"cmp-cell text-lg\">Dviv\u0117r\u0117s<\/div>\n                                <div class=\"cmp-cell text-lg\">Dviv\u0117r\u0117s<\/div>\n                                <div class=\"cmp-cell text-lg\">Dviv\u0117r\u0117s<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Plotis, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">750, 1000, 1200<\/div>\n                                <div class=\"cmp-cell text-lg\">750, 1000, 1200<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000<\/div>\n                                <div class=\"cmp-cell text-lg\">2000<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Auk\u0161tis, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Storis, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                                <div class=\"cmp-cell text-lg\">42<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Med\u017eiaga, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                                <div class=\"cmp-cell text-lg\">0,6<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Tipas<\/div>\n                                <div class=\"cmp-cell text-lg\">\u012eleid\u017eiamos<\/div>\n                                <div class=\"cmp-cell text-lg\">Lygios<\/div>\n                                <div class=\"cmp-cell text-lg\">Lygios, \u012fleid\u017eiamos<\/div>\n                                <div class=\"cmp-cell text-lg\">Lygios, \u012fleid\u017eiamos<\/div>\n                                <div class=\"cmp-cell text-lg\">Lygios, \u012fleid\u017eiamos<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Spynos tipas<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Apdaila<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">GreenCoat Pular BT<\/div>\n                          <\/div>\n                <\/div>\n        <div id=\"cmp-block-2\" class=\"cmp-block cmp-wrap container cmp-hidden\">\n        <!-- HEADER ROW -->\n        <div class=\"cmp-row cmp-header\">\n          <div class=\"cmp-cell cmp-label sticky-col\"><\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/09\/Kampenesmosen-27-Borgenhaugen-20-uten-logo.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Roll-up durys<\/div>\n                <div class=\"subtitle\">Gofruotos<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Trondheim56.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Roll-up durys<\/div>\n                <div class=\"subtitle\">Lygios<\/div>\n              <\/div>\n                        <div class=\"cmp-cell cmp-header-cell sticky-header\">\n                                    <div class=\"item-image\">\n                      <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2024\/10\/Roll-up-doors.jpg\" \n                           alt=\"\" \n                           style=\"max-width:100%; height:auto;\" \/>\n                    <\/div>\n                                <div class=\"title\">Roll-up durys<\/div>\n                <div class=\"subtitle\">Individualus dizainas<\/div>\n              <\/div>\n                  <\/div>\n\n        <!-- DATA ROWS -->\n                    <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Modelis<\/div>\n                                <div class=\"cmp-cell text-lg\">RDD-Gofruotos<\/div>\n                                <div class=\"cmp-cell text-lg\">RDD-Plok\u0161\u010dios<\/div>\n                                <div class=\"cmp-cell text-lg\">Individualus. Dizain\u0105 ir dyd\u012f galima pritaikyti<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Plotis, mm\u200b<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000, 2500<\/div>\n                                <div class=\"cmp-cell text-lg\">1500, 2000, 2500<\/div>\n                                <div class=\"cmp-cell text-lg\">From 1000-2500<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Auk\u0161tis, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">2100, 2300<\/div>\n                                <div class=\"cmp-cell text-lg\">From 2100-2300<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Med\u017eiaga, mm<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                                <div class=\"cmp-cell text-lg\">0,5<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Spynos tipas<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                                <div class=\"cmp-cell text-lg\">Mechanin\u0117 \/ elektronin\u0117<\/div>\n                          <\/div>\n                      <div class=\"cmp-row\">\n              <div class=\"cmp-cell cmp-label sticky-col\">Apdaila<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                                <div class=\"cmp-cell text-lg\">Green Coat \u2013 Pular BT<\/div>\n                          <\/div>\n                <\/div>\n  \n<!-- Toggle Button for Mobile (if needed; controlled by comparison-block.js) -->\n<div class=\"toggle-container mb-12\">\n  <a href=\"#\" id=\"toggle-details\" class=\"button-accent hover-black\">Rodyti detales<\/a>\n<\/div>\n\n<style>\n  \/* Your existing CSS remains intact *\/\n  .cmp-row {\n    display: flex;\n  }\n  .cmp-row:last-child {\n    border-bottom: none;\n  }\n  .cmp-cell {\n    padding: 7px 12px;\n    white-space: nowrap;\n    text-align: center;\n    box-sizing: border-box;\n  }\n  .cmp-label {\n    flex: 0 0 250px;\n    text-align: left;\n    font-weight: 600;\n    background: #fff;\n  }\n  .cmp-cell:not(.cmp-label) {\n    flex: 0 0 calc((92vw - 250px) \/ 3);\n  }\n  .cmp-row > .cmp-cell:not(.cmp-label):nth-child(odd) {\n    background-color: #fff;\n    border-bottom: 1px solid #eee;\n  }\n  .cmp-row > .cmp-cell:not(.cmp-label):nth-child(even) {\n    background-color: #f9f9f9;\n    border-bottom: 1px solid #eee;\n  }\n  .sticky-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: #fafafa;\n  }\n  .sticky-col {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: #fff;\n    border-bottom: 1px solid #eee;\n  }\n  .cmp-header .sticky-col {\n    z-index: 4;\n  }\n  .title {\n    font-weight: 600;\n  }\n  .subtitle {\n    font-size: 0.9em;\n    color: #666;\n    margin-top: 0.25em;\n  }\n  .item-image {\n    height: 300px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n  .item-image img {\n    max-height: 100%;\n    max-width: 100%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n  }\n  \/* The following rules are used by comparison-block.js to toggle meta data *\/\n  .cmp-wrap.hide-values .cmp-row:not(.cmp-header) {\n    display: none;\n  }\n  .cmp-wrap.hide-values .sticky-col {\n    visibility: hidden;\n  }\n  .cmp-wrap.hide-values .cmp-header {\n    border-bottom: none;\n  }\n  \n  \/* Extra CSS for tab filtering using our separate class *\/\n  .cmp-hidden {\n    display: none;\n  }\n  .cmp-filter-tabs button {\n    padding: 8px 16px;\n    margin: 0 4px;\n    background: #eee;\n    border-radius: 4px;\n    border: none;\n    cursor: pointer;\n    font-size: 1rem;\n    transition: background 0.3s;\n  }\n  .cmp-filter-tabs button.active,\n  .cmp-filter-tabs button:hover {\n    background: #CBE800;\n    color: #000;\n  }\n  \n  .toggle-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 30px;\n  }\n  .cmp-wrap {\n    width: 92%;\n    margin: 0 auto;\n    max-width: 1920px !important;\n    padding: 0 !important;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n  }\n\n  @media (max-width: 767px) {\n  .cmp-wrap {\n    width: 100%;\n    overflow-x: auto;\n    \/* Reduce overall table scale *\/\n    font-size: 0.8em; \/* Adjust as needed *\/\n    padding: 0 5px;\n  }\n  \n  \/* Adjust the label column width *\/\n  .cmp-label {\n    flex: 0 0 150px; \/* Reduced from 250px *\/\n  }\n  \n  \/* Adjust the other columns relative to available width *\/\n  .cmp-cell:not(.cmp-label) {\n    flex: 0 0 228px;\n    \/* Subtract extra px for padding\/margin if needed *\/\n  }\n  \n  \/* Optionally reduce cell padding *\/\n  .cmp-cell {\n    padding: 5px 8px;\n    font-size: 12px; \/* Slightly smaller font size *\/\n  }\n  \n  \/* Keep rows in a flex layout *\/\n  .cmp-row {\n    display: flex;\n    width: fit-content;\n    \/* You may want to allow wrapping if content is too long *\/\n    flex-wrap: nowrap;\n  }\n}\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n    \/\/ Filtering Tabs Functionality using the cmp-hidden class\n    const tabs = document.querySelectorAll('.cmp-filter-tabs .cmp-tab');\n    const blocks = document.querySelectorAll('.cmp-block');\n    tabs.forEach(tab => {\n      tab.addEventListener('click', function () {\n        \/\/ Remove active state from all tabs\n        tabs.forEach(t => t.classList.remove('active'));\n        \/\/ Add active state to the clicked tab\n        this.classList.add('active');\n        const target = this.getAttribute('data-target');\n        \/\/ Hide all blocks using cmp-hidden and show only the target block\n        blocks.forEach(block => {\n          if (block.id === target) {\n            block.classList.remove('cmp-hidden');\n          } else {\n            block.classList.add('cmp-hidden');\n          }\n        });\n        \n        \/\/ Reset the details state for the newly active block:\n        \/\/ Ensure meta data (detail rows) are hidden by adding \"hide-values\"\n        const activeBlock = document.querySelector(`#${target}`);\n        if (activeBlock) {\n          activeBlock.classList.add('hide-values');\n        }\n        \n        \/\/ Also reset the toggle button text to \"Show details\"\n        \/\/ (Adjust this text if you support multiple languages)\n        const toggleButton = document.querySelector('#toggle-details');\n        if (toggleButton) {\n          toggleButton.textContent = 'Show details';\n        }\n      });\n    });\n  });\n<\/script>\n\n\n<section id=\"spalvos\" class=\"image-color-changing-block pt-18 pb-12 lg:pb-0 lg:pt-0\">\r\n    <div class=\"container-right\">\r\n        <div class=\"left\">\r\n            <div class=\"wrap\">\r\n                                                                                <div class=\"type-section\" id=\"type-0\"\r\n                            style=\"display: block;\">\r\n                                                                                                                                <div class=\"splide main-slider\" id=\"main-slider-0-0\"\r\n                                        data-color-index=\"0-0\"\r\n                                        style=\"display: block;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_White.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-0\"\r\n                                        data-color-index=\"0-0\"\r\n                                        style=\"display: block;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_White-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-1\"\r\n                                        data-color-index=\"0-1\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_S4S_Full-color_Aluzinc.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-1\"\r\n                                        data-color-index=\"0-1\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_S4S_Full-color_Aluzinc-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-2\"\r\n                                        data-color-index=\"0-2\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Stone-Grey.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-2\"\r\n                                        data-color-index=\"0-2\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Stone-Grey-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-3\"\r\n                                        data-color-index=\"0-3\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Agate-Grey.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-3\"\r\n                                        data-color-index=\"0-3\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Agate-Grey-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-4\"\r\n                                        data-color-index=\"0-4\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Mountain-Grey.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-4\"\r\n                                        data-color-index=\"0-4\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Mountain-Grey-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-5\"\r\n                                        data-color-index=\"0-5\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Nordic-Light-Black.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-5\"\r\n                                        data-color-index=\"0-5\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Nordic-Light-Black-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-6\"\r\n                                        data-color-index=\"0-6\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Aztec-Yellow.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-6\"\r\n                                        data-color-index=\"0-6\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Aztec-Yellow-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-7\"\r\n                                        data-color-index=\"0-7\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Saffron-Yellow.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-7\"\r\n                                        data-color-index=\"0-7\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Saffron-Yellow-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-8\"\r\n                                        data-color-index=\"0-8\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Tangerine-Orange.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-8\"\r\n                                        data-color-index=\"0-8\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Tangerine-Orange-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-9\"\r\n                                        data-color-index=\"0-9\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Pure-Orange.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-9\"\r\n                                        data-color-index=\"0-9\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Pure-Orange-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-10\"\r\n                                        data-color-index=\"0-10\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Poppy-Red.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-10\"\r\n                                        data-color-index=\"0-10\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Poppy-Red-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-11\"\r\n                                        data-color-index=\"0-11\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Patriot-Red.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-11\"\r\n                                        data-color-index=\"0-11\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Patriot-Red-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-12\"\r\n                                        data-color-index=\"0-12\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Yellow-Green.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-12\"\r\n                                        data-color-index=\"0-12\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Yellow-Green-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-13\"\r\n                                        data-color-index=\"0-13\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Ocean-Blue.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-13\"\r\n                                        data-color-index=\"0-13\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Ocean-Blue-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-14\"\r\n                                        data-color-index=\"0-14\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Solent-blue.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-14\"\r\n                                        data-color-index=\"0-14\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Solent-blue-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-15\"\r\n                                        data-color-index=\"0-15\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Ultramarine-Blue.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-15\"\r\n                                        data-color-index=\"0-15\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Ultramarine-Blue-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-0-16\"\r\n                                        data-color-index=\"0-16\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Navy-Blue.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-0-16\"\r\n                                        data-color-index=\"0-16\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/09\/S4S_Full-color_Navy-Blue-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                                        <\/div>\r\n                                                                    <div class=\"type-section\" id=\"type-1\"\r\n                            style=\"display: none;\">\r\n                                                                                                                                <div class=\"splide main-slider\" id=\"main-slider-1-0\"\r\n                                        data-color-index=\"1-0\"\r\n                                        style=\"display: block;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_White.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-0\"\r\n                                        data-color-index=\"1-0\"\r\n                                        style=\"display: block;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_White-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-1\"\r\n                                        data-color-index=\"1-1\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Zinc-4.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-1\"\r\n                                        data-color-index=\"1-1\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Zinc-4-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-2\"\r\n                                        data-color-index=\"1-2\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Stone-Grey-4.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-2\"\r\n                                        data-color-index=\"1-2\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Stone-Grey-4-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-3\"\r\n                                        data-color-index=\"1-3\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Agate-Grey-4-1.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-3\"\r\n                                        data-color-index=\"1-3\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Agate-Grey-4-1-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-4\"\r\n                                        data-color-index=\"1-4\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Mountain-Grey-4-1.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-4\"\r\n                                        data-color-index=\"1-4\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Mountain-Grey-4-1-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-5\"\r\n                                        data-color-index=\"1-5\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Nordic-Light-Black-1.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-5\"\r\n                                        data-color-index=\"1-5\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Nordic-Light-Black-1-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-6\"\r\n                                        data-color-index=\"1-6\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Aztec-Yellow-4.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-6\"\r\n                                        data-color-index=\"1-6\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Aztec-Yellow-4-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-7\"\r\n                                        data-color-index=\"1-7\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Saffron-Yellow.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-7\"\r\n                                        data-color-index=\"1-7\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Saffron-Yellow-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-8\"\r\n                                        data-color-index=\"1-8\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Tangerine-Orange.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-8\"\r\n                                        data-color-index=\"1-8\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Tangerine-Orange-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-9\"\r\n                                        data-color-index=\"1-9\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-ORANGE-Low-1.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-9\"\r\n                                        data-color-index=\"1-9\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-ORANGE-Low-1-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-10\"\r\n                                        data-color-index=\"1-10\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Poppy-Red-4.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-10\"\r\n                                        data-color-index=\"1-10\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Poppy-Red-4-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-11\"\r\n                                        data-color-index=\"1-11\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Patriot-Red.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-11\"\r\n                                        data-color-index=\"1-11\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Patriot-Red-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-12\"\r\n                                        data-color-index=\"1-12\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/07\/Doors-Green-1.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-12\"\r\n                                        data-color-index=\"1-12\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/07\/Doors-Green-1-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-13\"\r\n                                        data-color-index=\"1-13\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Ocean-Blue-4-2.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-13\"\r\n                                        data-color-index=\"1-13\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Doors-Ocean-Blue-4-2-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-14\"\r\n                                        data-color-index=\"1-14\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Trondheim33.-Light-blue-scaled.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-14\"\r\n                                        data-color-index=\"1-14\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Trondheim33.-Light-blue-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-15\"\r\n                                        data-color-index=\"1-15\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Ultramarine-Blue.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-15\"\r\n                                        data-color-index=\"1-15\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Door_Frame_Ultramarine-Blue-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"splide main-slider\" id=\"main-slider-1-16\"\r\n                                        data-color-index=\"1-16\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Trondheim33-Dark-blue-small.jpg\"\r\n                                                                alt=\"\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"splide thumbnail-slider\"\r\n                                        id=\"thumbnail-slider-1-16\"\r\n                                        data-color-index=\"1-16\"\r\n                                        style=\"display: none;\">\r\n                                        <div class=\"splide__track\">\r\n                                            <ul class=\"splide__list\">\r\n                                                                                                                                                            <li class=\"splide__slide\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/s4snordic.com\/wp-content\/uploads\/2025\/10\/Trondheim33-Dark-blue-small-150x150.jpg\"\r\n                                                                alt=\"\"\r\n                                                                style=\"width: 100px; height: 100px;\">\r\n                                                        <\/li>\r\n                                                                                                                                                <\/ul>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                                                                                                        <\/div>\r\n                                                                        <\/div>\r\n        <\/div>\r\n        <div class=\"right\">\r\n            <h5 class=\"text-3xl font-medium mb-8 \">Auk\u0161\u010diausios kokyb\u0117s durys su tvaria, auk\u0161tos kokyb\u0117s apdaila<\/h5>\r\n                        <div class=\"type-tabs mb-8\">\r\n                                                        <a class=\"button-accent hover-black type-tab active\"\r\n                        data-type-index=\"0\">\r\n                        Pilnai dengta spalva                    <\/a>\r\n                                                                            <a class=\"button-accent hover-black type-tab \"\r\n                        data-type-index=\"1\">\r\n                        R\u0117meliai                    <\/a>\r\n                                                <\/div>\r\n            <div class=\"learn-more-button mb-8\">\r\n                            <\/div>\r\n            <div class=\"color-code\">\r\n                <p class=\"font-bold text-2xl\" id=\"color-title\"><\/p>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"colors-list\">\r\n                                                                                <div class=\"color-section\" id=\"color-section-0\"\r\n                            style=\"display: flex;\">\r\n                                                                                                                                <div class=\"single\" data-slider-index=\"0-0\">\r\n                                        <span style=\"background-color: #f4f4f3\"\r\n                                            data-color-title=\"White\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-1\">\r\n                                        <span style=\"background-color: #bac4c8\"\r\n                                            data-color-title=\"Aluzinc\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-2\">\r\n                                        <span style=\"background-color: #939388\"\r\n                                            data-color-title=\"Stone Grey\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-3\">\r\n                                        <span style=\"background-color: #b0aaa1\"\r\n                                            data-color-title=\"Agate Grey\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-4\">\r\n                                        <span style=\"background-color: #353c40\"\r\n                                            data-color-title=\"Mountain Grey\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-5\">\r\n                                        <span style=\"background-color: #0a0a0a\"\r\n                                            data-color-title=\"Nordic Light Black\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-6\">\r\n                                        <span style=\"background-color: #f2cb21\"\r\n                                            data-color-title=\"Aztec Yellow\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-7\">\r\n                                        <span style=\"background-color: #f4c430\"\r\n                                            data-color-title=\"Saffron Yellow\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-8\">\r\n                                        <span style=\"background-color: #f28500\"\r\n                                            data-color-title=\"Tangerine Orange\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-9\">\r\n                                        <span style=\"background-color: #ffa500\"\r\n                                            data-color-title=\"Pure Orange\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-10\">\r\n                                        <span style=\"background-color: #bb1e10\"\r\n                                            data-color-title=\"Poppy Red\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-11\">\r\n                                        <span style=\"background-color: #c8032b\"\r\n                                            data-color-title=\"Patriot Red\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-12\">\r\n                                        <span style=\"background-color: #61993b\"\r\n                                            data-color-title=\"Linden Green\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-13\">\r\n                                        <span style=\"background-color: #057577\"\r\n                                            data-color-title=\"Ocean Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-14\">\r\n                                        <span style=\"background-color: #007cb0\"\r\n                                            data-color-title=\"Solent Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-15\">\r\n                                        <span style=\"background-color: #0437f2\"\r\n                                            data-color-title=\"Ultramarine Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"0-16\">\r\n                                        <span style=\"background-color: #00387b\"\r\n                                            data-color-title=\"Navy Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                                        <\/div>\r\n                                                                    <div class=\"color-section\" id=\"color-section-1\"\r\n                            style=\"display: none;\">\r\n                                                                                                                                <div class=\"single\" data-slider-index=\"1-0\">\r\n                                        <span style=\"background-color: #ffffff\"\r\n                                            data-color-title=\"White\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-1\">\r\n                                        <span style=\"background-color: #bac4c8\"\r\n                                            data-color-title=\"Aluzinc\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-2\">\r\n                                        <span style=\"background-color: #939388\"\r\n                                            data-color-title=\"Stone Grey\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-3\">\r\n                                        <span style=\"background-color: #b0aaa1\"\r\n                                            data-color-title=\"Agate Grey\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-4\">\r\n                                        <span style=\"background-color: #353c40\"\r\n                                            data-color-title=\"Mountain Grey\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-5\">\r\n                                        <span style=\"background-color: #0a0a0a\"\r\n                                            data-color-title=\"Nordic Light Black\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-6\">\r\n                                        <span style=\"background-color: #f7b500\"\r\n                                            data-color-title=\"Aztec Yellow\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-7\">\r\n                                        <span style=\"background-color: #f4c430\"\r\n                                            data-color-title=\"Saffron Yellow\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-8\">\r\n                                        <span style=\"background-color: #f28500\"\r\n                                            data-color-title=\"Tangerine Orange\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-9\">\r\n                                        <span style=\"background-color: #ffa500\"\r\n                                            data-color-title=\"Pure Orange\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-10\">\r\n                                        <span style=\"background-color: #bb1e10\"\r\n                                            data-color-title=\"Poppy Red\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-11\">\r\n                                        <span style=\"background-color: #c8032b\"\r\n                                            data-color-title=\"Patriot Red\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-12\">\r\n                                        <span style=\"background-color: #61993b\"\r\n                                            data-color-title=\"Linden Green\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-13\">\r\n                                        <span style=\"background-color: #057577\"\r\n                                            data-color-title=\"Ocean Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-14\">\r\n                                        <span style=\"background-color: #007cb0\"\r\n                                            data-color-title=\"Solent Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-15\">\r\n                                        <span style=\"background-color: #0437f2\"\r\n                                            data-color-title=\"Ultramarine Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                        <div class=\"single\" data-slider-index=\"1-16\">\r\n                                        <span style=\"background-color: #00387b\"\r\n                                            data-color-title=\"Navy Blue\"><\/span>\r\n                                    <\/div>\r\n                                                                                                                        <\/div>\r\n                                                                        <\/div>\r\n                        <div class=\"cta-button mt-12\">\r\n                <a href=\"https:\/\/s4snordic.com\/lt\/kontaktai\/#main-form\"\r\n                    class=\"button-accent hover-black\">U\u017esisakykite spalv\u0173 pavyzd\u017eius<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- \r\n        <div class=\"container\">\r\n            <div class=\"text\">\r\n                <p>Visos m\u016bs\u0173 varstomos ir roll-up durys gaminamos i\u0161 auk\u0161tos kokyb\u0117s \u0161iaurieti\u0161kos skardos, dengto \u201eSSAB GreenCoat\u00ae Pural BT&#8221; spalvota danga, sukurta specialiai statyb\u0173 sektoriui. \u0160i biologin\u0117s technologijos (BT) danga, kurioje dalis tradicin\u0117s i\u0161kastin\u0117s naftos pakeista \u0161vedi\u0161ku raps\u0173 aliejumi, yra vienintel\u0117 rinkoje, kurios sud\u0117tyje yra daug biologi\u0161kai atsinaujinan\u010di\u0173 med\u017eiag\u0173, ir 100 % perdirbama.<\/p>\n<p>M\u016bs\u0173 produktus galima \u012fsigyti su \u012fprasta apdaila. Galite rinktis m\u016bs\u0173 si\u016blom\u0105 spalv\u0105 su standartiniu pristatymo terminu arba pasirinkti i\u0161 platesnio spalv\u0173 asortimento, kurio pristatymo terminas siekia iki 10 savai\u010di\u0173.<\/p>\n                  \r\n            <\/div>\r\n        <\/div>\r\n        -->\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        const typeTabs = document.querySelectorAll('.type-tab');\r\n        const typeSections = document.querySelectorAll('.type-section');\r\n        const colorSections = document.querySelectorAll('.color-section');\r\n        const sliders = document.querySelectorAll('.main-slider');\r\n        const colorItems = document.querySelectorAll('.colors-list .single');\r\n        const colorTitleElement = document.getElementById('color-title');\r\n\r\n        \/\/ Handle type tab switching\r\n        typeTabs.forEach((tab) => {\r\n            tab.addEventListener('click', function () {\r\n                const typeIndex = this.dataset.typeIndex;\r\n\r\n                \/\/ Hide all type sections and color sections\r\n                typeSections.forEach((section) => section.style.display = 'none');\r\n                colorSections.forEach((section) => section.style.display = 'none');\r\n\r\n                \/\/ Show the selected type section and color section\r\n                document.querySelector(`#type-${typeIndex}`).style.display = 'block';\r\n                document.querySelector(`#color-section-${typeIndex}`).style.display = 'flex';\r\n\r\n                \/\/ Highlight the selected tab\r\n                typeTabs.forEach((tab) => tab.classList.remove('active'));\r\n                this.classList.add('active');\r\n\r\n                \/\/ Activate the first color in the selected type section\r\n                const firstColorItem = document.querySelector(`#color-section-${typeIndex} .single`);\r\n                if (firstColorItem) {\r\n                    const sliderIndex = firstColorItem.dataset.sliderIndex;\r\n\r\n                    \/\/ Hide all sliders\r\n                    sliders.forEach((slider) => slider.style.display = 'none');\r\n\r\n                    \/\/ Show the slider corresponding to the first color\r\n                    document.querySelector(`#main-slider-${sliderIndex}`).style.display = 'block';\r\n\r\n                    \/\/ Update the color title\r\n                    const colorTitle = firstColorItem.querySelector('span').dataset.colorTitle;\r\n                    colorTitleElement.textContent = colorTitle;\r\n\r\n                    \/\/ Highlight the first color button\r\n                    colorItems.forEach((item) => item.classList.remove('active'));\r\n                    firstColorItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Initialize Splide main sliders (without thumbnails)\r\n        sliders.forEach((slider) => {\r\n            \/\/ Count visible slides in this slider\r\n            const slideCount = slider.querySelectorAll('.splide__slide').length;\r\n            const mainSlider = new Splide(`#${slider.id}`, {\r\n                type: 'slide',\r\n                perPage: 1,\r\n                pagination: true,\r\n                arrows: slideCount > 1, \/\/ Only enable arrows if more than one slide exists\r\n            });\r\n\r\n            mainSlider.mount();\r\n        });\r\n\r\n        \/\/ Set initial color title\r\n        const initialColorTitle = colorItems[0].querySelector('span').dataset.colorTitle;\r\n        colorTitleElement.textContent = initialColorTitle;\r\n\r\n        \/\/ Add click event listener to each color item\r\n        colorItems.forEach((item) => {\r\n            item.addEventListener('click', function () {\r\n                const sliderIndex = this.dataset.sliderIndex;\r\n\r\n                \/\/ Hide all sliders\r\n                sliders.forEach((slider) => slider.style.display = 'none');\r\n\r\n                \/\/ Show the slider corresponding to the clicked color\r\n                document.querySelector(`#main-slider-${sliderIndex}`).style.display = 'block';\r\n\r\n                \/\/ Update the color title\r\n                const colorTitle = this.querySelector('span').dataset.colorTitle;\r\n                colorTitleElement.textContent = colorTitle;\r\n\r\n                \/\/ Highlight the selected color button\r\n                colorItems.forEach((item) => item.classList.remove('active'));\r\n                this.classList.add('active');\r\n            });\r\n        });\r\n    });\r\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Efektyvus, kei\u010diamo dyd\u017eio, optimizuotas pagal erdv\u0119.<\/p>\n","protected":false},"author":1,"featured_media":8455,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8453","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/pages\/8453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/comments?post=8453"}],"version-history":[{"count":10,"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/pages\/8453\/revisions"}],"predecessor-version":[{"id":10256,"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/pages\/8453\/revisions\/10256"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/media\/8455"}],"wp:attachment":[{"href":"https:\/\/s4snordic.com\/lt\/wp-json\/wp\/v2\/media?parent=8453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}