{"id":1435,"date":"2020-08-15T01:14:57","date_gmt":"2020-08-15T01:14:57","guid":{"rendered":"https:\/\/ldcellulose.com\/home\/"},"modified":"2026-01-12T03:20:52","modified_gmt":"2026-01-12T03:20:52","slug":"landu-new-material-cellulose-ethers-hpmc-hec-hemc","status":"publish","type":"page","link":"https:\/\/ldcellulose.com\/sk","title":{"rendered":"Domov"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1435\" class=\"elementor elementor-1435\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-870bf50 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"870bf50\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ddb828\" data-id=\"0ddb828\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10f19ba elementor-widget elementor-widget-html\" data-id=\"10f19ba\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Professional Banner Section Start -->\r\n<section class=\"professional-banner-section\" style=\"    padding: 120px 20px;    background:         linear-gradient(135deg,             #1e3a8a 0%,             #1e40af 25%,            #2563eb 50%,            #1e40af 75%,            #1e3a8a 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Gradient Overlay -->\r\n    <div class=\"professional-gradient-overlay\"><\/div>\r\n    \r\n    <!-- Light Rays -->\r\n    <div class=\"professional-light-rays\">\r\n        <div class=\"professional-ray\" style=\"left: 20%; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-ray\" style=\"left: 50%; animation-delay: 1s;\"><\/div>\r\n        <div class=\"professional-ray\" style=\"left: 80%; animation-delay: 2s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Floating Circles -->\r\n    <div class=\"professional-floating-circles\">\r\n        <div class=\"professional-circle\" style=\"left: 10%; top: 15%; width: 80px; height: 80px; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 85%; top: 20%; width: 60px; height: 60px; animation-delay: 1s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 15%; top: 75%; width: 70px; height: 70px; animation-delay: 2s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 90%; top: 80%; width: 50px; height: 50px; animation-delay: 1.5s;\"><\/div>\r\n        <div class=\"professional-circle\" style=\"left: 50%; top: 10%; width: 40px; height: 40px; animation-delay: 0.5s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bokeh Effect -->\r\n    <div class=\"professional-bokeh\">\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 15%; top: 25%; width: 200px; height: 200px; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 80%; top: 20%; width: 150px; height: 150px; animation-delay: 1.5s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 25%; top: 70%; width: 120px; height: 120px; animation-delay: 3s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 75%; top: 75%; width: 180px; height: 180px; animation-delay: 2s;\"><\/div>\r\n        <div class=\"professional-bokeh-circle\" style=\"left: 50%; top: 40%; width: 100px; height: 100px; animation-delay: 1s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Sparkles -->\r\n    <div class=\"professional-sparkles-container\">\r\n        <div class=\"professional-sparkle-point\" style=\"left: 12%; top: 20%; animation-delay: 0s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 88%; top: 25%; animation-delay: 0.7s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 20%; top: 60%; animation-delay: 1.4s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 80%; top: 65%; animation-delay: 0.3s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 50%; top: 15%; animation-delay: 1s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 8%; top: 75%; animation-delay: 1.8s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 92%; top: 55%; animation-delay: 0.5s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 35%; top: 35%; animation-delay: 1.2s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 65%; top: 80%; animation-delay: 0.9s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 25%; top: 45%; animation-delay: 0.4s;\"><\/div>\r\n        <div class=\"professional-sparkle-point\" style=\"left: 75%; top: 50%; animation-delay: 1.6s;\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Refined Frame -->\r\n    <div class=\"professional-refined-frame\">\r\n        <div class=\"professional-frame-corner professional-frame-tl\"><\/div>\r\n        <div class=\"professional-frame-corner professional-frame-tr\"><\/div>\r\n        <div class=\"professional-frame-corner professional-frame-bl\"><\/div>\r\n        <div class=\"professional-frame-corner professional-frame-br\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Banner Content -->\r\n        <div class=\"professional-banner-content\">\r\n            \r\n            <!-- Top Ornament -->\r\n            <div class=\"professional-top-ornament\">\r\n                <div class=\"professional-ornament-line\"><\/div>\r\n                <div class=\"professional-ornament-jewel\">\r\n                    <div class=\"professional-jewel-inner\"><\/div>\r\n                <\/div>\r\n                <div class=\"professional-ornament-line\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Main Message -->\r\n            <h2 class=\"professional-banner-title\">\r\n                <span class=\"professional-title-line professional-title-line-1\">V\u00fdnimo\u010dnos\u0165 v stavebn\u00edctve<\/span>\r\n                <span class=\"professional-title-line professional-title-line-2\">Spolu s<\/span>\r\n                <span class=\"professional-title-featured\">LANDU<\/span>\r\n            <\/h2>\r\n            \r\n            <!-- Elegant Divider -->\r\n            <div class=\"professional-elegant-divider\">\r\n                <div class=\"professional-divider-jewel\"><\/div>\r\n                <div class=\"professional-divider-line\"><\/div>\r\n                <div class=\"professional-divider-jewel\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Message -->\r\n            <p class=\"professional-banner-message\">\r\n                V\u00e1\u0161 d\u00f4veryhodn\u00fd partner v <span class=\"professional-brand\">inov\u00e1ciu<\/span> a <span class=\"professional-brand\">kvalite<\/span>\r\n            <\/p>\r\n            \r\n            <!-- CTA Button -->\r\n            <div class=\"professional-cta-wrapper\">\r\n                <a href=\"https:\/\/landu-china.com\/en\/company\/\" target=\"_blank\" class=\"professional-cta-button\">\r\n                    <span class=\"professional-cta-background\"><\/span>\r\n                    <span class=\"professional-cta-border-glow\"><\/span>\r\n                    <span class=\"professional-cta-text\">Objavte n\u00e1\u0161 pr\u00edbeh<\/span>\r\n                    <span class=\"professional-cta-arrow\">\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <!-- Bottom Ornament -->\r\n            <div class=\"professional-bottom-ornament\">\r\n                <div class=\"professional-bottom-line\"><\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n    <!-- Ambient Glow Effect -->\r\n    <div class=\"professional-ambient-glow\"><\/div>\r\n<\/section>\r\n\r\n<!-- Professional Banner CSS Styles -->\r\n<style>\r\n\/* Gradient Overlay *\/\r\n.professional-gradient-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: \r\n        radial-gradient(ellipse at 30% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\r\n        radial-gradient(ellipse at 70% 70%, rgba(96, 165, 250, 0.12) 0%, transparent 50%),\r\n        radial-gradient(ellipse at 50% 50%, rgba(37, 99, 235, 0.12) 0%, transparent 60%);\r\n    z-index: 0;\r\n}\r\n\r\n\/* Light Rays *\/\r\n.professional-light-rays {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.professional-ray {\r\n    position: absolute;\r\n    top: -50%;\r\n    width: 150px;\r\n    height: 200%;\r\n    background: linear-gradient(to bottom,\r\n                transparent 0%,\r\n                rgba(59, 130, 246, 0.15) 30%,\r\n                rgba(59, 130, 246, 0.25) 50%,\r\n                rgba(59, 130, 246, 0.15) 70%,\r\n                transparent 100%);\r\n    transform: translateX(-50%) rotate(0deg);\r\n    filter: blur(30px);\r\n    animation: professionalRayPulse 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalRayPulse {\r\n    0%, 100% { \r\n        opacity: 0.3;\r\n        transform: translateX(-50%) rotate(-2deg);\r\n    }\r\n    50% { \r\n        opacity: 0.6;\r\n        transform: translateX(-50%) rotate(2deg);\r\n    }\r\n}\r\n\r\n\/* Floating Circles *\/\r\n.professional-floating-circles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.professional-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 30% 30%,\r\n                rgba(59, 130, 246, 0.3),\r\n                rgba(37, 99, 235, 0.15) 50%,\r\n                transparent 70%);\r\n    border: 2px solid rgba(59, 130, 246, 0.2);\r\n    animation: professionalCircleFloat 8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalCircleFloat {\r\n    0%, 100% {\r\n        transform: translate(0, 0) scale(1);\r\n        opacity: 0.4;\r\n    }\r\n    50% {\r\n        transform: translate(20px, -30px) scale(1.1);\r\n        opacity: 0.7;\r\n    }\r\n}\r\n\r\n\/* Bokeh Effect *\/\r\n.professional-bokeh {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.professional-bokeh-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 30% 30%, \r\n                rgba(59, 130, 246, 0.2), \r\n                rgba(37, 99, 235, 0.08) 50%,\r\n                transparent 70%);\r\n    filter: blur(40px);\r\n    animation: professionalBokehFloat 10s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalBokehFloat {\r\n    0%, 100% { \r\n        transform: translate(0, 0) scale(1);\r\n        opacity: 0.5;\r\n    }\r\n    50% { \r\n        transform: translate(30px, -30px) scale(1.15);\r\n        opacity: 0.8;\r\n    }\r\n}\r\n\r\n\/* Sparkles Container *\/\r\n.professional-sparkles-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.professional-sparkle-point {\r\n    position: absolute;\r\n    width: 3px;\r\n    height: 3px;\r\n    background: rgba(147, 197, 253, 1);\r\n    border-radius: 50%;\r\n    box-shadow: \r\n        0 0 12px rgba(147, 197, 253, 1),\r\n        0 0 24px rgba(147, 197, 253, 0.6);\r\n    animation: professionalSparkleGlow 3.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalSparkleGlow {\r\n    0%, 100% { \r\n        opacity: 0.4;\r\n        transform: scale(1);\r\n    }\r\n    50% { \r\n        opacity: 1;\r\n        transform: scale(2.5);\r\n    }\r\n}\r\n\r\n\/* Refined Frame *\/\r\n.professional-refined-frame {\r\n    position: absolute;\r\n    top: 60px;\r\n    left: 60px;\r\n    right: 60px;\r\n    bottom: 60px;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    border: 1px solid rgba(96, 165, 250, 0.35);\r\n    box-shadow: \r\n        inset 0 0 50px rgba(96, 165, 250, 0.1),\r\n        0 0 50px rgba(96, 165, 250, 0.2);\r\n}\r\n\r\n.professional-frame-corner {\r\n    position: absolute;\r\n    width: 60px;\r\n    height: 60px;\r\n}\r\n\r\n.professional-frame-corner::before,\r\n.professional-frame-corner::after {\r\n    content: '';\r\n    position: absolute;\r\n    background: linear-gradient(135deg, \r\n                rgba(96, 165, 250, 0.7), \r\n                rgba(96, 165, 250, 0.3));\r\n}\r\n\r\n.professional-frame-corner::before {\r\n    width: 100%;\r\n    height: 2px;\r\n}\r\n\r\n.professional-frame-corner::after {\r\n    width: 2px;\r\n    height: 100%;\r\n}\r\n\r\n.professional-frame-tl {\r\n    top: -1px;\r\n    left: -1px;\r\n}\r\n\r\n.professional-frame-tl::before {\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-tl::after {\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-tr {\r\n    top: -1px;\r\n    right: -1px;\r\n}\r\n\r\n.professional-frame-tr::before {\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.professional-frame-tr::after {\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.professional-frame-bl {\r\n    bottom: -1px;\r\n    left: -1px;\r\n}\r\n\r\n.professional-frame-bl::before {\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-bl::after {\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n.professional-frame-br {\r\n    bottom: -1px;\r\n    right: -1px;\r\n}\r\n\r\n.professional-frame-br::before {\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n.professional-frame-br::after {\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n\/* Banner Content *\/\r\n.professional-banner-content {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Top Ornament *\/\r\n.professional-top-ornament {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 35px;\r\n    margin-bottom: 50px;\r\n    animation: professionalFadeIn 1s ease-out;\r\n}\r\n\r\n.professional-ornament-line {\r\n    width: 130px;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                transparent, \r\n                rgba(96, 165, 250, 0.6), \r\n                transparent);\r\n}\r\n\r\n.professional-ornament-jewel {\r\n    position: relative;\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.professional-jewel-inner {\r\n    width: 12px;\r\n    height: 12px;\r\n    background: linear-gradient(135deg, \r\n                rgba(96, 165, 250, 1), \r\n                rgba(147, 197, 253, 0.8));\r\n    transform: rotate(45deg);\r\n    box-shadow: \r\n        0 0 30px rgba(96, 165, 250, 0.8),\r\n        inset -2px -2px 4px rgba(0, 0, 0, 0.2);\r\n    animation: professionalJewelRotate 8s linear infinite;\r\n}\r\n\r\n@keyframes professionalJewelRotate {\r\n    0% { transform: rotate(45deg); }\r\n    100% { transform: rotate(405deg); }\r\n}\r\n\r\n@keyframes professionalFadeIn {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Banner Title *\/\r\n.professional-banner-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 70px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    margin: 0 0 50px 0;\r\n    line-height: 1.4;\r\n    text-shadow: \r\n        0 2px 40px rgba(96, 165, 250, 0.4),\r\n        0 0 80px rgba(96, 165, 250, 0.2);\r\n    animation: professionalFadeIn 1s ease-out 0.3s both;\r\n}\r\n\r\n.professional-title-line {\r\n    display: block;\r\n    opacity: 0;\r\n    animation: professionalTextReveal 1.2s ease-out forwards;\r\n}\r\n\r\n.professional-title-line-1 {\r\n    animation-delay: 0.5s;\r\n}\r\n\r\n.professional-title-line-2 {\r\n    animation-delay: 0.9s;\r\n}\r\n\r\n@keyframes professionalTextReveal {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n        filter: blur(12px);\r\n    }\r\n    100% {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        filter: blur(0);\r\n    }\r\n}\r\n\r\n.professional-title-featured {\r\n    display: block;\r\n    background: linear-gradient(135deg, \r\n                #93c5fd 0%, \r\n                #dbeafe 50%, \r\n                #93c5fd 100%);\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-top: 20px;\r\n    opacity: 0;\r\n    animation: professionalTextReveal 1.2s ease-out 1.3s forwards,\r\n               professionalGradientFlow 4s ease-in-out infinite;\r\n    filter: drop-shadow(0 2px 50px rgba(147, 197, 253, 0.8))\r\n            drop-shadow(0 0 80px rgba(147, 197, 253, 0.5));\r\n    font-size: 74px;\r\n}\r\n\r\n@keyframes professionalGradientFlow {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n}\r\n\r\n\/* Elegant Divider *\/\r\n.professional-elegant-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    margin: 0 auto 45px;\r\n    max-width: 500px;\r\n    animation: professionalFadeIn 1s ease-out 1.9s both;\r\n}\r\n\r\n.professional-divider-jewel {\r\n    width: 5px;\r\n    height: 5px;\r\n    background: rgba(147, 197, 253, 0.9);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 20px rgba(147, 197, 253, 0.8);\r\n    animation: professionalJewelPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.professional-divider-jewel:last-child {\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n@keyframes professionalJewelPulse {\r\n    0%, 100% { \r\n        transform: scale(1);\r\n        opacity: 0.6;\r\n    }\r\n    50% { \r\n        transform: scale(2);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.professional-divider-line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                rgba(96, 165, 250, 0.3), \r\n                rgba(96, 165, 250, 0.6), \r\n                rgba(96, 165, 250, 0.3));\r\n}\r\n\r\n\/* Banner Message *\/\r\n.professional-banner-message {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    color: rgba(255, 255, 255, 0.98);\r\n    margin: 0 0 50px 0;\r\n    letter-spacing: 0.5px;\r\n    text-shadow: 0 2px 30px rgba(96, 165, 250, 0.3);\r\n    animation: professionalFadeIn 1s ease-out 2.2s both;\r\n}\r\n\r\n.professional-brand {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-weight: 700;\r\n    color: #93c5fd;\r\n    font-size: 36px;\r\n    letter-spacing: 2px;\r\n    text-shadow: \r\n        0 2px 30px rgba(147, 197, 253, 0.8),\r\n        0 0 60px rgba(147, 197, 253, 0.6);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.professional-brand::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                transparent, \r\n                rgba(147, 197, 253, 0.7), \r\n                transparent);\r\n    animation: professionalUnderlineGlow 2.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes professionalUnderlineGlow {\r\n    0%, 100% { \r\n        opacity: 0.5;\r\n        box-shadow: 0 0 10px rgba(147, 197, 253, 0.4);\r\n    }\r\n    50% { \r\n        opacity: 1;\r\n        box-shadow: 0 0 25px rgba(147, 197, 253, 0.8);\r\n    }\r\n}\r\n\r\n\/* CTA Wrapper *\/\r\n.professional-cta-wrapper {\r\n    margin-bottom: 50px;\r\n    animation: professionalFadeIn 1s ease-out 2.5s both;\r\n}\r\n\r\n\/* CTA Button *\/\r\n.professional-cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    padding: 22px 60px;\r\n    color: #93c5fd;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2.5px;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n.professional-cta-background {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(59, 130, 246, 0.12);\r\n    backdrop-filter: blur(15px);\r\n    z-index: 0;\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.professional-cta-border-glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 2px solid rgba(147, 197, 253, 0.5);\r\n    border-radius: 50px;\r\n    z-index: 1;\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.professional-cta-button:hover .professional-cta-background {\r\n    background: rgba(59, 130, 246, 0.2);\r\n}\r\n\r\n.professional-cta-button:hover .professional-cta-border-glow {\r\n    border-color: rgba(147, 197, 253, 0.9);\r\n    box-shadow: \r\n        0 0 50px rgba(147, 197, 253, 0.6),\r\n        inset 0 0 40px rgba(147, 197, 253, 0.15);\r\n}\r\n\r\n.professional-cta-button:hover {\r\n    transform: translateY(-6px);\r\n    color: #ffffff;\r\n    text-shadow: 0 0 30px rgba(147, 197, 253, 0.8);\r\n}\r\n\r\n.professional-cta-text {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.professional-cta-arrow {\r\n    font-size: 22px;\r\n    transition: transform 0.5s ease;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.professional-cta-button:hover .professional-cta-arrow {\r\n    transform: translateX(10px);\r\n}\r\n\r\n\/* Bottom Ornament *\/\r\n.professional-bottom-ornament {\r\n    animation: professionalFadeIn 1s ease-out 2.8s both;\r\n}\r\n\r\n.professional-bottom-line {\r\n    width: 160px;\r\n    height: 1px;\r\n    background: linear-gradient(to right, \r\n                transparent, \r\n                rgba(96, 165, 250, 0.5), \r\n                transparent);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Ambient Glow Effect *\/\r\n.professional-ambient-glow {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 75%;\r\n    height: 180px;\r\n    background: radial-gradient(ellipse at center, \r\n                rgba(59, 130, 246, 0.2) 0%, \r\n                transparent 70%);\r\n    filter: blur(70px);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .professional-banner-title {\r\n        font-size: 58px !important;\r\n    }\r\n    \r\n    .professional-title-featured {\r\n        font-size: 62px !important;\r\n    }\r\n    \r\n    .professional-banner-message {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .professional-brand {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .professional-cta-button {\r\n        padding: 20px 55px !important;\r\n        font-size: 15px !important;\r\n    }\r\n    \r\n    .professional-refined-frame {\r\n        top: 50px !important;\r\n        left: 50px !important;\r\n        right: 50px !important;\r\n        bottom: 50px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .professional-banner-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .professional-banner-title {\r\n        font-size: 46px !important;\r\n    }\r\n    \r\n    .professional-title-featured {\r\n        font-size: 50px !important;\r\n    }\r\n    \r\n    .professional-banner-message {\r\n        font-size: 24px !important;\r\n    }\r\n    \r\n    .professional-brand {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .professional-cta-button {\r\n        padding: 18px 50px !important;\r\n        font-size: 14px !important;\r\n    }\r\n    \r\n    .professional-ornament-line {\r\n        width: 90px !important;\r\n    }\r\n    \r\n    .professional-refined-frame {\r\n        top: 40px !important;\r\n        left: 40px !important;\r\n        right: 40px !important;\r\n        bottom: 40px !important;\r\n    }\r\n    \r\n    .professional-light-rays,\r\n    .professional-floating-circles {\r\n        opacity: 0.5;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .professional-banner-title {\r\n        font-size: 40px !important;\r\n    }\r\n    \r\n    .professional-title-featured {\r\n        font-size: 44px !important;\r\n    }\r\n    \r\n    .professional-banner-message {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .professional-brand {\r\n        font-size: 26px !important;\r\n    }\r\n    \r\n    .professional-cta-button {\r\n        padding: 16px 45px !important;\r\n        font-size: 13px !important;\r\n        gap: 12px !important;\r\n    }\r\n    \r\n    .professional-ornament-line {\r\n        width: 70px !important;\r\n    }\r\n    \r\n    .professional-refined-frame {\r\n        top: 30px !important;\r\n        left: 30px !important;\r\n        right: 30px !important;\r\n        bottom: 30px !important;\r\n    }\r\n}\r\n<\/style>\r\n<!-- Professional Banner Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2916ab1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2916ab1\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba93a1a\" data-id=\"ba93a1a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3a1bec elementor-widget elementor-widget-html\" data-id=\"f3a1bec\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Project Title Module Start -->\r\n<section class=\"project-title-section\" style=\"    margin-top: 0;     margin-bottom: 0;    position: relative;    overflow: hidden;    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);    padding: 60px 20px;\">\r\n    <!-- Decorative Background -->\r\n    <div class=\"decorative-pattern\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1600px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        <div class=\"content-wrapper\" style=\"text-align: center;\">\r\n            \r\n            <!-- Top Accent Line -->\r\n            <div class=\"accent-line-top\"><\/div>\r\n            \r\n            <!-- Main Heading -->\r\n            <h2 class=\"main-heading\" style=\"                color: #1e40af;                font-family: 'Questrial', sans-serif;                font-size: 52px;                font-weight: 900;                text-align: center;                margin: 0;                padding: 0;                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);                animation: fadeIn 0.6s ease-in-out 0.2s both;            \">\r\n                Z\u00edskajte svoj \u010fal\u0161\u00ed projekt\r\n            <\/h2>\r\n            \r\n            <!-- Animated Text Headline -->\r\n            <h3 class=\"animated-headline\" style=\"                color: #2563eb;                font-family: 'Questrial', sans-serif;                font-size: 40px;                font-weight: 800;                text-transform: lowercase;                line-height: 0.9em;                text-align: center;                margin: 0;                padding: 0;                position: relative;            \">\r\n                <span class=\"dynamic-text-wrapper\">\r\n                    <span class=\"dynamic-text active\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                    \">Stavba, infra\u0161trukt\u00fara<\/span>\r\n                    <span class=\"dynamic-text\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                        display: none;                    \">Prac\u00ed prostriedok, osobn\u00e1 starostlivos\u0165<\/span>\r\n                    <span class=\"dynamic-text\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                        display: none;                    \">Potraviny, n\u00e1poje<\/span>\r\n                    <span class=\"dynamic-text\" style=\"                        color: #2563eb;                        font-family: 'Quicksand', sans-serif;                        font-weight: 800;                        text-transform: none;                        display: none;                    \">Farmaceutick\u00e9<\/span>\r\n                <\/span>\r\n            <\/h3>\r\n            \r\n            <!-- Bottom Accent Line -->\r\n            <div class=\"accent-line-bottom\"><\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS Styles -->\r\n<style>\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes blindsIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: scaleY(0);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scaleY(1);\r\n    }\r\n}\r\n\r\n@keyframes subtleGlow {\r\n    0%, 100% { \r\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1),\r\n                     0 0 10px rgba(37, 99, 235, 0.2);\r\n    }\r\n    50% { \r\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1),\r\n                     0 0 20px rgba(37, 99, 235, 0.4);\r\n    }\r\n}\r\n\r\n@keyframes floatPattern {\r\n    0%, 100% { \r\n        transform: translate(0, 0);\r\n        opacity: 0.03;\r\n    }\r\n    50% { \r\n        transform: translate(10px, -10px);\r\n        opacity: 0.05;\r\n    }\r\n}\r\n\r\n\/* Decorative Pattern Background *\/\r\n.decorative-pattern {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.04;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px);\r\n    background-size: 150px 150px, 200px 200px;\r\n    background-position: 0 0, 50px 50px;\r\n    animation: floatPattern 20s ease-in-out infinite;\r\n}\r\n\r\n\/* Accent Lines *\/\r\n.accent-line-top,\r\n.accent-line-bottom {\r\n    width: 80px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);\r\n    margin: 20px auto;\r\n    border-radius: 2px;\r\n    position: relative;\r\n    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);\r\n}\r\n\r\n.accent-line-top::before,\r\n.accent-line-bottom::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -2px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    box-shadow: 0 0 8px rgba(59, 130, 246, 0.6);\r\n}\r\n\r\n\/* Main Heading *\/\r\n.main-heading {\r\n    animation: subtleGlow 3s ease-in-out infinite;\r\n}\r\n\r\n\/* Dynamic Text Wrapper *\/\r\n.dynamic-text-wrapper {\r\n    position: relative;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n}\r\n\r\n.dynamic-text {\r\n    display: inline-block;\r\n    animation: blindsIn 0.3s ease-in-out;\r\n    position: relative;\r\n}\r\n\r\n.dynamic-text.active {\r\n    display: inline-block !important;\r\n}\r\n\r\n.dynamic-text::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent 0%, #3b82f6 50%, transparent 100%);\r\n    opacity: 0.6;\r\n}\r\n\r\n\/* Decorative Corner Elements *\/\r\n.project-title-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 5%;\r\n    width: 30px;\r\n    height: 30px;\r\n    background: radial-gradient(circle, #2563eb 30%, transparent 70%);\r\n    border-radius: 50%;\r\n    opacity: 0.15;\r\n    animation: floatPattern 4s ease-in-out infinite;\r\n}\r\n\r\n.project-title-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 5%;\r\n    width: 30px;\r\n    height: 30px;\r\n    background: radial-gradient(circle, #3b82f6 30%, transparent 70%);\r\n    border-radius: 50%;\r\n    opacity: 0.15;\r\n    animation: floatPattern 4s ease-in-out infinite;\r\n    animation-delay: 2s;\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .main-heading {\r\n        font-size: 36px !important;\r\n        text-align: center !important;\r\n    }\r\n    \r\n    .animated-headline {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .accent-line-top,\r\n    .accent-line-bottom {\r\n        width: 60px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .main-heading {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .animated-headline {\r\n        font-size: 22px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- JavaScript Animation -->\r\n<script>\r\n(function() {\r\n    const dynamicTexts = document.querySelectorAll('.dynamic-text');\r\n    let currentIndex = 0;\r\n    const delay = 1380; \/\/ 1.38 seconds rotation interval\r\n    \r\n    function rotateText() {\r\n        \/\/ Hide current text\r\n        dynamicTexts[currentIndex].classList.remove('active');\r\n        dynamicTexts[currentIndex].style.display = 'none';\r\n        \r\n        \/\/ Show next text\r\n        currentIndex = (currentIndex + 1) % dynamicTexts.length;\r\n        dynamicTexts[currentIndex].style.display = 'inline-block';\r\n        \r\n        \/\/ Add animation class\r\n        setTimeout(() => {\r\n            dynamicTexts[currentIndex].classList.add('active');\r\n        }, 10);\r\n    }\r\n    \r\n    \/\/ Start text rotation\r\n    setInterval(rotateText, delay);\r\n})();\r\n<\/script>\r\n<!-- Project Title Module End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b302c97 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b302c97\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bed47cb\" data-id=\"bed47cb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35b20a7 elementor-widget elementor-widget-html\" data-id=\"35b20a7\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Professional Cards Section Start -->\r\n<section class=\"cards-section\" style=\"    padding: 100px 20px;    background: linear-gradient(180deg,                 #f8f9fa 0%,                 #ffffff 25%,                #f0f4f8 50%,                #ffffff 75%,                #f8f9fa 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Pattern Background -->\r\n    <div class=\"pattern-bg\"><\/div>\r\n    \r\n    <!-- Decorative Elements -->\r\n    <div class=\"decorative-shapes\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1600px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Section Divider -->\r\n        <div class=\"section-divider\"><\/div>\r\n        \r\n        <!-- Cards Grid -->\r\n        <div class=\"cards-grid\" style=\"            display: grid;            grid-template-columns: repeat(4, 1fr);            gap: 35px;            margin-top: 50px;        \">\r\n            \r\n            <!-- Card 1: Building, Construction and Infrastructure -->\r\n            <a href=\"https:\/\/ldcellulose.com\/sk\/aplikacia-a-priemysel\/malta-na-suche-miesanie\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-1\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/vertical-shot-of-a-red-and-gray-residential-building-in-berlin-.jpg\" \r\n                             alt=\"Stavebn\u00edctvo, v\u00fdstavba a infra\u0161trukt\u00fara\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">Odpor\u00fa\u010dan\u00e9<\/div>\r\n                        <h3 class=\"card-title\">Stavebn\u00edctvo, v\u00fdstavba a infra\u0161trukt\u00fara<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">Objavte viac<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 2: Detergent, Beauty and Personal Care -->\r\n            <a href=\"https:\/\/ldcellulose.com\/sk\/aplikacia-a-priemysel\/detergenty-ropne-pole\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-2\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/positive-curly-woman-holding-cosmetic-products-and-looking-away-on-pink-background.jpg\" \r\n                             alt=\"\u010cistiace prostriedky, kozmetika a osobn\u00e1 starostlivos\u0165\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">Ob\u013e\u00faben\u00e9<\/div>\r\n                        <h3 class=\"card-title\">\u010cistiace prostriedky, kozmetika a osobn\u00e1 starostlivos\u0165<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">Objavte viac<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 3: Pharmaceutical intermediates -->\r\n            <a href=\"https:\/\/ldcellulose.com\/sk\/aplikacia-a-priemysel\/farmaceuticke-medziprodukty\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-3\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/pills-and-tablets-on-pink-background-healthcare-medical-concept-antibiotics-and-cure.jpg\" \r\n                             alt=\"Farmaceutick\u00e9 medziprodukty\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">Pr\u00e9miov\u00e9<\/div>\r\n                        <h3 class=\"card-title\">Farmaceutick\u00e9 medziprodukty<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">Objavte viac<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 4: Food and Beverage -->\r\n            <a href=\"https:\/\/ldcellulose.com\/sk\/aplikacia-a-priemysel\/potraviny-a-napoje\/\" \r\n               target=\"_blank\" \r\n               class=\"card card-4\" \r\n               style=\"text-decoration: none;\">\r\n                <div class=\"card-inner\">\r\n                    <div class=\"card-icon\"><\/div>\r\n                    <div class=\"card-accent-line\"><\/div>\r\n                    <div class=\"card-image-wrapper\">\r\n                        <div class=\"card-frame\"><\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/bread-with-strawberry-jam.jpg\" \r\n                             alt=\"Potraviny a n\u00e1poje\"\r\n                             class=\"card-image\">\r\n                        <div class=\"card-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <div class=\"card-badge\">Trendov\u00e9<\/div>\r\n                        <h3 class=\"card-title\">Potraviny a n\u00e1poje<\/h3>\r\n                        <div class=\"card-underline\"><\/div>\r\n                        <div class=\"card-footer\">\r\n                            <span class=\"card-cta\">Objavte viac<\/span>\r\n                            <span class=\"card-arrow\">\u2192<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bottom Decoration -->\r\n    <div class=\"bottom-decoration\"><\/div>\r\n<\/section>\r\n\r\n<!-- Cards CSS Styles -->\r\n<style>\r\n\/* Section Divider *\/\r\n.section-divider {\r\n    width: 150px;\r\n    height: 6px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 25%, #60a5fa 50%, #3b82f6 75%, #2563eb 100%);\r\n    margin: 0 auto 20px;\r\n    border-radius: 3px;\r\n    position: relative;\r\n    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3);\r\n}\r\n\r\n.section-divider::before,\r\n.section-divider::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -3px;\r\n    box-shadow: 0 0 15px rgba(59, 130, 246, 0.6),\r\n                inset 0 0 5px rgba(37, 99, 235, 0.5);\r\n    animation: dividerPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.section-divider::before {\r\n    left: -20px;\r\n}\r\n\r\n.section-divider::after {\r\n    right: -20px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes dividerPulse {\r\n    0%, 100% { transform: scale(1); }\r\n    50% { transform: scale(1.3); }\r\n}\r\n\r\n\/* Pattern Background *\/\r\n.pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.04;\r\n    z-index: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px),\r\n        radial-gradient(circle at 40% 80%, #60a5fa 2px, transparent 2px),\r\n        radial-gradient(circle at 60% 20%, #2563eb 2px, transparent 2px);\r\n    background-size: 200px 200px, 250px 250px, 180px 180px, 220px 220px;\r\n    background-position: 0 0, 50px 50px, 100px 0, 150px 100px;\r\n    animation: patternMove 60s linear infinite;\r\n}\r\n\r\n@keyframes patternMove {\r\n    0% { background-position: 0 0, 50px 50px, 100px 0, 150px 100px; }\r\n    100% { background-position: 200px 200px, 250px 250px, 280px 180px, 370px 320px; }\r\n}\r\n\r\n\/* Decorative Shapes *\/\r\n.decorative-shapes {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.decorative-shapes::before,\r\n.decorative-shapes::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    border-radius: 50%;\r\n    opacity: 0.03;\r\n}\r\n\r\n.decorative-shapes::before {\r\n    top: 10%;\r\n    left: 5%;\r\n    background: radial-gradient(circle, #2563eb, transparent);\r\n    animation: shapeFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.decorative-shapes::after {\r\n    bottom: 10%;\r\n    right: 5%;\r\n    background: radial-gradient(circle, #3b82f6, transparent);\r\n    animation: shapeFloat 25s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes shapeFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, -30px) scale(1.1); }\r\n}\r\n\r\n\/* Card Base Styles *\/\r\n.card {\r\n    display: block;\r\n    position: relative;\r\n    height: 100%;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), \r\n                box-shadow 0.4s ease;\r\n}\r\n\r\n.card:hover {\r\n    transform: translateY(-15px) scale(1.02);\r\n    z-index: 10;\r\n}\r\n\r\n.card-inner {\r\n    position: relative;\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08),\r\n                0 0 0 4px rgba(59, 130, 246, 0.05);\r\n    border: 4px solid transparent;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.card:hover .card-inner {\r\n    border-color: #3b82f6;\r\n    box-shadow: 0 15px 45px rgba(59, 130, 246, 0.25),\r\n                0 0 30px rgba(37, 99, 235, 0.15),\r\n                0 0 0 8px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n\/* Card Icon *\/\r\n.card-icon {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    width: 28px;\r\n    height: 28px;\r\n    background: linear-gradient(135deg, #3b82f6, #2563eb);\r\n    border-radius: 50%;\r\n    z-index: 5;\r\n    box-shadow: 0 0 20px rgba(59, 130, 246, 0.5),\r\n                inset -3px -3px 8px rgba(0, 0, 0, 0.1);\r\n    animation: iconFloat 3s ease-in-out infinite;\r\n}\r\n\r\n.card-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 12px;\r\n    height: 12px;\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.8), transparent);\r\n    border-radius: 50%;\r\n}\r\n\r\n@keyframes iconFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n}\r\n\r\n\/* Card Accent Line *\/\r\n.card-accent-line {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    z-index: 4;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #60a5fa 75%, \r\n                transparent 100%);\r\n    background-size: 200% 100%;\r\n    animation: accentShift 3s linear infinite;\r\n}\r\n\r\n@keyframes accentShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n\/* Card Image Wrapper *\/\r\n.card-image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 420px;\r\n    flex-shrink: 0;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n}\r\n\r\n.card-frame {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 10px;\r\n    right: 10px;\r\n    bottom: 10px;\r\n    border: 3px solid rgba(59, 130, 246, 0.15);\r\n    border-radius: 10px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.card:hover .card-frame {\r\n    border-color: rgba(59, 130, 246, 0.5);\r\n    box-shadow: inset 0 0 20px rgba(59, 130, 246, 0.1);\r\n}\r\n\r\n.card-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    filter: brightness(0.95);\r\n    padding: 15px;\r\n}\r\n\r\n.card:hover .card-image {\r\n    transform: scale(1.08);\r\n    filter: brightness(1.05);\r\n}\r\n\r\n\/* Card Overlay *\/\r\n.card-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(37, 99, 235, 0.05) 40%,\r\n                rgba(59, 130, 246, 0.1) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: 1;\r\n}\r\n\r\n.card:hover .card-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Card Content *\/\r\n.card-content {\r\n    padding: 30px 25px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\r\n    position: relative;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n\r\n.card-content::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                #2563eb 0%, \r\n                #3b82f6 25%, \r\n                #60a5fa 50%, \r\n                #3b82f6 75%, \r\n                #2563eb 100%);\r\n    background-size: 200% 100%;\r\n    animation: gradientShift 3s linear infinite;\r\n}\r\n\r\n@keyframes gradientShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n\/* Card Badge *\/\r\n.card-badge {\r\n    position: absolute;\r\n    top: -15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);\r\n    color: #ffffff;\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    padding: 6px 16px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3),\r\n                0 0 0 3px rgba(59, 130, 246, 0.15);\r\n    letter-spacing: 0.5px;\r\n    z-index: 2;\r\n}\r\n\r\n.card-2 .card-badge {\r\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n}\r\n\r\n.card-3 .card-badge {\r\n    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\r\n}\r\n\r\n.card-4 .card-badge {\r\n    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);\r\n}\r\n\r\n\/* Card Title *\/\r\n.card-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #1e40af;\r\n    margin: 15px 0 0 0;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n    min-height: 56px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.card:hover .card-title {\r\n    color: #2563eb;\r\n    transform: scale(1.05);\r\n    text-shadow: 0 0 15px rgba(37, 99, 235, 0.2);\r\n}\r\n\r\n\/* Card Underline *\/\r\n.card-underline {\r\n    width: 80px;\r\n    height: 5px;\r\n    background: linear-gradient(90deg, transparent 0%, #3b82f6 50%, transparent 100%);\r\n    margin: 18px auto 0;\r\n    border-radius: 3px;\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n.card:hover .card-underline {\r\n    opacity: 1;\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Card Footer *\/\r\n.card-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 20px;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.card:hover .card-footer {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.card-cta {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #2563eb;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.card-arrow {\r\n    font-size: 18px;\r\n    color: #3b82f6;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.card:hover .card-arrow {\r\n    transform: translateX(5px);\r\n    animation: arrowBounce 0.6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes arrowBounce {\r\n    0%, 100% { transform: translateX(5px); }\r\n    50% { transform: translateX(10px); }\r\n}\r\n\r\n\/* Glow Effect *\/\r\n.card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 0;\r\n    height: 0;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.2), transparent);\r\n    border-radius: 50%;\r\n    opacity: 0;\r\n    transition: all 0.6s ease;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.card:hover::before {\r\n    width: 120%;\r\n    height: 120%;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Bottom Decoration *\/\r\n.bottom-decoration {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 80px;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(37, 99, 235, 0.02) 100%);\r\n    pointer-events: none;\r\n}\r\n\r\n.bottom-decoration::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 250px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #60a5fa 75%, \r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    opacity: 0.3;\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .cards-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 30px !important;\r\n    }\r\n    \r\n    .card-image-wrapper {\r\n        height: 400px !important;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 19px !important;\r\n        min-height: 54px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .cards-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .cards-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 40px !important;\r\n    }\r\n    \r\n    .card-image-wrapper {\r\n        height: 380px !important;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 18px !important;\r\n        min-height: 50px !important;\r\n    }\r\n    \r\n    .card-content {\r\n        padding: 25px 20px !important;\r\n    }\r\n    \r\n    .pattern-bg {\r\n        opacity: 0.02 !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .card-image-wrapper {\r\n        height: 340px !important;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 17px !important;\r\n        min-height: 48px !important;\r\n    }\r\n    \r\n    .card-content {\r\n        padding: 20px 15px !important;\r\n    }\r\n    \r\n    .card-badge {\r\n        font-size: 10px !important;\r\n        padding: 5px 12px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- Cards JavaScript -->\r\n<script>\r\n(function() {\r\n    const cards = document.querySelectorAll('.card');\r\n    \r\n    \/\/ Add hover effects with glow particles\r\n    cards.forEach((card, index) => {\r\n        card.addEventListener('mouseenter', function() {\r\n            \/\/ Create glow effect on hover\r\n            for (let i = 0; i < 3; i++) {\r\n                setTimeout(() => {\r\n                    const glow = document.createElement('div');\r\n                    glow.style.cssText = `\r\n                        position: absolute;\r\n                        top: ${Math.random() * 100}%;\r\n                        left: ${Math.random() * 100}%;\r\n                        width: ${Math.random() * 40 + 20}px;\r\n                        height: ${Math.random() * 40 + 20}px;\r\n                        background: radial-gradient(circle, rgba(59, 130, 246, 0.3), transparent);\r\n                        border-radius: 50%;\r\n                        pointer-events: none;\r\n                        animation: glowFloat 1.5s ease-out forwards;\r\n                        z-index: 1;\r\n                    `;\r\n                    this.appendChild(glow);\r\n                    \r\n                    setTimeout(() => {\r\n                        glow.remove();\r\n                    }, 1500);\r\n                }, i * 150);\r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ Add glow float animation\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        @keyframes glowFloat {\r\n            0% {\r\n                transform: translate(0, 0) scale(0);\r\n                opacity: 0.8;\r\n            }\r\n            50% {\r\n                opacity: 0.4;\r\n            }\r\n            100% {\r\n                transform: translate(${Math.random() * 60 - 30}px, ${Math.random() * 60 - 30}px) scale(1.5);\r\n                opacity: 0;\r\n            }\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    \/\/ Staggered animation on scroll\r\n    const observerOptions = {\r\n        threshold: 0.15,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                setTimeout(() => {\r\n                    entry.target.style.animation = 'fadeIn 0.8s ease-out forwards';\r\n                }, Array.from(cards).indexOf(entry.target) * 200);\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    cards.forEach(card => {\r\n        card.style.opacity = '0';\r\n        observer.observe(card);\r\n    });\r\n})();\r\n<\/script>\r\n<!-- Professional Cards Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-92e59f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"92e59f2\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d308707\" data-id=\"d308707\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8912d19 elementor-widget elementor-widget-html\" data-id=\"8912d19\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Premium Brand Cards Section Start -->\r\n<section class=\"premium-brand-section\" style=\"    padding: 50px 20px;    background: linear-gradient(180deg,                 #f8f8f8 0%,                 #ffffff 50%,                #f8f8f8 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Elegant Pattern Background -->\r\n    <div class=\"premium-pattern-bg\"><\/div>\r\n    \r\n    <!-- Stars Background -->\r\n    <div class=\"premium-stars-bg\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1800px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Decorative Line -->\r\n        <div class=\"premium-divider\"><\/div>\r\n        \r\n        <!-- Premium Brand Cards Grid -->\r\n        <div class=\"premium-grid\" style=\"            display: grid;            grid-template-columns: repeat(5, 1fr);            gap: 25px;            margin-top: 30px;        \">\r\n            \r\n            <!-- Premium Card 1: LANDERCOLL -->\r\n            <a href=\"https:\/\/landercoll.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-1\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <!-- Card Header -->\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Card Body -->\r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">LANDERCOLL\u00ae<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">LANDERCOLL ochrann\u00e1 zn\u00e1mka LANDU, poskytuje HPMC HEMC at\u010f celul\u00f3zov\u00e9 v\u00fdrobky.<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>Zobrazi\u0165 viac<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 2: ACCURATE -->\r\n            <a href=\"https:\/\/ldcellulose.com\/sk\/presne-redispergovatelne-prasky\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-2\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">ACCURATE\u2122<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">Accurate, ochrann\u00e1 zn\u00e1mka spolo\u010dnosti LANDU, poskytuje redispergovate\u013en\u00e9 polym\u00e9rne pr\u00e1\u0161kov\u00e9 v\u00fdrobky.<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>Zobrazi\u0165 viac<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 3: NOVASTAR -->\r\n            <a href=\"https:\/\/landuchem.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-3\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">NOVASTAR\u2122<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">NovaStar, ochrann\u00e1 zn\u00e1mka spolo\u010dnosti LANDU, poskytuje \u0161tandardn\u00e9 aj na mieru prisp\u00f4soben\u00e9 chemick\u00e9 a odvoden\u00e9 produkty.<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>Zobrazi\u0165 viac<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 4: DEFINE -->\r\n            <a href=\"https:\/\/ldcellulose.com\/sk\/definovat-pridavne-latky-v-potravinach-chemicke\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-4\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">DEFINE\u2122<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">Definova\u0165 ochrann\u00fa zn\u00e1mku LANDU, poskytuje potravin\u00e1rske pr\u00edsady Chemik\u00e1lie<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>Zobrazi\u0165 viac<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Premium Card 5: UQUICK -->\r\n            <a href=\"https:\/\/ldcellulose.com\/sk\/uquick-farmaceuticke-medziprodukty\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"premium-card premium-card-5\" style=\"text-decoration: none;\">\r\n                <div class=\"premium-wrapper\">\r\n                    <div class=\"premium-box\">\r\n                        <div class=\"premium-header\">\r\n                            <div class=\"premium-header-surface\"><\/div>\r\n                            <div class=\"premium-header-accent\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"premium-body\">\r\n                            <div class=\"premium-content\">\r\n                                <h3 class=\"premium-title\">UQUICK\u2122<\/h3>\r\n                                <div class=\"premium-line\"><\/div>\r\n                                <p class=\"premium-desc\">Ochrann\u00e1 zn\u00e1mka UQuick spolo\u010dnosti LANDU poskytuje farmaceutick\u00e9 medziprodukty.<\/p>\r\n                                <div class=\"premium-btn\">\r\n                                    <span>Zobrazi\u0165 viac<\/span>\r\n                                    <span class=\"premium-arrow\">\u2192<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Premium Brand Cards CSS Styles -->\r\n<style>\r\n\/* Premium Divider *\/\r\n.premium-divider {\r\n    width: 200px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #D4AF37 25%, \r\n                #FFD700 50%, \r\n                #D4AF37 75%, \r\n                transparent 100%);\r\n    margin: 0 auto 20px;\r\n    position: relative;\r\n    box-shadow: 0 1px 8px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.premium-divider::before,\r\n.premium-divider::after {\r\n    content: '\u25c6';\r\n    position: absolute;\r\n    color: #D4AF37;\r\n    font-size: 10px;\r\n    top: -4px;\r\n    animation: premiumDiamondPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.premium-divider::before {\r\n    left: -18px;\r\n}\r\n\r\n.premium-divider::after {\r\n    right: -18px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes premiumDiamondPulse {\r\n    0%, 100% { opacity: 0.5; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n\r\n\/* Premium Pattern Background *\/\r\n.premium-pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.02;\r\n    z-index: 0;\r\n    background-image: repeating-linear-gradient(45deg, \r\n                      #D4AF37 0px, \r\n                      #D4AF37 1px, \r\n                      transparent 1px, \r\n                      transparent 20px);\r\n}\r\n\r\n\/* Premium Stars Background *\/\r\n.premium-stars-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n.premium-stars-bg::before,\r\n.premium-stars-bg::after {\r\n    content: '\u2726';\r\n    position: absolute;\r\n    color: #D4AF37;\r\n    font-size: 24px;\r\n    opacity: 0.12;\r\n    animation: premiumStarTwinkle 4s ease-in-out infinite;\r\n    text-shadow: 0 0 12px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n.premium-stars-bg::before {\r\n    top: 8%;\r\n    left: 6%;\r\n}\r\n\r\n.premium-stars-bg::after {\r\n    top: 12%;\r\n    right: 6%;\r\n    animation-delay: 2s;\r\n}\r\n\r\n@keyframes premiumStarTwinkle {\r\n    0%, 100% { \r\n        opacity: 0.12; \r\n        transform: scale(1) rotate(0deg); \r\n    }\r\n    50% { \r\n        opacity: 0.3; \r\n        transform: scale(1.2) rotate(180deg); \r\n    }\r\n}\r\n\r\n\/* Premium Card *\/\r\n.premium-card {\r\n    display: block;\r\n    position: relative;\r\n    height: 240px;\r\n    transition: transform 0.4s ease;\r\n    perspective: 1000px;\r\n}\r\n\r\n.premium-card:hover {\r\n    transform: translateY(-8px);\r\n    z-index: 10;\r\n}\r\n\r\n\/* Premium Wrapper *\/\r\n.premium-wrapper {\r\n    position: relative;\r\n    height: 100%;\r\n}\r\n\r\n\/* Premium Box *\/\r\n.premium-box {\r\n    position: relative;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n    transition: box-shadow 0.4s ease;\r\n}\r\n\r\n.premium-card:hover .premium-box {\r\n    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* Card Header *\/\r\n.premium-header {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 55px;\r\n    z-index: 3;\r\n}\r\n\r\n\/* Header Surface *\/\r\n.premium-header-surface {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(145deg, \r\n                #8B0000 0%, \r\n                #A52A2A 20%,\r\n                #C41E3A 40%,\r\n                #DC143C 50%,\r\n                #C41E3A 60%,\r\n                #A52A2A 80%,\r\n                #8B0000 100%);\r\n    box-shadow: \r\n        inset 0 2px 6px rgba(255, 255, 255, 0.25),\r\n        inset 0 -2px 6px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n\/* Header Surface \u9ad8\u5149 *\/\r\n.premium-header-surface::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 20%;\r\n    left: 15%;\r\n    width: 70%;\r\n    height: 35%;\r\n    background: radial-gradient(ellipse at center, \r\n                rgba(255, 255, 255, 0.25) 0%,\r\n                rgba(255, 255, 255, 0.12) 40%,\r\n                transparent 70%);\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* Header Accent - \u91d1\u8272\u88c5\u9970\u6761 *\/\r\n.premium-header-accent {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%,\r\n                #D4AF37 20%,\r\n                #FFD700 50%,\r\n                #D4AF37 80%,\r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\r\n}\r\n\r\n\/* Card Body *\/\r\n.premium-body {\r\n    flex: 1;\r\n    background: linear-gradient(145deg, \r\n                #C41E3A 0%, \r\n                #DC143C 50%, \r\n                #B71C1C 100%);\r\n    padding: 18px 16px 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n\/* Premium Content *\/\r\n.premium-content {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 100%;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.premium-card:hover .premium-content {\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* Premium Title *\/\r\n.premium-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n    color: #FFFFFF;\r\n    margin: 0 0 10px 0;\r\n    text-shadow: \r\n        0 2px 4px rgba(0, 0, 0, 0.3),\r\n        0 0 20px rgba(255, 215, 0, 0.3);\r\n    transition: all 0.3s ease;\r\n    letter-spacing: 0.5px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.premium-card:hover .premium-title {\r\n    color: #FFD700;\r\n    text-shadow: \r\n        0 2px 6px rgba(0, 0, 0, 0.4),\r\n        0 0 25px rgba(255, 215, 0, 0.5);\r\n}\r\n\r\n\/* Premium Line *\/\r\n.premium-line {\r\n    width: 70px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent 0%, #FFD700 50%, transparent 100%);\r\n    margin: 0 auto 12px;\r\n    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);\r\n}\r\n\r\n\/* Premium Description *\/\r\n.premium-desc {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.95);\r\n    margin: 0 0 14px 0;\r\n    transition: color 0.3s ease;\r\n    font-weight: 500;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.premium-card:hover .premium-desc {\r\n    color: #FFFFFF;\r\n}\r\n\r\n\/* Premium Button *\/\r\n.premium-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 11px 26px;\r\n    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\r\n    color: #8B0000;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    border-radius: 25px;\r\n    box-shadow: \r\n        0 4px 15px rgba(255, 215, 0, 0.4),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.premium-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.premium-card:hover .premium-btn::before {\r\n    left: 100%;\r\n}\r\n\r\n.premium-card:hover .premium-btn {\r\n    transform: translateY(-2px);\r\n    box-shadow: \r\n        0 6px 20px rgba(255, 215, 0, 0.5),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.premium-arrow {\r\n    font-size: 16px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.premium-card:hover .premium-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* \u4e0d\u540c\u5361\u7247\u7684\u914d\u8272 *\/\r\n.premium-card-2 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #064D2A 0%, \r\n                #0F8B4F 20%,\r\n                #10A05B 40%,\r\n                #11B566 50%,\r\n                #10A05B 60%,\r\n                #0F8B4F 80%,\r\n                #064D2A 100%);\r\n}\r\n\r\n.premium-card-2 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #0F8B4F 0%, \r\n                #10A05B 50%, \r\n                #0D7A43 100%);\r\n}\r\n\r\n.premium-card-3 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #0D47A1 0%, \r\n                #1565C0 20%,\r\n                #1E88E5 40%,\r\n                #42A5F5 50%,\r\n                #1E88E5 60%,\r\n                #1565C0 80%,\r\n                #0D47A1 100%);\r\n}\r\n\r\n.premium-card-3 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #1565C0 0%, \r\n                #1E88E5 50%, \r\n                #0D47A1 100%);\r\n}\r\n\r\n.premium-card-4 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #4A148C 0%, \r\n                #6A1B9A 20%,\r\n                #8E24AA 40%,\r\n                #AB47BC 50%,\r\n                #8E24AA 60%,\r\n                #6A1B9A 80%,\r\n                #4A148C 100%);\r\n}\r\n\r\n.premium-card-4 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #6A1B9A 0%, \r\n                #8E24AA 50%, \r\n                #4A148C 100%);\r\n}\r\n\r\n.premium-card-5 .premium-header-surface {\r\n    background: linear-gradient(145deg, \r\n                #BF360C 0%, \r\n                #D84315 20%,\r\n                #FF5722 40%,\r\n                #FF7043 50%,\r\n                #FF5722 60%,\r\n                #D84315 80%,\r\n                #BF360C 100%);\r\n}\r\n\r\n.premium-card-5 .premium-body {\r\n    background: linear-gradient(145deg, \r\n                #D84315 0%, \r\n                #FF5722 50%, \r\n                #BF360C 100%);\r\n}\r\n\r\n\/* Responsive Design - Large Tablet *\/\r\n@media (max-width: 1400px) {\r\n    .premium-grid {\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 22px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .premium-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 20px !important;\r\n    }\r\n    \r\n    .premium-card {\r\n        height: 230px !important;\r\n    }\r\n    \r\n    .premium-title {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .premium-desc {\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .premium-brand-section {\r\n        padding: 45px 15px !important;\r\n    }\r\n    \r\n    .premium-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 25px !important;\r\n    }\r\n    \r\n    .premium-card {\r\n        height: 240px !important;\r\n    }\r\n    \r\n    .premium-title {\r\n        font-size: 23px !important;\r\n    }\r\n    \r\n    .premium-desc {\r\n        font-size: 15px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .premium-title {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .premium-desc {\r\n        font-size: 14px !important;\r\n    }\r\n    \r\n    .premium-btn {\r\n        padding: 10px 24px !important;\r\n        font-size: 13px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- Premium Brand Cards JavaScript -->\r\n<script>\r\n(function() {\r\n    \/\/ Create additional stars\r\n    const starsBg = document.querySelector('.premium-stars-bg');\r\n    if (starsBg) {\r\n        const starCount = 8;\r\n        \r\n        for (let i = 0; i < starCount; i++) {\r\n            const star = document.createElement('div');\r\n            star.innerHTML = '\u2726';\r\n            star.style.cssText = `\r\n                position: absolute;\r\n                color: #D4AF37;\r\n                font-size: ${Math.random() * 18 + 14}px;\r\n                top: ${Math.random() * 85 + 8}%;\r\n                left: ${Math.random() * 92 + 4}%;\r\n                opacity: 0.1;\r\n                animation: premiumStarTwinkle ${Math.random() * 5 + 4}s ease-in-out infinite;\r\n                animation-delay: ${Math.random() * 5}s;\r\n                text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);\r\n            `;\r\n            starsBg.appendChild(star);\r\n        }\r\n    }\r\n    \r\n    \/\/ Fade in animation keyframes\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        @keyframes premiumFadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    \/\/ Staggered animation on scroll\r\n    const observerOptions = {\r\n        threshold: 0.15,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const premiumCards = document.querySelectorAll('.premium-card');\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                const cards = entry.target.querySelectorAll('.premium-card');\r\n                cards.forEach((card, index) => {\r\n                    setTimeout(() => {\r\n                        card.style.animation = 'premiumFadeIn 0.8s ease-out forwards';\r\n                    }, index * 150);\r\n                });\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    const premiumGrid = document.querySelector('.premium-grid');\r\n    if (premiumGrid) {\r\n        premiumCards.forEach(card => {\r\n            card.style.opacity = '0';\r\n        });\r\n        observer.observe(premiumGrid);\r\n    }\r\n})();\r\n<\/script>\r\n<!-- Premium Brand Cards Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c2f69e8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c2f69e8\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07515d2\" data-id=\"07515d2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12a81b1 elementor-widget elementor-widget-html\" data-id=\"12a81b1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- About LANDU Section Start -->\r\n<section class=\"about-landu-section\" style=\"    padding: 100px 20px;    background: linear-gradient(180deg,                 #ffffff 0%,                 #f8f9fa 50%,                #ffffff 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Decorative Pattern Background -->\r\n    <div class=\"about-pattern-bg\"><\/div>\r\n    \r\n    <!-- Decorative Elements Background -->\r\n    <div class=\"about-decorative-bg\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1600px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Decorative Line -->\r\n        <div class=\"about-divider\"><\/div>\r\n        \r\n        <!-- About Content Grid -->\r\n        <div class=\"about-grid\" style=\"            display: grid;            grid-template-columns: 1fr 1fr;            gap: 60px;            align-items: center;            margin-top: 50px;        \">\r\n            \r\n            <!-- Left Content -->\r\n            <div class=\"about-content\">\r\n                <!-- Main Title -->\r\n                <div class=\"about-title-wrapper\">\r\n                    <h2 class=\"about-main-title\">LANDU: Zaviazan\u00fd ka\u017ed\u00e9mu gramu<\/h2>\r\n                <\/div>\r\n                \r\n                <!-- Subtitle -->\r\n                <h3 class=\"about-subtitle\">Partner, v\u00fdrobca a inov\u00e1tor<\/h3>\r\n                \r\n                <!-- Decorative Line -->\r\n                <div class=\"about-content-line\"><\/div>\r\n                \r\n                <!-- Description Paragraphs -->\r\n                <div class=\"about-description\">\r\n                    <p class=\"about-paragraph\">\r\n                        Ako \u0161pi\u010dkov\u00fd v\u00fdrobca celul\u00f3zov\u00e9ho \u00e9teru a VAE RDP v \u010c\u00edne sa m\u00f4\u017eeme pochv\u00e1li\u0165 tromi v\u00fdrobn\u00fdmi z\u00e1klad\u0148ami s ro\u010dnou kapacitou 75 000 ton, ktor\u00e9 sl\u00fa\u017eia z\u00e1kazn\u00edkom a partnerom vo viac ako 60 krajin\u00e1ch sveta.\r\n                    <\/p>\r\n                    \r\n                    <p class=\"about-paragraph\">\r\n                        T\u00edm technickej podpory spolo\u010dnosti Landu, ktor\u00fd sa opiera o rozsiahle odborn\u00e9 znalosti a sk\u00fasenosti, pon\u00faka prvotriedne slu\u017eby. V\u010faka desa\u0165ro\u010diam sk\u00fasenost\u00ed v oblasti v\u00fdskumu, v\u00fdvoja a testovania recept\u00far s\u00fa dobre pripraven\u00ed pom\u00f4c\u0165 z\u00e1kazn\u00edkom pri v\u00fdvoji a optimaliz\u00e1cii spr\u00e1vnych produktov.\r\n                    <\/p>\r\n                    \r\n                    <p class=\"about-paragraph\">\r\n                        Na\u0161a oddanos\u0165 inov\u00e1ci\u00e1m a rie\u0161eniam zameran\u00fdm na klienta je hlboko zakorenen\u00e1 v na\u0161ej firemnej kult\u00fare. Zriadili sme priekopn\u00edcke centrum v\u00fdskumu a v\u00fdvoja a aplika\u010dn\u00e9 laborat\u00f3rium, ktor\u00e9 poskytuje v\u00fdrobu na mieru a pohotov\u00e9 slu\u017eby v\u010faka \u00fazkej spolupr\u00e1ci s na\u0161imi v\u00e1\u017een\u00fdmi klientmi. Na\u0161e v\u00fdrobky sa v s\u00fa\u010dasnosti dost\u00e1vaj\u00fa do viac ako 60 kraj\u00edn a regi\u00f3nov, \u010do potvrdzuje n\u00e1\u0161 neochvejn\u00fd z\u00e1v\u00e4zok sta\u0165 sa popredn\u00fdm dod\u00e1vate\u013eom ak pokro\u010dil\u00fdch pr\u00edsad do stavebn\u00fdch materi\u00e1lov.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <!-- Stats -->\r\n                <div class=\"about-stats\">\r\n                    <div class=\"about-stat-item\">\r\n                        <div class=\"about-stat-number\">3<\/div>\r\n                        <div class=\"about-stat-label\">V\u00fdrobn\u00e9 z\u00e1kladne<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"about-stat-item\">\r\n                        <div class=\"about-stat-number\">75,000<\/div>\r\n                        <div class=\"about-stat-label\">Kapacita v ton\u00e1ch<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"about-stat-item\">\r\n                        <div class=\"about-stat-number\">60+<\/div>\r\n                        <div class=\"about-stat-label\">Krajiny, ktor\u00e9 obsluhujeme<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Right Image -->\r\n            <div class=\"about-image-wrapper\">\r\n                <!-- Frame Decoration -->\r\n                <div class=\"about-frame-top\"><\/div>\r\n                <div class=\"about-frame-bottom\"><\/div>\r\n                <div class=\"about-frame-left\"><\/div>\r\n                <div class=\"about-frame-right\"><\/div>\r\n                \r\n                <!-- Corner Accents -->\r\n                <div class=\"about-corner-accent about-corner-tl\"><\/div>\r\n                <div class=\"about-corner-accent about-corner-tr\"><\/div>\r\n                <div class=\"about-corner-accent about-corner-bl\"><\/div>\r\n                <div class=\"about-corner-accent about-corner-br\"><\/div>\r\n                \r\n                <!-- Image Container -->\r\n                <div class=\"about-image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/scenic-view-of-the-austin-skyline-featuring-modern-high-rise-buildings.jpg\" \r\n                         alt=\"V\u00fdrobn\u00e9 zariadenie LANDU\"\r\n                         class=\"about-image\">\r\n                    <div class=\"about-image-overlay\"><\/div>\r\n                    <div class=\"about-image-shine\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bottom Decoration -->\r\n    <div class=\"about-bottom-decoration\"><\/div>\r\n<\/section>\r\n\r\n<!-- About LANDU CSS Styles -->\r\n<style>\r\n\/* About Divider *\/\r\n.about-divider {\r\n    width: 200px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #2563eb 75%, \r\n                transparent 100%);\r\n    margin: 0 auto 30px;\r\n    position: relative;\r\n    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.3);\r\n}\r\n\r\n.about-divider::before,\r\n.about-divider::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -3px;\r\n    box-shadow: 0 0 10px rgba(59, 130, 246, 0.6);\r\n    animation: aboutDotPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.about-divider::before {\r\n    left: -20px;\r\n}\r\n\r\n.about-divider::after {\r\n    right: -20px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes aboutDotPulse {\r\n    0%, 100% { opacity: 0.6; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.3); }\r\n}\r\n\r\n\/* About Pattern Background *\/\r\n.about-pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.04;\r\n    z-index: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px),\r\n        radial-gradient(circle at 40% 80%, #60a5fa 2px, transparent 2px),\r\n        radial-gradient(circle at 60% 20%, #2563eb 2px, transparent 2px);\r\n    background-size: 150px 150px, 180px 180px, 200px 200px, 160px 160px;\r\n    background-position: 0 0, 50px 50px, 100px 0, 120px 80px;\r\n    animation: aboutPatternMove 60s linear infinite;\r\n}\r\n\r\n@keyframes aboutPatternMove {\r\n    0% { background-position: 0 0, 50px 50px, 100px 0, 120px 80px; }\r\n    100% { background-position: 150px 150px, 230px 230px, 300px 200px, 280px 240px; }\r\n}\r\n\r\n\/* About Decorative Background *\/\r\n.about-decorative-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.05;\r\n}\r\n\r\n.about-decorative-bg::before,\r\n.about-decorative-bg::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 250px;\r\n    height: 250px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, #3b82f6, transparent);\r\n    animation: aboutDecorativeFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.about-decorative-bg::before {\r\n    top: 10%;\r\n    left: 5%;\r\n}\r\n\r\n.about-decorative-bg::after {\r\n    bottom: 10%;\r\n    right: 5%;\r\n    animation-delay: 10s;\r\n}\r\n\r\n@keyframes aboutDecorativeFloat {\r\n    0%, 100% { \r\n        transform: translate(0, 0);\r\n    }\r\n    50% { \r\n        transform: translate(20px, -20px);\r\n    }\r\n}\r\n\r\n\/* About Content *\/\r\n.about-content {\r\n    position: relative;\r\n    animation: fadeIn 0.8s ease-out;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* About Title Wrapper *\/\r\n.about-title-wrapper {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* About Main Title *\/\r\n.about-main-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 42px;\r\n    font-weight: 900;\r\n    color: #1e40af;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    text-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\r\n    animation: aboutTitleGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutTitleGlow {\r\n    0%, 100% { \r\n        text-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n    50% { \r\n        text-shadow: 0 3px 8px rgba(0, 0, 0, 0.1),\r\n                     0 0 20px rgba(59, 130, 246, 0.2);\r\n    }\r\n}\r\n\r\n\/* About Subtitle *\/\r\n.about-subtitle {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #2563eb;\r\n    margin: 15px 0 25px 0;\r\n    text-shadow: 0 2px 6px rgba(37, 99, 235, 0.2);\r\n}\r\n\r\n\/* About Content Line *\/\r\n.about-content-line {\r\n    width: 80px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);\r\n    margin: 0 0 30px 0;\r\n    border-radius: 2px;\r\n    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* About Description *\/\r\n.about-description {\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.about-paragraph {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: #555;\r\n    margin: 0 0 20px 0;\r\n    text-align: justify;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.about-paragraph:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* About Stats *\/\r\n.about-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-top: 40px;\r\n}\r\n\r\n.about-stat-item {\r\n    text-align: center;\r\n    padding: 25px 15px;\r\n    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\r\n    border-radius: 15px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n    border: 2px solid transparent;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.about-stat-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);\r\n    background-size: 200% 100%;\r\n    animation: aboutStatLineShift 3s linear infinite;\r\n}\r\n\r\n@keyframes aboutStatLineShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n.about-stat-item:hover {\r\n    transform: translateY(-8px);\r\n    border-color: #3b82f6;\r\n    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n.about-stat-number {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 36px;\r\n    font-weight: 900;\r\n    color: #1e40af;\r\n    margin-bottom: 10px;\r\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.about-stat-label {\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #666;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* About Image Wrapper *\/\r\n.about-image-wrapper {\r\n    position: relative;\r\n    animation: fadeIn 0.8s ease-out 0.3s both;\r\n}\r\n\r\n\/* About Frame Decoration *\/\r\n.about-frame-top,\r\n.about-frame-bottom,\r\n.about-frame-left,\r\n.about-frame-right {\r\n    position: absolute;\r\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n    z-index: 2;\r\n    box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);\r\n}\r\n\r\n.about-frame-top,\r\n.about-frame-bottom {\r\n    left: 0;\r\n    width: 100%;\r\n    height: 6px;\r\n}\r\n\r\n.about-frame-top {\r\n    top: 0;\r\n}\r\n\r\n.about-frame-bottom {\r\n    bottom: 0;\r\n}\r\n\r\n.about-frame-left,\r\n.about-frame-right {\r\n    top: 0;\r\n    width: 6px;\r\n    height: 100%;\r\n}\r\n\r\n.about-frame-left {\r\n    left: 0;\r\n}\r\n\r\n.about-frame-right {\r\n    right: 0;\r\n}\r\n\r\n\/* About Corner Accents *\/\r\n.about-corner-accent {\r\n    position: absolute;\r\n    width: 20px;\r\n    height: 20px;\r\n    z-index: 3;\r\n}\r\n\r\n.about-corner-accent::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #60a5fa;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 15px rgba(96, 165, 250, 0.8);\r\n    animation: aboutCornerPulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutCornerPulse {\r\n    0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n    50% { transform: translate(-50%, -50%) scale(1.3); }\r\n}\r\n\r\n.about-corner-tl {\r\n    top: -10px;\r\n    left: -10px;\r\n}\r\n\r\n.about-corner-tr {\r\n    top: -10px;\r\n    right: -10px;\r\n}\r\n\r\n.about-corner-tr::before {\r\n    animation-delay: 0.75s;\r\n}\r\n\r\n.about-corner-bl {\r\n    bottom: -10px;\r\n    left: -10px;\r\n}\r\n\r\n.about-corner-bl::before {\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n.about-corner-br {\r\n    bottom: -10px;\r\n    right: -10px;\r\n}\r\n\r\n.about-corner-br::before {\r\n    animation-delay: 2.25s;\r\n}\r\n\r\n\/* About Image Container *\/\r\n.about-image-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.about-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    transition: transform 0.8s ease;\r\n}\r\n\r\n.about-image-wrapper:hover .about-image {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.about-image-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(30, 64, 175, 0.1) 50%,\r\n                rgba(37, 99, 235, 0.2) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: 1;\r\n}\r\n\r\n.about-image-wrapper:hover .about-image-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n.about-image-shine {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                rgba(255, 255, 255, 0.3) 50%, \r\n                transparent 100%);\r\n    z-index: 2;\r\n    transition: left 0.8s ease;\r\n}\r\n\r\n.about-image-wrapper:hover .about-image-shine {\r\n    left: 100%;\r\n}\r\n\r\n\/* About Bottom Decoration *\/\r\n.about-bottom-decoration {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 80px;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(37, 99, 235, 0.02) 100%);\r\n    pointer-events: none;\r\n}\r\n\r\n.about-bottom-decoration::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 300px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 20%, \r\n                #3b82f6 40%, \r\n                #60a5fa 60%, \r\n                #3b82f6 80%, \r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    opacity: 0.3;\r\n    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .about-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 50px !important;\r\n    }\r\n    \r\n    .about-main-title {\r\n        font-size: 36px !important;\r\n    }\r\n    \r\n    .about-subtitle {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .about-paragraph {\r\n        font-size: 15px !important;\r\n    }\r\n    \r\n    .about-stats {\r\n        gap: 20px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .about-landu-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .about-grid {\r\n        gap: 40px !important;\r\n    }\r\n    \r\n    .about-main-title {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .about-subtitle {\r\n        font-size: 20px !important;\r\n    }\r\n    \r\n    .about-paragraph {\r\n        font-size: 14px !important;\r\n        text-align: left !important;\r\n    }\r\n    \r\n    .about-stats {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 20px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .about-main-title {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .about-subtitle {\r\n        font-size: 18px !important;\r\n    }\r\n    \r\n    .about-paragraph {\r\n        font-size: 13px !important;\r\n    }\r\n    \r\n    .about-stat-number {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .about-stat-label {\r\n        font-size: 12px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- About LANDU JavaScript -->\r\n<script>\r\n(function() {\r\n    \/\/ Animate stats on scroll\r\n    const observerOptions = {\r\n        threshold: 0.3,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                const statNumbers = entry.target.querySelectorAll('.about-stat-number');\r\n                statNumbers.forEach((stat, index) => {\r\n                    setTimeout(() => {\r\n                        stat.style.animation = 'fadeIn 0.8s ease-out forwards';\r\n                    }, index * 200);\r\n                });\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    const statsSection = document.querySelector('.about-stats');\r\n    if (statsSection) {\r\n        observer.observe(statsSection);\r\n    }\r\n})();\r\n<\/script>\r\n<!-- About LANDU Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac30c77 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ac30c77\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d34c65b\" data-id=\"d34c65b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4484507 elementor-widget elementor-widget-html\" data-id=\"4484507\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LANDU Way Section Start -->\r\n<section class=\"landu-way-section\" style=\"    padding: 100px 20px;    background: linear-gradient(180deg,                 #f8f9fa 0%,                 #ffffff 50%,                #f8f9fa 100%);    position: relative;    overflow: hidden;\">\r\n    <!-- Decorative Pattern Background -->\r\n    <div class=\"way-pattern-bg\"><\/div>\r\n    \r\n    <!-- Decorative Elements Background -->\r\n    <div class=\"way-decorative-bg\"><\/div>\r\n    \r\n    <div class=\"container\" style=\"max-width: 1800px; margin: 0 auto; position: relative; z-index: 2;\">\r\n        \r\n        <!-- Section Title -->\r\n        <div class=\"way-title-wrapper\">\r\n            <h2 class=\"way-main-title\">cesta LANDU<\/h2>\r\n        <\/div>\r\n        \r\n        <!-- Decorative Line -->\r\n        <div class=\"way-divider\"><\/div>\r\n        \r\n        <!-- Cards Grid -->\r\n        <div class=\"way-grid\" style=\"            display: grid;            grid-template-columns: repeat(5, 1fr);            gap: 25px;            margin-top: 50px;        \">\r\n            \r\n            <!-- Card 1: Innovation -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/company\/innovation-center\/\" target=\"_blank\" class=\"way-card way-card-1\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <!-- Accent Line Top -->\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <!-- Corner Accents -->\r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <!-- Image Container -->\r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/07\/LANDU-rigorous-test-labs.jpg\" \r\n                             alt=\"Inov\u00e1cie\"\r\n                             class=\"way-image\"\r\n                             style=\"object-position: center 30%;\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <!-- Title Overlay -->\r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">Inov\u00e1cie<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Frame Border -->\r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 2: Sustainability -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/sustainability\/\" target=\"_blank\" class=\"way-card way-card-2\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/young-asian-volunteers-with-garbage-bags-cleaning-park-area-ecology-charitable-organization.jpg\" \r\n                             alt=\"Udr\u017eate\u013enos\u0165\"\r\n                             class=\"way-image\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">Udr\u017eate\u013enos\u0165<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 3: Service -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/services\/\" target=\"_blank\" class=\"way-card way-card-3\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/08\/LANDU-one-stop-service.jpg\" \r\n                             alt=\"Slu\u017eba\"\r\n                             class=\"way-image\"\r\n                             style=\"object-position: center 35%;\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">Slu\u017eba<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 4: Trade Fairs -->\r\n            <a href=\"https:\/\/landu-china.com\/news-events\/trade-fairs-show\/\" target=\"_blank\" class=\"way-card way-card-4\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/12\/LANDU-trade-fair-scaled.jpg\" \r\n                             alt=\"Ve\u013etrhy\"\r\n                             class=\"way-image way-image-wide\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">Ve\u013etrhy<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <!-- Card 5: Manufacturing -->\r\n            <a href=\"https:\/\/landu-china.com\/en\/company\/certification-and-quality\/\" target=\"_blank\" class=\"way-card way-card-5\">\r\n                <div class=\"way-card-wrapper\">\r\n                    <div class=\"way-accent-top\"><\/div>\r\n                    \r\n                    <div class=\"way-corner-accent way-corner-tl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-tr\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-bl\"><\/div>\r\n                    <div class=\"way-corner-accent way-corner-br\"><\/div>\r\n                    \r\n                    <div class=\"way-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2024\/11\/DSC2389-\u62f7\u8d1d.webp\" \r\n                             alt=\"V\u00fdroba\"\r\n                             class=\"way-image way-image-wide\">\r\n                        <div class=\"way-image-overlay\"><\/div>\r\n                        <div class=\"way-image-shine\"><\/div>\r\n                        \r\n                        <div class=\"way-title-overlay\">\r\n                            <h3 class=\"way-card-title\">V\u00fdroba<\/h3>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"way-frame-border\"><\/div>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Bottom Decoration -->\r\n    <div class=\"way-bottom-decoration\"><\/div>\r\n<\/section>\r\n\r\n<!-- LANDU Way CSS Styles -->\r\n<style>\r\n\/* Way Title Wrapper *\/\r\n.way-title-wrapper {\r\n    position: relative;\r\n    text-align: center;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Way Main Title *\/\r\n.way-main-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 900;\r\n    color: #1e40af;\r\n    margin: 0;\r\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\r\n    animation: wayTitleGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes wayTitleGlow {\r\n    0%, 100% { \r\n        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\r\n    }\r\n    50% { \r\n        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1),\r\n                     0 0 25px rgba(59, 130, 246, 0.3);\r\n    }\r\n}\r\n\r\n\/* Way Divider *\/\r\n.way-divider {\r\n    width: 220px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 25%, \r\n                #3b82f6 50%, \r\n                #2563eb 75%, \r\n                transparent 100%);\r\n    margin: 0 auto 30px;\r\n    position: relative;\r\n    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.4);\r\n}\r\n\r\n.way-divider::before,\r\n.way-divider::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #3b82f6;\r\n    border-radius: 50%;\r\n    top: -3.5px;\r\n    box-shadow: 0 0 12px rgba(59, 130, 246, 0.8);\r\n    animation: wayDotPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.way-divider::before {\r\n    left: -25px;\r\n}\r\n\r\n.way-divider::after {\r\n    right: -25px;\r\n    animation-delay: 1s;\r\n}\r\n\r\n@keyframes wayDotPulse {\r\n    0%, 100% { opacity: 0.6; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.3); }\r\n}\r\n\r\n\/* Way Pattern Background *\/\r\n.way-pattern-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.04;\r\n    z-index: 0;\r\n    background-image: \r\n        radial-gradient(circle at 20% 30%, #2563eb 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, #3b82f6 2px, transparent 2px),\r\n        radial-gradient(circle at 40% 80%, #60a5fa 2px, transparent 2px),\r\n        radial-gradient(circle at 60% 20%, #2563eb 2px, transparent 2px);\r\n    background-size: 150px 150px, 180px 180px, 200px 200px, 160px 160px;\r\n    background-position: 0 0, 50px 50px, 100px 0, 120px 80px;\r\n    animation: wayPatternMove 60s linear infinite;\r\n}\r\n\r\n@keyframes wayPatternMove {\r\n    0% { background-position: 0 0, 50px 50px, 100px 0, 120px 80px; }\r\n    100% { background-position: 150px 150px, 230px 230px, 300px 200px, 280px 240px; }\r\n}\r\n\r\n\/* Way Decorative Background *\/\r\n.way-decorative-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.05;\r\n}\r\n\r\n.way-decorative-bg::before,\r\n.way-decorative-bg::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 250px;\r\n    height: 250px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, #3b82f6, transparent);\r\n    animation: wayDecorativeFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.way-decorative-bg::before {\r\n    top: 12%;\r\n    left: 10%;\r\n}\r\n\r\n.way-decorative-bg::after {\r\n    top: 18%;\r\n    right: 10%;\r\n    animation-delay: 10s;\r\n}\r\n\r\n@keyframes wayDecorativeFloat {\r\n    0%, 100% { \r\n        transform: translate(0, 0);\r\n    }\r\n    50% { \r\n        transform: translate(20px, -20px);\r\n    }\r\n}\r\n\r\n\/* Way Card *\/\r\n.way-card {\r\n    display: block;\r\n    position: relative;\r\n    text-decoration: none;\r\n    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n.way-card:hover {\r\n    transform: translateY(-15px);\r\n    z-index: 10;\r\n}\r\n\r\n\/* Way Card Wrapper *\/\r\n.way-card-wrapper {\r\n    position: relative;\r\n    height: 100%;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.way-card:hover .way-card-wrapper {\r\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25),\r\n                0 0 30px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* Way Accent Top *\/\r\n.way-accent-top {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 8px;\r\n    background: linear-gradient(90deg, \r\n                #2563eb 0%, \r\n                #3b82f6 25%, \r\n                #60a5fa 50%, \r\n                #3b82f6 75%, \r\n                #2563eb 100%);\r\n    background-size: 200% 100%;\r\n    z-index: 3;\r\n    animation: wayAccentShift 4s linear infinite;\r\n}\r\n\r\n@keyframes wayAccentShift {\r\n    0% { background-position: 0% 0%; }\r\n    100% { background-position: 200% 0%; }\r\n}\r\n\r\n\/* Way Corner Accents *\/\r\n.way-corner-accent {\r\n    position: absolute;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #60a5fa;\r\n    border-radius: 50%;\r\n    z-index: 4;\r\n    box-shadow: 0 0 15px rgba(96, 165, 250, 0.9);\r\n    animation: wayCornerPulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes wayCornerPulse {\r\n    0%, 100% { \r\n        transform: scale(1);\r\n        opacity: 0.8;\r\n    }\r\n    50% { \r\n        transform: scale(1.3);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.way-corner-tl {\r\n    top: 15px;\r\n    left: 15px;\r\n}\r\n\r\n.way-corner-tr {\r\n    top: 15px;\r\n    right: 15px;\r\n    animation-delay: 0.75s;\r\n}\r\n\r\n.way-corner-bl {\r\n    bottom: 15px;\r\n    left: 15px;\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n.way-corner-br {\r\n    bottom: 15px;\r\n    right: 15px;\r\n    animation-delay: 2.25s;\r\n}\r\n\r\n\/* Way Image Container *\/\r\n.way-image-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 450px;\r\n    overflow: hidden;\r\n}\r\n\r\n.way-image {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    max-width: none;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.8s ease;\r\n}\r\n\r\n.way-image-wide {\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 100%;\r\n}\r\n\r\n.way-card:hover .way-image {\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n}\r\n\r\n.way-image-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(0, 0, 0, 0.3) 60%,\r\n                rgba(0, 0, 0, 0.7) 100%);\r\n    z-index: 1;\r\n    transition: opacity 0.5s ease;\r\n}\r\n\r\n.way-card:hover .way-image-overlay {\r\n    background: linear-gradient(180deg, \r\n                transparent 0%, \r\n                rgba(30, 64, 175, 0.3) 50%,\r\n                rgba(37, 99, 235, 0.6) 100%);\r\n}\r\n\r\n.way-image-shine {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                rgba(255, 255, 255, 0.4) 50%, \r\n                transparent 100%);\r\n    z-index: 2;\r\n    transition: left 0.8s ease;\r\n}\r\n\r\n.way-card:hover .way-image-shine {\r\n    left: 100%;\r\n}\r\n\r\n\/* Way Title Overlay *\/\r\n.way-title-overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 25px 20px;\r\n    z-index: 2;\r\n    text-align: center;\r\n}\r\n\r\n.way-card-title {\r\n    font-family: 'Questrial', sans-serif;\r\n    font-size: 26px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5),\r\n                 0 0 20px rgba(96, 165, 250, 0.3);\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.way-card-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #60a5fa, #3b82f6);\r\n    transition: width 0.4s ease;\r\n    box-shadow: 0 0 10px rgba(96, 165, 250, 0.6);\r\n}\r\n\r\n.way-card:hover .way-card-title {\r\n    transform: scale(1.08);\r\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5),\r\n                 0 0 30px rgba(96, 165, 250, 0.6);\r\n}\r\n\r\n.way-card:hover .way-card-title::after {\r\n    width: 100%;\r\n}\r\n\r\n\/* Way Frame Border *\/\r\n.way-frame-border {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 4px solid transparent;\r\n    border-radius: 15px;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.way-card:hover .way-frame-border {\r\n    border-color: rgba(96, 165, 250, 0.6);\r\n    box-shadow: inset 0 0 30px rgba(96, 165, 250, 0.2);\r\n}\r\n\r\n\/* Way Bottom Decoration *\/\r\n.way-bottom-decoration {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 80px;\r\n    background: linear-gradient(180deg, transparent 0%, rgba(37, 99, 235, 0.02) 100%);\r\n    pointer-events: none;\r\n}\r\n\r\n.way-bottom-decoration::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 320px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, \r\n                transparent 0%, \r\n                #2563eb 20%, \r\n                #3b82f6 40%, \r\n                #60a5fa 60%, \r\n                #3b82f6 80%, \r\n                transparent 100%);\r\n    border-radius: 2px;\r\n    opacity: 0.3;\r\n    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n\/* Responsive Design - Large Tablet *\/\r\n@media (max-width: 1400px) {\r\n    .way-grid {\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 25px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Tablet *\/\r\n@media (max-width: 1024px) {\r\n    .way-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 25px !important;\r\n    }\r\n    \r\n    .way-main-title {\r\n        font-size: 42px !important;\r\n    }\r\n    \r\n    .way-card-title {\r\n        font-size: 24px !important;\r\n    }\r\n    \r\n    .way-image-container {\r\n        height: 420px !important;\r\n    }\r\n}\r\n\r\n\/* Responsive Design - Mobile *\/\r\n@media (max-width: 767px) {\r\n    .landu-way-section {\r\n        padding: 80px 15px !important;\r\n    }\r\n    \r\n    .way-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 35px !important;\r\n    }\r\n    \r\n    .way-main-title {\r\n        font-size: 36px !important;\r\n    }\r\n    \r\n    .way-card-title {\r\n        font-size: 22px !important;\r\n    }\r\n    \r\n    .way-image-container {\r\n        height: 380px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .way-main-title {\r\n        font-size: 32px !important;\r\n    }\r\n    \r\n    .way-card-title {\r\n        font-size: 20px !important;\r\n    }\r\n    \r\n    .way-image-container {\r\n        height: 320px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- LANDU Way JavaScript -->\r\n<script>\r\n(function() {\r\n    \/\/ Staggered animation on scroll\r\n    const observerOptions = {\r\n        threshold: 0.15,\r\n        rootMargin: '0px'\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n                const cards = entry.target.querySelectorAll('.way-card');\r\n                cards.forEach((card, index) => {\r\n                    setTimeout(() => {\r\n                        card.style.animation = 'fadeIn 0.8s ease-out forwards';\r\n                    }, index * 150);\r\n                });\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    \/\/ Add fadeIn animation\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    const wayGrid = document.querySelector('.way-grid');\r\n    const wayCards = document.querySelectorAll('.way-card');\r\n    if (wayGrid) {\r\n        wayCards.forEach(card => {\r\n            card.style.opacity = '0';\r\n        });\r\n        observer.observe(wayGrid);\r\n    }\r\n})();\r\n<\/script>\r\n<!-- LANDU Way Section End -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b872dd0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b872dd0\" data-element_type=\"section\" id=\"xs_blog_with_meta_1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3eb11903\" data-id=\"3eb11903\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6c14d4f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c14d4f6\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-9a91976\" data-id=\"9a91976\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9915fea elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9915fea\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200,&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Najnov\u0161ie spr\u00e1vy\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e85cff elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5e85cff\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-c82fae4 elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"c82fae4\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div id=\"post-items--c82fae4\" class=\"row post-items ekit-blog-posts-content wihout-masonry\" data-enable=\"no\">\n\n\t\t\t<!-- Blog Carousel markup render -->\n\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/ldcellulose.com\/sk\/masonry-mortar-protection-tips-for-all-weather-conditions\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/11\/cold-bricks-min_195c84de-cc1e-4baf-ae93-2727df620e67-1024x673.webp\" alt=\"Tipy na ochranu mur\u00e1rskej malty pre v\u0161etky poveternostn\u00e9 podmienky\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/ldcellulose.com\/sk\/kategoria\/blog\/\" rel=\"category tag\">Blog<\/a>\n                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                        \t\t\t\t\t\t\t\t\t\t                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/ldcellulose.com\/sk\/masonry-mortar-protection-tips-for-all-weather-conditions\/\">\n                            Tipy na ochranu mur\u00e1rskej malty pre v\u0161etky poveternostn\u00e9 podmienky                    <\/a>\n                <\/h2>\n                                                                                                                                                    \t\t\t\t\t\t\t\t\t\t<p>Presk\u00famajte, ako reaguje maltov\u00e1 malta na r\u00f4zne poveternostn\u00e9 podmienky a nau\u010dte sa praktick\u00e9 sp\u00f4soby, ako udr\u017ea\u0165 jej spracovate\u013enos\u0165, pri\u013enavos\u0165 a vytvrdzovanie\u2026<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/ldcellulose.com\/sk\/masonry-mortar-protection-tips-for-all-weather-conditions\/\" class=\"elementskit-btn  whitespace--normal\" >\n                                                                                    \u010c\u00edtajte viac                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/ldcellulose.com\/sk\/what-is-fiber-reinforced-concrete-full-guide-explained\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/11\/landu-Polypropylene-Fiber-PP-Fiber-free-sample.jpg\" alt=\"\u010co je vl\u00e1knobet\u00f3n? Kompletn\u00fd sprievodca vysvetlen\u00fd\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/ldcellulose.com\/sk\/kategoria\/blog\/\" rel=\"category tag\">Blog<\/a>\n                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                        \t\t\t\t\t\t\t\t\t\t                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/ldcellulose.com\/sk\/what-is-fiber-reinforced-concrete-full-guide-explained\/\">\n                            \u010co je vl\u00e1knobet\u00f3n? Kompletn\u00fd sprievodca vysvetlen\u00fd                    <\/a>\n                <\/h2>\n                                                                                                                                                    \t\t\t\t\t\t\t\t\t\t<p>Dozviete sa o v\u00fdhod\u00e1ch, druhoch a v\u00fdkonnosti vl\u00e1knobet\u00f3nu a o tom, ako r\u00f4zne vl\u00e1kna zlep\u0161uj\u00fa odolnos\u0165 a pru\u017enos\u0165 kon\u0161trukcie.<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/ldcellulose.com\/sk\/what-is-fiber-reinforced-concrete-full-guide-explained\/\" class=\"elementskit-btn  whitespace--normal\" >\n                                                                                    \u010c\u00edtajte viac                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t\n\n            <div class=\"col-lg-4 col-md-6\">\n\n                                    <div class=\"elementskit-post-image-card\">\n                        <div class=\"elementskit-entry-header\">\n                                                            <a href=\"https:\/\/ldcellulose.com\/sk\/enhance-textured-wall-putty-performance-with-landu-additives\/\" class=\"elementskit-entry-thumb\">\n                                    <img decoding=\"async\" src=\"https:\/\/ldcellulose.com\/wp-content\/uploads\/2025\/11\/textured-wall-putty-1024x576.jpg\" alt=\"Zlep\u0161ite v\u00fdkon \u0161trukt\u00farovacej stierky s pr\u00edsadami LANDU\">\n                                <\/a><!-- .elementskit-entry-thumb END -->\n                                                            \n                            \n                                                    <\/div><!-- .elementskit-entry-header END -->\n\n                        <div class=\"elementskit-post-body\">\n                            \n                                                                                                                <div class=\"post-meta-list\">\n                                                                                                                        <span class=\"post-cat\">\n\n                                <i aria-hidden=\"true\" class=\"icon icon-folder\"><\/i>\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/ldcellulose.com\/sk\/kategoria\/blog\/\" rel=\"category tag\">Blog<\/a>\n                            <\/span>\n                                                                                    <\/div>\n                                                                        \n                                        \n                                        \t\t\t\t\t\t\t\t\t\t                <h2 class=\"entry-title\">\n                    <a href=\"https:\/\/ldcellulose.com\/sk\/enhance-textured-wall-putty-performance-with-landu-additives\/\">\n                            Zlep\u0161ite v\u00fdkon \u0161trukt\u00farovacej stierky s pr\u00edsadami LANDU                    <\/a>\n                <\/h2>\n                                                                                                                                                    \t\t\t\t\t\t\t\t\t\t<p>Zlep\u0161ite v\u00fdkon, spracovate\u013enos\u0165 a odolnos\u0165 \u0161trukt\u00farovanej steny syt\u00e9 malty s rie\u0161eniami LANDU HPMC, RDP, PVA a defoamermi pre lep\u0161ie\u2026<\/p>\n                                                                                                                                                        <div class=\"btn-wraper\">\n                                    \n                                                                            <a href=\"https:\/\/ldcellulose.com\/sk\/enhance-textured-wall-putty-performance-with-landu-additives\/\" class=\"elementskit-btn  whitespace--normal\" >\n                                                                                    \u010c\u00edtajte viac                                        <\/a>\n                                                                    <\/div>\n                                                    <\/div><!-- .elementskit-post-body END -->\n                    <\/div>\n                \n            <\/div>\t\t\t\t        <\/div>\n        \n        \n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Mercy Law Professional Singer Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit. Koncert na\u017eivo - New York, 2020 K\u00fapi\u0165 vstupenky Biografia ...<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/websitedemos.net\/musician-02\/\"> <span class=\"screen-reader-text\">Domov<\/span> Pre\u010d\u00edtajte si viac \"<\/a><\/p>","protected":false},"author":1,"featured_media":5715,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1435","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/pages\/1435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/comments?post=1435"}],"version-history":[{"count":375,"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/pages\/1435\/revisions"}],"predecessor-version":[{"id":7928,"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/pages\/1435\/revisions\/7928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/media\/5715"}],"wp:attachment":[{"href":"https:\/\/ldcellulose.com\/sk\/wp-json\/wp\/v2\/media?parent=1435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}