{"id":5785,"date":"2025-02-17T03:54:47","date_gmt":"2025-02-17T03:54:47","guid":{"rendered":"https:\/\/landercoll.com\/?page_id=5785"},"modified":"2026-01-12T03:10:10","modified_gmt":"2026-01-12T03:10:10","slug":"home-2","status":"publish","type":"page","link":"https:\/\/landercoll.com\/sl","title":{"rendered":"Domov"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5785\" class=\"elementor elementor-5785\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da55ad1 e-con-full e-flex e-con e-parent\" data-id=\"da55ad1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2efa7f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f2efa7f\" data-element_type=\"widget\" data-e-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 Banner \u8f6e\u64ad\u6a21\u5757 - \u5b8c\u5168\u72ec\u7acb\u5c01\u88c5\u7248 -->\n<style>\n    \/* ========================================\n       CSS \u4f5c\u7528\u57df\u9694\u79bb - \u6240\u6709\u6837\u5f0f\u6dfb\u52a0\u7279\u5b9a\u524d\u7f00\n       ======================================== *\/\n    \n    \/* \u91cd\u7f6e\u6a21\u5757\u5185\u6240\u6709\u5143\u7d20\u7684\u6837\u5f0f *\/\n    .landu-banner-module,\n    .landu-banner-module *,\n    .landu-banner-module *::before,\n    .landu-banner-module *::after {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        border: none;\n        outline: none;\n        background: none;\n        font-family: inherit;\n        font-size: 100%;\n        font-weight: normal;\n        line-height: 1;\n        text-decoration: none;\n        list-style: none;\n        vertical-align: baseline;\n    }\n\n    \/* \u72ec\u7acb\u6307\u793a\u5668\u5bb9\u5668\u7684\u6837\u5f0f\u91cd\u7f6e *\/\n    .landu-banner-indicators-wrapper,\n    .landu-banner-indicators-wrapper *,\n    .landu-banner-indicators-wrapper *::before,\n    .landu-banner-indicators-wrapper *::after {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        border: none;\n        outline: none;\n        background: none;\n        font-family: inherit;\n        font-size: 100%;\n        font-weight: normal;\n        line-height: 1;\n        text-decoration: none;\n        list-style: none;\n        vertical-align: baseline;\n    }\n\n    \/* ========================================\n       LANDU Banner \u57fa\u7840\u6837\u5f0f\n       ======================================== *\/\n    .landu-banner-module {\n        position: relative;\n        width: 100%;\n        background: #1a2332;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        overflow: hidden;\n        isolation: isolate;\n    }\n\n    .landu-banner-module .landu-banner-carousel {\n        position: relative;\n        width: 100%;\n    }\n\n    .landu-banner-module .landu-banner-slide {\n        position: relative;\n        width: 100%;\n        height: 700px;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n        display: none;\n        overflow: hidden;\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active {\n        opacity: 1;\n        visibility: visible;\n        display: block;\n    }\n\n    \/* Banner 1: \u54c1\u724c\u4ecb\u7ecd *\/\n    .landu-banner-module .landu-banner-brand-hero {\n        position: relative;\n        height: 700px;\n        background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 30%, #1e40af 60%, #3b82f6 90%, #1e293b 100%);\n        background-size: 200% 200%;\n        animation: landu-professional-gradient 18s ease infinite;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    @keyframes landu-professional-gradient {\n        0%, 100% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n    }\n\n    .landu-banner-module .landu-banner-brand-hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 70%, rgba(37, 99, 235, 0.2) 0%, transparent 50%);\n        pointer-events: none;\n        animation: landu-professional-glow 12s ease-in-out infinite;\n        z-index: 1;\n    }\n\n    @keyframes landu-professional-glow {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.85; transform: scale(1.05); }\n    }\n\n    .landu-banner-module .landu-geometric-decoration {\n        position: absolute;\n        border-radius: 50%;\n        opacity: 0.08;\n        z-index: 1;\n        animation: landu-float-geometric 20s ease-in-out infinite;\n    }\n\n    .landu-banner-module .landu-geo-circle-1 {\n        width: 400px;\n        height: 400px;\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\n        top: -100px;\n        right: -100px;\n    }\n\n    .landu-banner-module .landu-geo-circle-2 {\n        width: 300px;\n        height: 300px;\n        background: linear-gradient(135deg, #2563eb, #1e40af);\n        bottom: -80px;\n        left: -80px;\n        animation-delay: 5s;\n    }\n\n    .landu-banner-module .landu-geo-circle-3 {\n        width: 200px;\n        height: 200px;\n        background: linear-gradient(135deg, #60a5fa, #3b82f6);\n        top: 40%;\n        left: 10%;\n        animation-delay: 10s;\n    }\n\n    @keyframes landu-float-geometric {\n        0%, 100% { transform: translateY(0) rotate(0deg); }\n        25% { transform: translateY(-30px) rotate(90deg); }\n        50% { transform: translateY(0) rotate(180deg); }\n        75% { transform: translateY(-20px) rotate(270deg); }\n    }\n\n    .landu-banner-module .landu-brand-hero-split {\n        position: relative;\n        z-index: 10;\n        max-width: 1400px;\n        width: 100%;\n        padding: 60px 80px;\n        display: grid;\n        grid-template-columns: 1.2fr 0.8fr;\n        gap: 80px;\n        align-items: center;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-brand-hero-split {\n        animation: landu-fadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards;\n    }\n\n    @keyframes landu-fadeInUp {\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .landu-banner-module .landu-brand-left {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .landu-banner-module .landu-brand-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 8px 20px;\n        background: rgba(59, 130, 246, 0.15);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 50px;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        color: #60a5fa;\n        width: fit-content;\n        backdrop-filter: blur(10px);\n    }\n\n    .landu-banner-module .landu-brand-eyebrow svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    .landu-banner-module .landu-brand-hero-title {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .landu-banner-module .landu-brand-name {\n        font-size: 72px;\n        font-weight: 900;\n        line-height: 1;\n        letter-spacing: -2px;\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);\n        background-size: 200% auto;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        animation: landu-gradient-text-flow 8s ease infinite;\n        filter: drop-shadow(0 0 30px rgba(59, 130, 246, 0.5));\n    }\n\n    @keyframes landu-gradient-text-flow {\n        0%, 100% { background-position: 0% center; }\n        50% { background-position: 100% center; }\n    }\n\n    .landu-banner-module .landu-brand-tagline {\n        font-size: 32px;\n        font-weight: 600;\n        line-height: 1.2;\n        color: #f8fafc;\n        letter-spacing: -0.5px;\n    }\n\n    .landu-banner-module .landu-brand-description {\n        font-size: 18px;\n        line-height: 1.6;\n        color: rgba(248, 250, 252, 0.8);\n        font-weight: 400;\n        max-width: 600px;\n    }\n\n    .landu-banner-module .landu-brand-description strong {\n        color: #60a5fa;\n        font-weight: 700;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 18px 40px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: #fff;\n        font-size: 16px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 12px;\n        width: fit-content;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 8px 30px rgba(59, 130, 246, 0.4);\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.6s ease;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover::before {\n        left: 100%;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 40px rgba(59, 130, 246, 0.6);\n    }\n\n    .landu-banner-module .landu-btn-icon {\n        font-size: 20px;\n        transition: transform 0.3s ease;\n    }\n\n    .landu-banner-module .landu-brand-cta-btn:hover .landu-btn-icon {\n        transform: translateX(4px);\n    }\n\n    .landu-banner-module .landu-brand-right {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .landu-banner-module .landu-stats-card {\n        display: flex;\n        align-items: center;\n        gap: 32px;\n        padding: 32px 40px;\n        background: rgba(30, 58, 138, 0.25);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 20px;\n        backdrop-filter: blur(20px);\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-stat-item {\n        flex: 1;\n        text-align: center;\n    }\n\n    .landu-banner-module .landu-stat-value {\n        font-size: 48px;\n        font-weight: 900;\n        line-height: 1;\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 8px;\n    }\n\n    .landu-banner-module .landu-stat-plus {\n        font-size: 32px;\n    }\n\n    .landu-banner-module .landu-stat-label {\n        font-size: 13px;\n        font-weight: 600;\n        color: rgba(248, 250, 252, 0.7);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .landu-banner-module .landu-stat-divider {\n        width: 1px;\n        height: 60px;\n        background: linear-gradient(180deg, transparent 0%, rgba(59, 130, 246, 0.4) 50%, transparent 100%);\n    }\n\n    .landu-banner-module .landu-feature-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }\n\n    .landu-banner-module .landu-feature-box {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        padding: 20px;\n        background: rgba(59, 130, 246, 0.15);\n        border: 1px solid rgba(59, 130, 246, 0.3);\n        border-radius: 16px;\n        backdrop-filter: blur(15px);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-module .landu-feature-box:hover {\n        background: rgba(59, 130, 246, 0.25);\n        border-color: rgba(59, 130, 246, 0.5);\n        transform: translateY(-4px);\n        box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n    }\n\n    .landu-banner-module .landu-feature-icon {\n        width: 32px;\n        height: 32px;\n    }\n\n    .landu-banner-module .landu-feature-icon svg {\n        width: 100%;\n        height: 100%;\n    }\n\n    .landu-banner-module .landu-feature-text {\n        font-size: 14px;\n        font-weight: 700;\n        color: #f8fafc;\n        text-align: center;\n    }\n\n    \/* Banner 2: \u4ea7\u54c1\u5c55\u793a *\/\n    .landu-banner-module .landu-banner-product-showcase {\n        position: relative;\n        height: 700px;\n        background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 25%, #2563eb 50%, #3b82f6 75%, #1e3a8a 100%);\n        background-size: 200% 200%;\n        animation: landu-professional-gradient 12s ease infinite;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n    }\n\n    .landu-banner-module .landu-banner-product-showcase::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.3) 0%, transparent 50%),\n                    radial-gradient(ellipse at 80% 70%, rgba(37, 99, 235, 0.25) 0%, transparent 50%),\n                    radial-gradient(ellipse at 50% 90%, rgba(96, 165, 250, 0.2) 0%, transparent 60%);\n        pointer-events: none;\n        animation: landu-professional-glow 8s ease-in-out infinite;\n        z-index: 1;\n    }\n\n    .landu-banner-module .landu-product-showcase-container {\n        position: relative;\n        z-index: 10;\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 60px 80px;\n        display: grid;\n        grid-template-columns: 48fr 52fr;\n        gap: 60px;\n        align-items: center;\n        height: 100%;\n    }\n\n    .landu-banner-module .landu-product-showcase-left {\n        opacity: 0;\n        transform: translateX(-30px);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-product-showcase-left {\n        animation: landu-fadeInLeft 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;\n    }\n\n    @keyframes landu-fadeInLeft {\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .landu-banner-module .landu-product-showcase-tag {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 7px 18px;\n        background: rgba(59, 130, 246, 0.25);\n        border: 1.5px solid rgba(96, 165, 250, 0.6);\n        border-radius: 100px;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        color: #60a5fa;\n        margin-bottom: 18px;\n        backdrop-filter: blur(15px);\n        width: fit-content;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-showcase-tag svg {\n        width: 14px;\n        height: 14px;\n    }\n\n    .landu-banner-module .landu-product-showcase-title {\n        font-size: 30px;\n        font-weight: 800;\n        line-height: 1.25;\n        margin-bottom: 14px;\n        letter-spacing: -0.8px;\n        color: #f8fafc;\n        text-shadow: 0 2px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-showcase-gradient {\n        background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 30%, #2563eb 70%, #1e40af 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        font-weight: 900;\n        display: block;\n        font-size: 34px;\n        margin-top: 6px;\n        letter-spacing: -1px;\n        filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.5));\n        animation: landu-gradient-text-flow 6s ease infinite;\n        background-size: 200% auto;\n    }\n\n    .landu-banner-module .landu-product-showcase-subtitle {\n        font-size: 14px;\n        line-height: 1.6;\n        color: rgba(248, 250, 252, 0.85);\n        margin-bottom: 20px;\n        font-weight: 500;\n        max-width: 480px;\n    }\n\n    .landu-banner-module .landu-product-features-list {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        margin-bottom: 20px;\n    }\n\n    .landu-banner-module .landu-product-feature-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 11px 16px;\n        background: rgba(59, 130, 246, 0.2);\n        backdrop-filter: blur(25px);\n        border-radius: 10px;\n        border: 1px solid rgba(96, 165, 250, 0.4);\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n    }\n\n    .landu-banner-module .landu-product-feature-item::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 3px;\n        height: 100%;\n        background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-feature-item:hover {\n        background: rgba(59, 130, 246, 0.3);\n        border-color: rgba(96, 165, 250, 0.6);\n        transform: translateX(4px);\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-feature-item:hover::before {\n        opacity: 1;\n    }\n\n    .landu-banner-module .landu-product-feature-icon {\n        min-width: 20px;\n        height: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-product-feature-icon svg {\n        width: 20px;\n        height: 20px;\n        fill: #60a5fa;\n        filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));\n    }\n\n    .landu-banner-module .landu-product-feature-content {\n        flex: 1;\n    }\n\n    .landu-banner-module .landu-product-feature-title {\n        font-size: 14px;\n        font-weight: 700;\n        color: #f8fafc;\n        margin-bottom: 2px;\n        letter-spacing: -0.2px;\n    }\n\n    .landu-banner-module .landu-product-feature-desc {\n        font-size: 12px;\n        color: rgba(248, 250, 252, 0.7);\n        line-height: 1.4;\n    }\n\n    .landu-banner-module .landu-product-showcase-cta {\n        display: flex;\n        gap: 12px;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 26px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        background-size: 200% auto;\n        color: #fff;\n        font-size: 13px;\n        font-weight: 700;\n        text-decoration: none;\n        border-radius: 10px;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 6px 25px rgba(59, 130, 246, 0.5);\n        letter-spacing: 0.3px;\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn:hover::before {\n        left: 100%;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 35px rgba(59, 130, 246, 0.6);\n    }\n\n    .landu-banner-module .landu-product-showcase-btn-secondary {\n        background: rgba(59, 130, 246, 0.25);\n        border: 1.5px solid rgba(96, 165, 250, 0.6);\n        color: #60a5fa;\n        box-shadow: none;\n    }\n\n    .landu-banner-module .landu-product-showcase-btn-secondary:hover {\n        background: rgba(59, 130, 246, 0.35);\n        border-color: rgba(96, 165, 250, 0.8);\n    }\n\n    .landu-banner-module .landu-product-showcase-right {\n        display: flex;\n        flex-direction: column;\n        gap: 18px;\n        opacity: 0;\n        transform: translateX(30px);\n    }\n\n    .landu-banner-module .landu-banner-slide.landu-active .landu-product-showcase-right {\n        animation: landu-fadeInRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;\n    }\n\n    @keyframes landu-fadeInRight {\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    .landu-banner-module .landu-product-card-compact {\n        display: grid;\n        grid-template-columns: 150px 1fr;\n        gap: 18px;\n        background: rgba(59, 130, 246, 0.15);\n        backdrop-filter: blur(25px);\n        border-radius: 14px;\n        border: 1px solid rgba(96, 165, 250, 0.4);\n        overflow: hidden;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-product-card-compact::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(90deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover {\n        transform: translateY(-6px);\n        border-color: rgba(96, 165, 250, 0.6);\n        box-shadow: 0 20px 50px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover::before {\n        opacity: 1;\n    }\n\n    .landu-banner-module .landu-product-card-image {\n        position: relative;\n        width: 150px;\n        height: 100%;\n        min-height: 160px;\n        overflow: hidden;\n        background: linear-gradient(135deg, rgba(30, 58, 138, 0.7) 0%, rgba(30, 64, 175, 0.9) 100%);\n    }\n\n    .landu-banner-module .landu-product-card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-module .landu-product-card-compact:hover .landu-product-card-image img {\n        transform: scale(1.1);\n    }\n\n    .landu-banner-module .landu-product-card-badge {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        padding: 4px 12px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: #fff;\n        font-size: 9px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.8px;\n        border-radius: 20px;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.6);\n        z-index: 2;\n    }\n\n    .landu-banner-module .landu-product-card-badge.landu-versatile {\n        background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);\n    }\n\n    .landu-banner-module .landu-product-card-content {\n        padding: 18px 18px 18px 0;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .landu-banner-module .landu-product-card-name {\n        font-size: 18px;\n        font-weight: 800;\n        color: #f8fafc;\n        margin-bottom: 4px;\n        letter-spacing: -0.4px;\n        line-height: 1.2;\n    }\n\n    .landu-banner-module .landu-product-card-tag {\n        font-size: 11px;\n        font-weight: 600;\n        color: #60a5fa;\n        margin-bottom: 3px;\n    }\n\n    .landu-banner-module .landu-product-card-chemical {\n        font-size: 10px;\n        color: rgba(248, 250, 252, 0.5);\n        font-style: italic;\n        margin-bottom: 10px;\n    }\n\n    .landu-banner-module .landu-product-card-description {\n        font-size: 12px;\n        line-height: 1.5;\n        color: rgba(248, 250, 252, 0.8);\n        margin-bottom: 12px;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .landu-banner-module .landu-product-card-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        color: #60a5fa;\n        font-size: 12px;\n        font-weight: 700;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        letter-spacing: 0.3px;\n        cursor: pointer;\n    }\n\n    .landu-banner-module .landu-product-card-link:hover {\n        gap: 10px;\n        color: #93c5fd;\n    }\n\n    .landu-banner-module .landu-product-card-link svg {\n        width: 14px;\n        height: 14px;\n        fill: currentColor;\n        transition: transform 0.3s ease;\n    }\n\n    .landu-banner-module .landu-product-card-link:hover svg {\n        transform: translateX(3px);\n    }\n\n    \/* \u8f6e\u64ad\u63a7\u5236 *\/\n    .landu-banner-indicators-wrapper {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        padding: 24px 0;\n        background: #f8fafc;\n        z-index: 20;\n        isolation: isolate;\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator {\n        width: 10px !important;\n        height: 10px !important;\n        min-width: 10px !important;\n        min-height: 10px !important;\n        border-radius: 50% !important;\n        background: rgba(59, 130, 246, 0.25) !important;\n        border: none !important;\n        cursor: pointer;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        padding: 0 !important;\n        margin: 0 !important;\n        position: relative;\n        flex-shrink: 0;\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 0;\n        height: 0;\n        background: #fff;\n        border-radius: 50%;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator:hover {\n        background: rgba(59, 130, 246, 0.4) !important;\n        transform: scale(1.2);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator.landu-active {\n        width: 10px !important;\n        height: 10px !important;\n        background: #3b82f6 !important;\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2), 0 2px 8px rgba(59, 130, 246, 0.4);\n    }\n\n    .landu-banner-indicators-wrapper .landu-indicator.landu-active::after {\n        width: 4px;\n        height: 4px;\n    }\n\n    .landu-banner-module .landu-banner-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 44px;\n        height: 44px;\n        background: rgba(59, 130, 246, 0.3);\n        backdrop-filter: blur(25px);\n        border: 1px solid rgba(96, 165, 250, 0.5);\n        border-radius: 50%;\n        color: #f8fafc;\n        font-size: 20px;\n        cursor: pointer;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        z-index: 20;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n    }\n\n    .landu-banner-module .landu-banner-arrow:hover {\n        background: rgba(59, 130, 246, 0.5);\n        border-color: rgba(96, 165, 250, 0.7);\n        transform: translateY(-50%) scale(1.1);\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);\n    }\n\n    .landu-banner-module .landu-arrow-prev { left: 30px; }\n    .landu-banner-module .landu-arrow-next { right: 30px; }\n\n    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1200px) {\n        .landu-banner-module .landu-banner-slide,\n        .landu-banner-module .landu-banner-brand-hero,\n        .landu-banner-module .landu-banner-product-showcase { height: 650px; }\n        .landu-banner-module .landu-brand-hero-split { gap: 60px; padding: 60px 60px; }\n        .landu-banner-module .landu-brand-name { font-size: 64px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 28px; }\n        .landu-banner-module .landu-stat-value { font-size: 42px; }\n        .landu-banner-module .landu-product-showcase-container { padding: 60px 60px; gap: 50px; grid-template-columns: 1fr 1fr; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 26px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 30px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 140px 1fr; gap: 16px; }\n        .landu-banner-module .landu-product-card-image { width: 140px; min-height: 150px; }\n    }\n\n    @media (max-width: 1024px) {\n        .landu-banner-module .landu-banner-slide,\n        .landu-banner-module .landu-banner-brand-hero,\n        .landu-banner-module .landu-banner-product-showcase { height: auto; min-height: 600px; }\n        .landu-banner-module .landu-brand-hero-split { grid-template-columns: 1fr; gap: 50px; padding: 50px 40px; }\n        .landu-banner-module .landu-brand-name { font-size: 56px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 24px; }\n        .landu-banner-module .landu-brand-description { font-size: 16px; }\n        .landu-banner-module .landu-product-showcase-container { grid-template-columns: 1fr; gap: 40px; padding: 50px 40px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 150px 1fr; gap: 18px; }\n        .landu-banner-module .landu-product-card-image { width: 150px; min-height: 160px; }\n    }\n\n    @media (max-width: 768px) {\n        .landu-banner-module .landu-brand-hero-split { padding: 40px 30px; gap: 40px; }\n        .landu-banner-module .landu-brand-name { font-size: 48px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 20px; }\n        .landu-banner-module .landu-brand-description { font-size: 15px; }\n        .landu-banner-module .landu-brand-cta-btn { width: 100%; justify-content: center; padding: 16px 36px; }\n        .landu-banner-module .landu-stats-card { flex-direction: column; gap: 24px; padding: 28px 32px; }\n        .landu-banner-module .landu-stat-divider { width: 80px; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.4) 50%, transparent 100%); }\n        .landu-banner-module .landu-feature-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n        .landu-banner-module .landu-feature-box { padding: 16px; }\n        .landu-banner-module .landu-feature-icon { width: 28px; height: 28px; }\n        .landu-banner-module .landu-feature-text { font-size: 12px; }\n        .landu-banner-module .landu-product-showcase-container { padding: 40px 30px; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 22px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 26px; }\n        .landu-banner-module .landu-product-showcase-subtitle { font-size: 13px; }\n        .landu-banner-module .landu-product-card-compact { grid-template-columns: 1fr; }\n        .landu-banner-module .landu-product-card-image { width: 100%; height: 180px; min-height: 180px; }\n        .landu-banner-module .landu-product-card-content { padding: 18px 20px 20px; }\n        .landu-banner-module .landu-product-showcase-cta { flex-direction: column; align-items: stretch; }\n        .landu-banner-module .landu-product-showcase-btn { justify-content: center; }\n        .landu-banner-module .landu-banner-arrow { width: 40px; height: 40px; font-size: 18px; }\n        .landu-banner-module .landu-arrow-prev { left: 20px; }\n        .landu-banner-module .landu-arrow-next { right: 20px; }\n        .landu-banner-indicators-wrapper { padding: 20px 0; gap: 10px; }\n        .landu-banner-indicators-wrapper .landu-indicator { width: 8px !important; height: 8px !important; min-width: 8px !important; min-height: 8px !important; }\n        .landu-banner-indicators-wrapper .landu-indicator.landu-active { width: 8px !important; height: 8px !important; }\n        .landu-banner-indicators-wrapper .landu-indicator.landu-active::after { width: 3px; height: 3px; }\n    }\n\n    @media (max-width: 480px) {\n        .landu-banner-module .landu-brand-name { font-size: 36px; }\n        .landu-banner-module .landu-brand-tagline { font-size: 18px; }\n        .landu-banner-module .landu-brand-description { font-size: 14px; }\n        .landu-banner-module .landu-brand-eyebrow { font-size: 11px; padding: 6px 16px; }\n        .landu-banner-module .landu-stat-value { font-size: 36px; }\n        .landu-banner-module .landu-stat-label { font-size: 11px; }\n        .landu-banner-module .landu-feature-grid { grid-template-columns: 1fr; }\n        .landu-banner-module .landu-product-showcase-title { font-size: 20px; }\n        .landu-banner-module .landu-product-showcase-gradient { font-size: 24px; }\n        .landu-banner-module .landu-product-card-name { font-size: 16px; }\n        .landu-banner-module .landu-product-card-image { height: 160px; min-height: 160px; }\n        .landu-banner-indicators-wrapper { gap: 8px; padding: 16px 0; }\n    }\n<\/style>\n\n<section class=\"landu-banner-module\">\n    <div class=\"landu-banner-carousel\">\n        <div class=\"landu-banner-slide landu-active\">\n            <div class=\"landu-banner-brand-hero\">\n                <div class=\"landu-geometric-decoration landu-geo-circle-1\"><\/div>\n                <div class=\"landu-geometric-decoration landu-geo-circle-2\"><\/div>\n                <div class=\"landu-geometric-decoration landu-geo-circle-3\"><\/div>\n                <div class=\"landu-brand-hero-split\">\n                    <div class=\"landu-brand-left\">\n                        <div class=\"landu-brand-eyebrow\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n                                <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n                            <\/svg>\n                            <span>Blagovna znamka LANDU<\/span>\n                        <\/div>\n                        <h1 class=\"landu-brand-hero-title\">\n                            <span class=\"landu-brand-name\">LANDERCOLL<\/span>\n                            <span class=\"landu-brand-tagline\">Natan\u010dni celulozni eteri<\/span>\n                        <\/h1>\n                        <p class=\"landu-brand-description\">\n                            Globalni proizvajalec <strong>HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC<\/strong><br>za industrije prihodnosti\n                        <\/p>\n                        <a href=\"https:\/\/landercoll.com\/sl\/kontaktirajte\/\" class=\"landu-brand-cta-btn\">\n                            <span class=\"landu-btn-text\">Pi\u0161ite nam<\/span>\n                            <span class=\"landu-btn-icon\">\u2192<\/span>\n                        <\/a>\n                    <\/div>\n                    <div class=\"landu-brand-right\">\n                        <div class=\"landu-stats-card\">\n                            <div class=\"landu-stat-item\">\n                                <div class=\"landu-stat-value\">1000<span class=\"landu-stat-plus\">+<\/span><\/div>\n                                <div class=\"landu-stat-label\">Zaupne podjetja<\/div>\n                            <\/div>\n                            <div class=\"landu-stat-divider\"><\/div>\n                            <div class=\"landu-stat-item\">\n                                <div class=\"landu-stat-value\">60<span class=\"landu-stat-plus\">+<\/span><\/div>\n                                <div class=\"landu-stat-label\">Dr\u017eave po vsem svetu<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-feature-grid\">\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Premium kakovost<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                        <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Globalni doseg<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Inovacije<\/div>\n                            <\/div>\n                            <div class=\"landu-feature-box\">\n                                <div class=\"landu-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"2\">\n                                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n                                        <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n                                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-feature-text\">Trajnostno<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"landu-banner-slide\">\n            <div class=\"landu-banner-product-showcase\">\n                <div class=\"landu-product-showcase-container\">\n                    <div class=\"landu-product-showcase-left\">\n                        <div class=\"landu-product-showcase-tag\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                <path d=\"M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24\"\/>\n                            <\/svg>\n                            <span>Innovation Excellence<\/span>\n                        <\/div>\n                        <h1 class=\"landu-product-showcase-title\">\n                            Preoblikovanje nanosov z\n                            <span class=\"landu-product-showcase-gradient\">Advanced Innovation<\/span>\n                        <\/h1>\n                        <p class=\"landu-product-showcase-subtitle\">\n                            LANDU brings you advanced cellulose ethers that set new standards in coating performance\u2014offering unmatched control, superior quality, and eco-conscious solutions.\n                        <\/p>\n                        <div class=\"landu-product-features-list\">\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">Napredno in\u017eenirstvo reologije<\/div>\n                                    <div class=\"landu-product-feature-desc\">Natan\u010dna optimizacija viskoznosti za brezhibno nana\u0161anje<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">Vrhunska kakovost filma<\/div>\n                                    <div class=\"landu-product-feature-desc\">Ultra-gladka tekstura z izjemno vzdr\u017eljivostjo<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"landu-product-feature-item\">\n                                <div class=\"landu-product-feature-icon\">\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"landu-product-feature-content\">\n                                    <div class=\"landu-product-feature-title\">Vodenje na podro\u010dju trajnostne kemije<\/div>\n                                    <div class=\"landu-product-feature-desc\">Okolju prijazne formulacije za odgovorno inovacijo<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-product-showcase-cta\">\n                            <a href=\"https:\/\/landu-china.com\/en\/products\/\" class=\"landu-product-showcase-btn\">\n                                <span>Raziskujte izdelke<\/span>\n                                <span>\u2192<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/landu-china.com\/en\/contact-us\/\" class=\"landu-product-showcase-btn landu-product-showcase-btn-secondary\">\n                                <span>Pi\u0161ite nam<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"landu-product-showcase-right\">\n                        <div class=\"landu-product-card-compact\">\n                            <div class=\"landu-product-card-image\">\n                                <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Methyl-Cellulose-HEMC.jpg\" alt=\"LANDERCOLL HEMC\">\n                                <div class=\"landu-product-card-badge\">Premium<\/div>\n                            <\/div>\n                            <div class=\"landu-product-card-content\">\n                                <h3 class=\"landu-product-card-name\">LANDERCOLL HEMC<\/h3>\n                                <p class=\"landu-product-card-tag\">Ocena strokovne uspe\u0161nosti<\/p>\n                                <p class=\"landu-product-card-chemical\">Hidroksietilmetilceluloza<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Izbolj\u0161uje lastnosti pretoka, ravnovesje vlage in enakomernost povr\u0161ine za vrhunske arhitekturne premaze z brezhibnimi rezultati.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-methyl-cellulose-hemc-mhec\/\" class=\"landu-product-card-link\">\n                                    <span>Oglejte si podrobnosti<\/span>\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"landu-product-card-compact\">\n                            <div class=\"landu-product-card-image\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/07\/LANDU-HEC-Hydroxyethyl-Cellulose-product.jpg\" alt=\"LANDERCOLL HEC\">\n                                <div class=\"landu-product-card-badge landu-versatile\">Ve\u010dnamenski<\/div>\n                            <\/div>\n                            <div class=\"landu-product-card-content\">\n                                <h3 class=\"landu-product-card-name\">LANDERCOLL HEC<\/h3>\n                                <p class=\"landu-product-card-tag\">Ve\u010dnamenska re\u0161itve za reologijo<\/p>\n                                <p class=\"landu-product-card-chemical\">Hidroksietil celuloza<\/p>\n                                <p class=\"landu-product-card-description\">\n                                    Nudi zanesljivo zgostitev, stabilnost formulacije in enostavno uporabo v vodnih barvah, kar zagotavlja zanesljive rezultate.\n                                <\/p>\n                                <a href=\"https:\/\/landu-china.com\/en\/hydroxyethyl-cellulose-hec\/\" class=\"landu-product-card-link\">\n                                    <span>Oglejte si podrobnosti<\/span>\n                                    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <button class=\"landu-banner-arrow landu-arrow-prev\" aria-label=\"Prej\u0161nji\">\u2039<\/button>\n    <button class=\"landu-banner-arrow landu-arrow-next\" aria-label=\"Naslednji\">\u203a<\/button>\n<\/section>\n\n<div class=\"landu-banner-indicators-wrapper\">\n    <button class=\"landu-indicator landu-active\" data-slide=\"0\" aria-label=\"Sloj 1\"><\/button>\n    <button class=\"landu-indicator\" data-slide=\"1\" aria-label=\"Sloj 2\"><\/button>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    class LanduBannerCarousel {\n        constructor(selector) {\n            this.module = document.querySelector(selector);\n            if (!this.module) return;\n            \n            this.slides = this.module.querySelectorAll('.landu-banner-slide');\n            this.indicators = document.querySelectorAll('.landu-banner-indicators-wrapper .landu-indicator');\n            this.prevBtn = this.module.querySelector('.landu-arrow-prev');\n            this.nextBtn = this.module.querySelector('.landu-arrow-next');\n            \n            this.currentIndex = 0;\n            this.totalSlides = this.slides.length;\n            this.isTransitioning = false;\n            this.autoPlayTimer = null;\n            this.autoPlayDelay = 7000;\n            \n            this.init();\n        }\n        \n        init() {\n            this.prevBtn?.addEventListener('click', () => this.prev());\n            this.nextBtn?.addEventListener('click', () => this.next());\n            \n            this.indicators.forEach((indicator, index) => {\n                indicator.addEventListener('click', () => this.goTo(index));\n            });\n            \n            document.addEventListener('keydown', (e) => {\n                if (e.key === 'ArrowLeft') this.prev();\n                if (e.key === 'ArrowRight') this.next();\n            });\n            \n            this.initTouch();\n            \n            this.module.addEventListener('mouseenter', () => this.stopAutoPlay());\n            this.module.addEventListener('mouseleave', () => this.startAutoPlay());\n            \n            document.addEventListener('visibilitychange', () => {\n                document.hidden ? this.stopAutoPlay() : this.startAutoPlay();\n            });\n            \n            this.startAutoPlay();\n        }\n        \n        goTo(index) {\n            if (this.isTransitioning || index === this.currentIndex) return;\n            \n            this.isTransitioning = true;\n            \n            this.slides[this.currentIndex].classList.remove('landu-active');\n            this.indicators[this.currentIndex].classList.remove\n            this.slides[this.currentIndex].classList.remove('landu-active');\n            this.indicators[this.currentIndex].classList.remove('landu-active');\n            \n            this.currentIndex = index;\n            this.slides[this.currentIndex].classList.add('landu-active');\n            this.indicators[this.currentIndex].classList.add('landu-active');\n            \n            setTimeout(() => {\n                this.isTransitioning = false;\n            }, 1200);\n        }\n        \n        next() {\n            const nextIndex = (this.currentIndex + 1) % this.totalSlides;\n            this.goTo(nextIndex);\n        }\n        \n        prev() {\n            const prevIndex = (this.currentIndex - 1 + this.totalSlides) % this.totalSlides;\n            this.goTo(prevIndex);\n        }\n        \n        startAutoPlay() {\n            this.stopAutoPlay();\n            this.autoPlayTimer = setInterval(() => this.next(), this.autoPlayDelay);\n        }\n        \n        stopAutoPlay() {\n            if (this.autoPlayTimer) {\n                clearInterval(this.autoPlayTimer);\n                this.autoPlayTimer = null;\n            }\n        }\n        \n        initTouch() {\n            let touchStartX = 0;\n            let touchEndX = 0;\n            \n            this.module.addEventListener('touchstart', (e) => {\n                touchStartX = e.changedTouches[0].screenX;\n            }, { passive: true });\n            \n            this.module.addEventListener('touchend', (e) => {\n                touchEndX = e.changedTouches[0].screenX;\n                const diff = touchStartX - touchEndX;\n                \n                if (Math.abs(diff) > 50) {\n                    diff > 0 ? this.next() : this.prev();\n                }\n            }, { passive: true });\n        }\n    }\n    \n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => {\n            new LanduBannerCarousel('.landu-banner-module');\n        });\n    } else {\n        new LanduBannerCarousel('.landu-banner-module');\n    }\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e27ee92 e-con-full e-flex e-con e-parent\" data-id=\"e27ee92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-701e5d6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"701e5d6\" data-element_type=\"widget\" data-e-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<!-- LANDERCOLL Professional Edition -->\n<style>\n    \/* ========================================\n       1. \u73b0\u4ee3\u914d\u8272\u7cfb\u7edf\n       ======================================== *\/\n    :root {\n        --primary-blue: #0066ff;\n        --primary-dark: #0052cc;\n        --accent-cyan: #00d4ff;\n        --accent-purple: #6366f1;\n        --accent-orange: #ff6b35;\n        --dark: #0a0a0a;\n        --gray-900: #1a1a1a;\n        --gray-700: #404040;\n        --gray-500: #737373;\n        --gray-300: #d4d4d4;\n        --gray-100: #f5f5f5;\n        --white: #ffffff;\n    }\n\n    .product-section {\n        position: relative;\n        background: linear-gradient(to bottom, var(--white) 0%, var(--gray-100) 100%);\n        padding: 120px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n        overflow: hidden;\n    }\n\n    \/* \u52a8\u6001\u80cc\u666f *\/\n    .animated-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .bg-orb {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(120px);\n        opacity: 0.06;\n        animation: float-orb 25s ease-in-out infinite;\n    }\n\n    .orb-1 {\n        top: 10%;\n        right: 10%;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, var(--primary-blue) 0%, transparent 70%);\n    }\n\n    .orb-2 {\n        bottom: 10%;\n        left: 10%;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, var(--accent-purple) 0%, transparent 70%);\n        animation-delay: 5s;\n    }\n\n    @keyframes float-orb {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(40px, -40px); }\n    }\n\n    .product-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 60px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* ========================================\n       2. \u6807\u9898\u533a\u57df\n       ======================================== *\/\n    .product-header {\n        text-align: center;\n        margin-bottom: 80px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .product-label {\n        display: inline-block;\n        padding: 8px 24px;\n        background: var(--dark);\n        color: var(--white);\n        font-size: 11px;\n        font-weight: 600;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        border-radius: 100px;\n        margin-bottom: 28px;\n    }\n\n    .product-title {\n        font-size: 56px;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 20px;\n        line-height: 1.1;\n        letter-spacing: -1.5px;\n    }\n\n    .title-highlight {\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-cyan) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .product-subtitle {\n        font-size: 20px;\n        color: var(--gray-500);\n        line-height: 1.6;\n        font-weight: 400;\n    }\n\n    \/* ========================================\n       3. \u4ea7\u54c1\u5361\u7247\u7f51\u683c\n       ======================================== *\/\n    .product-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px;\n    }\n\n    .product-card {\n        background: var(--white);\n        border-radius: 24px;\n        overflow: hidden;\n        position: relative;\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n        border: 1px solid rgba(0, 0, 0, 0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    .product-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n        border-color: rgba(0, 102, 255, 0.2);\n    }\n\n    \/* \u56fe\u7247\u5bb9\u5668 *\/\n    .product-image-wrapper {\n        height: 280px;\n        position: relative;\n        overflow: hidden;\n        background: var(--gray-100);\n    }\n\n    .product-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        transition: transform 0.6s ease;\n    }\n\n    .product-card:hover .product-image {\n        transform: scale(1.08);\n    }\n\n    \/* \u6e10\u53d8\u906e\u7f69 *\/\n    .image-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 50%;\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }\n\n    .product-card:hover .image-overlay {\n        opacity: 1;\n    }\n\n    \/* \u5fbd\u7ae0 *\/\n    .product-badge {\n        position: absolute;\n        top: 20px;\n        left: 20px;\n        padding: 8px 16px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(10px);\n        color: var(--primary-blue);\n        font-size: 11px;\n        font-weight: 700;\n        border-radius: 100px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        z-index: 10;\n    }\n\n    .badge-bestseller { color: var(--primary-blue); }\n    .badge-hightemp { color: var(--accent-purple); }\n    .badge-versatile { color: var(--accent-orange); }\n\n    \/* ========================================\n       4. \u5185\u5bb9\u533a\u57df\n       ======================================== *\/\n    .product-content {\n        padding: 32px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .product-code {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 700;\n        color: var(--primary-blue);\n        background: rgba(0, 102, 255, 0.08);\n        padding: 6px 14px;\n        border-radius: 8px;\n        margin-bottom: 16px;\n        align-self: flex-start;\n        letter-spacing: 1px;\n    }\n\n    .product-card:nth-child(2) .product-code {\n        color: var(--accent-purple);\n        background: rgba(99, 102, 241, 0.08);\n    }\n\n    .product-card:nth-child(3) .product-code {\n        color: var(--accent-orange);\n        background: rgba(255, 107, 53, 0.08);\n    }\n\n    .product-name {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }\n\n    .product-description {\n        font-size: 15px;\n        color: var(--gray-700);\n        line-height: 1.7;\n        margin-bottom: 28px;\n        flex-grow: 1;\n    }\n\n    \/* \u6309\u94ae *\/\n    .product-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        width: 100%;\n        padding: 16px 0;\n        background: var(--dark);\n        color: var(--white);\n        font-weight: 600;\n        font-size: 15px;\n        border-radius: 100px;\n        text-decoration: none;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 2px solid var(--dark);\n    }\n\n    .product-button:hover {\n        background: transparent;\n        color: var(--dark);\n        transform: translateY(-2px);\n    }\n\n    .product-card:nth-child(1) .product-button {\n        background: var(--primary-blue);\n        border-color: var(--primary-blue);\n    }\n\n    .product-card:nth-child(1) .product-button:hover {\n        background: transparent;\n        color: var(--primary-blue);\n    }\n\n    .product-card:nth-child(2) .product-button {\n        background: var(--accent-purple);\n        border-color: var(--accent-purple);\n    }\n\n    .product-card:nth-child(2) .product-button:hover {\n        background: transparent;\n        color: var(--accent-purple);\n    }\n\n    .product-card:nth-child(3) .product-button {\n        background: var(--accent-orange);\n        border-color: var(--accent-orange);\n    }\n\n    .product-card:nth-child(3) .product-button:hover {\n        background: transparent;\n        color: var(--accent-orange);\n    }\n\n    .button-arrow {\n        font-size: 18px;\n        transition: transform 0.3s ease;\n    }\n\n    .product-button:hover .button-arrow {\n        transform: translateX(5px);\n    }\n\n    \/* ========================================\n       5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n       ======================================== *\/\n    @media (max-width: 1200px) {\n        .product-container {\n            padding: 0 40px;\n        }\n\n        .product-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 32px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .product-section {\n            padding: 80px 0;\n        }\n\n        .product-container {\n            padding: 0 24px;\n        }\n\n        .product-grid {\n            grid-template-columns: 1fr;\n            max-width: 500px;\n            margin: 0 auto;\n        }\n\n        .product-title {\n            font-size: 40px;\n        }\n\n        .product-subtitle {\n            font-size: 18px;\n        }\n\n        .product-header {\n            margin-bottom: 60px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .product-title {\n            font-size: 32px;\n        }\n\n        .product-name {\n            font-size: 20px;\n        }\n\n        .product-image-wrapper {\n            height: 240px;\n        }\n    }\n<\/style>\n\n<section class=\"product-section\">\n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"animated-background\">\n        <div class=\"bg-orb orb-1\"><\/div>\n        <div class=\"bg-orb orb-2\"><\/div>\n    <\/div>\n\n    <div class=\"product-container\">\n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"product-header\">\n            <div class=\"product-label\">LANDERCOLL ISO-Certified Excellence<\/div>\n            <h2 class=\"product-title\">\n                <span class=\"title-highlight\">LANDERCOLL<\/span> Celulozni eter\n            <\/h2>\n            <p class=\"product-subtitle\">Premium kemi\u010dne re\u0161itve, ki poganjajo sodobno gradnjo in industrijske aplikacije z zanesljivostjo in zmogljivostjo.<\/p>\n        <\/div>\n\n        <!-- \u4ea7\u54c1\u7f51\u683c -->\n        <div class=\"product-grid\">\n            \n            <!-- \u4ea7\u54c1 1: HPMC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"683\" width=\"1024\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/HPMC-Hydroxypropyl-Methyl-Cellulose-4-1024x683.jpg\" \n                         alt=\"HPMC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-bestseller\">\u2b50 Najbolj prodajano<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HPMC<\/div>\n                    <h3 class=\"product-name\">Hidroksipropil metilceluloza<\/h3>\n                    <p class=\"product-description\">Osnovni dodatek za suhe me\u0161anice malte, ki izbolj\u0161uje zadr\u017eevanje vode, obdelovalnost in oprijemnost v lepilih za plo\u0161\u010dice in ometih.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/sl\/celulozni-eter\/hidroksipropilmetilceluloza-hpmc\/\" class=\"product-button\">\n                        <span>Poglej podrobnosti<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u4ea7\u54c1 2: HEMC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Methyl-Cellulose-HEMC.jpg\" \n                         alt=\"HEMC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-hightemp\">\ud83c\udf21\ufe0f Visoka temperatura<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEMC<\/div>\n                    <h3 class=\"product-name\">Hidroksietilmetilceluloza<\/h3>\n                    <p class=\"product-description\">Vrhunska termi\u010dna stabilnost za vro\u010de podnebje. Nudi odli\u010dno odpornost proti sinkanju in odprti \u010das za cementne in gipsane izdelke.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/sl\/celulozni-eter\/hidroksietil-metil-celuloza-hemc-mhec\/\" class=\"product-button\">\n                        <span>Poglej podrobnosti<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u4ea7\u54c1 3: HEC -->\n            <div class=\"product-card\">\n                <div class=\"product-image-wrapper\">\n                    <img height=\"683\" width=\"1024\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/Hydroxyethyl-Cellulose-HEC-3-1024x683.jpg\" \n                         alt=\"HEC\" class=\"product-image\" loading=\"lazy\">\n                    <div class=\"image-overlay\"><\/div>\n                    <div class=\"product-badge badge-versatile\">\u2728 Ve\u010dnamensko<\/div>\n                <\/div>\n                <div class=\"product-content\">\n                    <div class=\"product-code\">HEC<\/div>\n                    <h3 class=\"product-name\">Hidroksietil celuloza<\/h3>\n                    <p class=\"product-description\">Nenionski zgostilec, idealen za vodne barve in premaze. Nudi odli\u010dno sprejemanje barve, stabilnost in lastnosti te\u010denja.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/sl\/celulozni-eter\/hidroksietil-celuloza-hec\/\" class=\"product-button\">\n                        <span>Poglej podrobnosti<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df253a5 e-con-full e-flex e-con e-parent\" data-id=\"df253a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b11e979 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b11e979\" data-element_type=\"widget\" data-e-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<div class=\"applications-section\">\n    \n    <div class=\"container\">\n        \n        <div class=\"section-header\">\n            <div class=\"header-label\">Industry Solutions<\/div>\n            <h2 class=\"section-title\">Inovacije na podro\u010dju celuloznega etra po meri industrije<\/h2>\n            <p class=\"section-subtitle\">Premium kemi\u010dne re\u0161itve, ki poganjajo sodobno gradnjo in industrijske aplikacije z zanesljivostjo in zmogljivostjo.<\/p>\n        <\/div>\n\n        <!-- Row 1: 2 Cards -->\n        <div class=\"row-2\">\n            \n            <div class=\"application-card\">\n                <div class=\"card-badge badge-red\">Featured<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/bucket-with-construction-mix-gypsum-plaster-man-s-hand-with-a-spatula.jpg\" alt=\"Malta za suho me\u0161anje\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Malta za suho me\u0161anje<\/h3>\n                    <p class=\"card-description\">Celulozni eter z ve\u010dnamensko modifikacijo izbolj\u0161a u\u010dinkovitost suhomonta\u017enih malt: njegova odli\u010dna sposobnost zadr\u017eevanja vode (\u226595% RH stabilnost) prepre\u010duje prezgodnjo izgubo vlage in zagotavlja optimalno hidratacijo cementa za ve\u010djo tla\u010dno trdnost.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/suha-malta\/hpmc-za-lepilo-za-ploscice\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Lepilo za cementne plo\u0161\u010dice<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/suha-malta\/cementni-zidni-kit-skim-coat-vedno\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Stenski kit \/ Skim Coat<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/suha-malta\/dodatek-za-cementni-omet\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Cementni omet \/ omet<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/suha-malta\/\" class=\"card-button\">\n                        <span>Oglejte si ve\u010d<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-green\">Popular<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/painting-kit.jpg\" alt=\"Barve in premazi\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Barve in premazi<\/h3>\n                    <p class=\"card-description\">V industriji barv in premazov celulozni eter deluje kot zgo\u0161\u010devalec in modifikator reologije, ki zagotavlja optimalno viskoznost za bolj\u0161o stabilnost, odpornost proti pove\u0161anju in bolj\u0161i nanos s \u010dopi\u010dem ali valj\u010dkom. Pove\u010duje tudi zadr\u017eevanje vode, prepre\u010duje prezgodnje su\u0161enje in zagotavlja enakomerno tvorbo filma.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/barve-premazi\/dodatek-za-teksturirano-barvo\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Teksturirana barva<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/barve-premazi\/emulzijska-polimerizacija\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulzijska polimerizacija<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/barve-premazi\/emulzijska-barva\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Emulzijska barva<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/barve-premazi\/\" class=\"card-button\">\n                        <span>Oglejte si ve\u010d<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Row 2: 3 Cards -->\n        <div class=\"row-3\">\n            \n            <div class=\"application-card\">\n                <div class=\"card-badge badge-blue\">Certified<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/blue-and-white-capsules-spilled-out-of-a-medicine-jar-on-a-blue-background-.jpg\" alt=\"Farmacevtski izdelki\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Farmacevtski izdelki<\/h3>\n                    <p class=\"card-description\">Celuloza Landercoll\u00ae v farmacevtskih izdelkih deluje kot vezivo, zgo\u0161\u010devalec, stabilizator in sredstvo za nadzorovano spro\u0161\u010danje v tabletah, kapsulah in suspenzijah.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/farmacevtski-izdelki\/farmacevtske-pomozne-snovi\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Farmacevtske pomo\u017ene snovi<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/farmacevtski-izdelki\/aktivne-farmacevtske-sestavine\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Aktivne farmacevtske sestavine<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/farmacevtski-izdelki\/farmacevtski-intermediati\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Farmacevtski intermediati<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/farmacevtski-izdelki\/\" class=\"card-button\">\n                        <span>Oglejte si ve\u010d<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-orange\">Premium<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2024\/12\/food-and-beverage.jpg\" alt=\"Pija\u010de in napitki\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Pija\u010de in napitki<\/h3>\n                    <p class=\"card-description\">Celuloza Landercoll\u00ae v \u017eivilih deluje kot gostilo, stabilizator, emulgator in sredstvo za izbolj\u0161anje teksture v omakah, mle\u010dnih in brezglutenskih izdelkih.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/pijace-pijace\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Pija\u010de<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/pijace-pijace\/sladice-in-sladoled\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Sla\u0161\u010di\u010darstvo<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/pijace-pijace\/pekarna\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Pekarna<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/barve-premazi\/\" class=\"card-button\">\n                        <span>Oglejte si ve\u010d<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"application-card\">\n                <div class=\"card-badge badge-purple\">Innovative<\/div>\n                \n                <div class=\"card-image\">\n                    <img loading=\"lazy\" height=\"1333\" width=\"2000\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/household-detergents-and-cleaning-tools-against-blue-tile-background.jpg\" alt=\"Osebna in doma\u010da nega\">\n                    <div class=\"image-overlay\"><\/div>\n                <\/div>\n                \n                <div class=\"card-content\">\n                    <h3 class=\"card-title\">Osebna in doma\u010da nega<\/h3>\n                    <p class=\"card-description\">Celuloza Landercoll\u00ae v detergentih za osebno nego in nego doma pove\u010duje viskoznost, prepre\u010duje ponovno pritrjevanje umazanije in izbolj\u0161uje u\u010dinkovitost \u010di\u0161\u010denja.<\/p>\n                    \n                    <div class=\"card-links\">\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/osebna-oskrba-na-domu\/detergent-za-nego-doma\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>Detergent za nego doma<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/osebna-oskrba-na-domu\/detergent-za-osebno-nego\/\" class=\"link-item\">\n                            <span class=\"link-icon\">\u2192<\/span>\n                            <span>\u010cistilna sredstva za osebno nego<\/span>\n                        <\/a>\n                    <\/div>\n                    \n                    <a href=\"https:\/\/landercoll.com\/sl\/aplikacija\/barve-premazi\/\" class=\"card-button\">\n                        <span>Oglejte si ve\u010d<\/span>\n                        <span class=\"button-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u73b0\u4ee3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --primary-blue: #0066ff;\n    --accent-cyan: #00d4ff;\n    --accent-purple: #6366f1;\n    --accent-orange: #ff6b35;\n    --accent-green: #10b981;\n    --dark: #0a0a0a;\n    --gray-900: #1a1a1a;\n    --gray-700: #404040;\n    --gray-500: #737373;\n    --gray-300: #d4d4d4;\n    --gray-100: #f5f5f5;\n    --white: #ffffff;\n}\n\n.applications-section {\n    background: linear-gradient(180deg, var(--white) 0%, var(--gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.applications-section::before {\n    content: '';\n    position: absolute;\n    top: 10%;\n    right: 5%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(0, 102, 255, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(80px);\n    pointer-events: none;\n}\n\n.applications-section::after {\n    content: '';\n    position: absolute;\n    bottom: 10%;\n    left: 5%;\n    width: 700px;\n    height: 700px;\n    background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(80px);\n    pointer-events: none;\n}\n\n.container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\n   ======================================== *\/\n.section-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 80px;\n}\n\n.header-label {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--dark);\n    color: var(--white);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    border-radius: 100px;\n    margin-bottom: 28px;\n}\n\n.section-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.section-subtitle {\n    font-size: 18px;\n    color: var(--gray-500);\n    line-height: 1.6;\n    font-weight: 400;\n}\n\n\/* ========================================\n   3. \u5361\u7247\u7f51\u683c\u5e03\u5c40\n   ======================================== *\/\n.row-2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n    margin-bottom: 40px;\n}\n\n.row-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}\n\n.application-card {\n    background: var(--white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.application-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u5fbd\u7ae0 *\/\n.card-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    padding: 8px 18px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 100px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    z-index: 10;\n}\n\n.badge-red { color: #ef4444; }\n.badge-green { color: #10b981; }\n.badge-blue { color: #3b82f6; }\n.badge-orange { color: #f59e0b; }\n.badge-purple { color: #8b5cf6; }\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.card-image {\n    height: 280px;\n    position: relative;\n    overflow: hidden;\n    background: var(--gray-100);\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.application-card:hover .card-image img {\n    transform: scale(1.08);\n}\n\n\/* \u6e10\u53d8\u906e\u7f69 *\/\n.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 50%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.application-card:hover .image-overlay {\n    opacity: 1;\n}\n\n\/* ========================================\n   4. \u5185\u5bb9\u533a\u57df\n   ======================================== *\/\n.card-content {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--dark);\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.card-description {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--gray-700);\n    margin-bottom: 24px;\n    flex-grow: 1;\n}\n\n\/* \u94fe\u63a5\u5217\u8868 *\/\n.card-links {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    margin-bottom: 28px;\n    border-top: 1px solid var(--gray-300);\n    padding-top: 20px;\n}\n\n.link-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    font-size: 14px;\n    color: var(--gray-700);\n    text-decoration: none;\n    transition: all 0.3s ease;\n    border-bottom: 1px solid transparent;\n}\n\n.link-item:hover {\n    color: var(--primary-blue);\n    padding-left: 8px;\n    border-bottom-color: var(--gray-300);\n}\n\n.link-icon {\n    font-size: 16px;\n    font-weight: 700;\n    transition: transform 0.3s ease;\n}\n\n.link-item:hover .link-icon {\n    transform: translateX(4px);\n}\n\n\/* \u6309\u94ae *\/\n.card-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    padding: 16px 0;\n    background: var(--dark);\n    color: var(--white);\n    font-weight: 600;\n    font-size: 15px;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid var(--dark);\n}\n\n.card-button:hover {\n    background: transparent;\n    color: var(--dark);\n    transform: translateY(-2px);\n}\n\n.button-arrow {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n}\n\n.card-button:hover .button-arrow {\n    transform: translateX(5px);\n}\n\n\/* ========================================\n   5. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1200px) {\n    .container {\n        padding: 0 40px;\n    }\n\n    .row-2,\n    .row-3 {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n    }\n}\n\n@media (max-width: 768px) {\n    .applications-section {\n        padding: 80px 0;\n    }\n\n    .container {\n        padding: 0 24px;\n    }\n\n    .section-header {\n        margin-bottom: 60px;\n    }\n\n    .section-title {\n        font-size: 36px;\n    }\n\n    .section-subtitle {\n        font-size: 16px;\n    }\n\n    .row-2,\n    .row-3 {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n\n    .card-title {\n        font-size: 20px;\n    }\n\n    .card-description {\n        font-size: 14px;\n    }\n\n    .card-image {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .section-title {\n        font-size: 28px;\n    }\n\n    .card-content {\n        padding: 24px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ace5ba3 e-con-full e-flex e-con e-parent\" data-id=\"ace5ba3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2f2ead elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e2f2ead\" data-element_type=\"widget\" data-e-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<div class=\"hero-section\">\n    \n    <div class=\"hero-container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"hero-header\">\n            <div class=\"hero-badge\">Industry Excellence<\/div>\n            <h1 class=\"hero-main-title\">Precision-Formulated Cellulose Ether for Peak Industrial Performance<\/h1>\n            <p class=\"hero-description\">LANDERCOLL Precision Cellulose Ethers for Tomorrow's Industries<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"intro-panel\">\n            <p>As a global leader in cellulose ether innovation, LANDERCOLL delivers nature-driven performance for industries shaping tomorrow. Trusted by <strong>1000+ enterprises<\/strong> across construction, pharma, and detergents, our products emerge in global markets, including HPMC, HEMC, HEC, and CMC.<\/p>\n        <\/div>\n\n        <!-- \u4e09\u680f\u7279\u6027\u5361\u7247 -->\n        <div class=\"features-grid\">\n            \n            <!-- Feature 1 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-primary\">Featured<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/landercoll-laboratory-cellulose-ether-9.jpg\" alt=\"Zagotavljanje kakovosti\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-primary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n                            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Zagotavljanje kakovosti<\/h3>\n                    <p class=\"feature-text\">Podjetje LANDERCOLL je certificirano po standardih EU REACH in ISO, zato si prizadeva izpolnjevati mednarodne predpise za zagotavljanje varnih in visokokakovostnih aditivov.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 2 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-secondary\">Inovacije<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/06\/LANDU-\u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439-\u0446\u0435\u043d\u0442\u0440.jpg\" alt=\"Pogon za inovacije\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-secondary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Pogon za inovacije<\/h3>\n                    <p class=\"feature-text\">LANDERCOLL je predstavil vrsto naprednih instrumentov, ki zagotavljajo optimalno delovanje in inovativne re\u0161itve, prilagojene posebnim zahtevam na\u0161ih strank.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 3 -->\n            <div class=\"feature-card\">\n                <div class=\"feature-badge badge-tertiary\">Certified<\/div>\n                <div class=\"feature-image-wrapper\">\n                    <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-manufacturing-certification.png\" alt=\"Global Standards\" class=\"feature-image\">\n                    <div class=\"feature-overlay\"><\/div>\n                <\/div>\n                <div class=\"feature-body\">\n                    <div class=\"feature-icon-box icon-tertiary\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Global Standards<\/h3>\n                    <p class=\"feature-text\">Our commitment to excellence is reflected in our comprehensive certifications, ensuring compliance with the highest international quality and safety standards.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- CTA \u6309\u94ae -->\n        <div class=\"hero-cta\">\n            <a href=\"https:\/\/landercoll.com\/sl\/podjetje\/\" class=\"hero-button\">\n                <span>Discover Our Story<\/span>\n                <span class=\"button-icon\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n    <\/div>\n    \n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"hero-background\">\n        <div class=\"bg-gradient bg-gradient-1\"><\/div>\n        <div class=\"bg-gradient bg-gradient-2\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u6838\u5fc3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --hero-primary: #0066ff;\n    --hero-primary-dark: #0052cc;\n    --hero-secondary: #6366f1;\n    --hero-tertiary: #10b981;\n    --hero-dark: #0a0a0a;\n    --hero-gray-900: #1a1a1a;\n    --hero-gray-700: #404040;\n    --hero-gray-500: #737373;\n    --hero-gray-300: #d4d4d4;\n    --hero-gray-100: #f5f5f5;\n    --hero-white: #ffffff;\n}\n\n.hero-section {\n    background: linear-gradient(180deg, var(--hero-white) 0%, var(--hero-gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.hero-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.bg-gradient {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.06;\n    animation: float-bg 25s ease-in-out infinite;\n}\n\n.bg-gradient-1 {\n    top: -10%;\n    right: -5%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, var(--hero-primary) 0%, transparent 70%);\n}\n\n.bg-gradient-2 {\n    bottom: -15%;\n    left: -10%;\n    width: 900px;\n    height: 900px;\n    background: radial-gradient(circle, var(--hero-secondary) 0%, transparent 70%);\n    animation-delay: 5s;\n}\n\n@keyframes float-bg {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(50px, -50px); }\n}\n\n.hero-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\uff08\u4f18\u5316\u540e\u7684\u5c3a\u5bf8\uff09\n   ======================================== *\/\n.hero-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 60px;\n}\n\n.hero-badge {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--hero-dark);\n    color: var(--hero-white);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    border-radius: 100px;\n    margin-bottom: 32px;\n}\n\n.hero-main-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--hero-dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.hero-description {\n    font-size: 20px;\n    color: var(--hero-gray-500);\n    font-weight: 400;\n    line-height: 1.6;\n}\n\n\/* ========================================\n   3. \u4ecb\u7ecd\u9762\u677f\n   ======================================== *\/\n.intro-panel {\n    background: var(--hero-white);\n    border-left: 4px solid var(--hero-primary);\n    padding: 36px 44px;\n    border-radius: 16px;\n    margin-bottom: 70px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n}\n\n.intro-panel p {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--hero-gray-700);\n    margin: 0;\n}\n\n.intro-panel strong {\n    color: var(--hero-primary);\n    font-weight: 700;\n}\n\n\/* ========================================\n   4. \u7279\u6027\u5361\u7247\u7f51\u683c\n   ======================================== *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    margin-bottom: 70px;\n}\n\n.feature-card {\n    background: var(--hero-white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.feature-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u5fbd\u7ae0 *\/\n.feature-badge {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    padding: 8px 18px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 100px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    z-index: 10;\n}\n\n.badge-primary { color: var(--hero-primary); }\n.badge-secondary { color: var(--hero-secondary); }\n.badge-tertiary { color: var(--hero-tertiary); }\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.feature-image-wrapper {\n    height: 260px;\n    position: relative;\n    overflow: hidden;\n    background: var(--hero-gray-100);\n}\n\n.feature-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.feature-card:hover .feature-image {\n    transform: scale(1.08);\n}\n\n\/* \u6e10\u53d8\u906e\u7f69 *\/\n.feature-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 50%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.feature-card:hover .feature-overlay {\n    opacity: 1;\n}\n\n\/* \u5185\u5bb9\u533a\u57df *\/\n.feature-body {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.feature-icon-box {\n    width: 56px;\n    height: 56px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    transition: all 0.4s ease;\n}\n\n.icon-primary {\n    background: rgba(0, 102, 255, 0.1);\n    color: var(--hero-primary);\n}\n\n.icon-secondary {\n    background: rgba(99, 102, 241, 0.1);\n    color: var(--hero-secondary);\n}\n\n.icon-tertiary {\n    background: rgba(16, 185, 129, 0.1);\n    color: var(--hero-tertiary);\n}\n\n.feature-card:hover .feature-icon-box {\n    transform: scale(1.1) rotate(-5deg);\n}\n\n.feature-title {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--hero-dark);\n    margin-bottom: 14px;\n    line-height: 1.3;\n}\n\n.feature-text {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--hero-gray-700);\n}\n\n\/* ========================================\n   5. CTA \u6309\u94ae\n   ======================================== *\/\n.hero-cta {\n    text-align: center;\n}\n\n.hero-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 38px;\n    background: var(--hero-dark);\n    color: var(--hero-white);\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid var(--hero-dark);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n}\n\n.hero-button:hover {\n    background: transparent;\n    color: var(--hero-dark);\n    transform: translateY(-3px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n.button-icon {\n    font-size: 20px;\n    transition: transform 0.3s ease;\n}\n\n.hero-button:hover .button-icon {\n    transform: translateX(5px);\n}\n\n\/* ========================================\n   6. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1400px) {\n    .hero-container {\n        padding: 0 40px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .features-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .hero-main-title {\n        font-size: 40px;\n    }\n\n    .hero-description {\n        font-size: 18px;\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-section {\n        padding: 100px 0;\n    }\n\n    .hero-container {\n        padding: 0 24px;\n    }\n\n    .hero-main-title {\n        font-size: 32px;\n    }\n\n    .hero-description {\n        font-size: 17px;\n    }\n\n    .intro-panel {\n        padding: 28px;\n    }\n\n    .intro-panel p {\n        font-size: 15px;\n    }\n\n    .feature-title {\n        font-size: 20px;\n    }\n\n    .feature-image-wrapper {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .hero-main-title {\n        font-size: 26px;\n    }\n\n    .hero-description {\n        font-size: 16px;\n    }\n\n    .intro-panel {\n        padding: 24px;\n    }\n\n    .feature-body {\n        padding: 24px;\n    }\n\n    .hero-button {\n        width: 100%;\n        justify-content: center;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-befaa57 e-con-full e-flex e-con e-parent\" data-id=\"befaa57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f57f543 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f57f543\" data-element_type=\"widget\" data-e-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<div class=\"innovation-section\">\n    \n    <div class=\"innovation-container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"innovation-header\">\n            <div class=\"innovation-badge\">Innovation Excellence<\/div>\n            <h2 class=\"innovation-title\">LANDERCOLL: Pionirji na novih podro\u010djih uporabe celuloznega etra<\/h2>\n            <p class=\"innovation-subtitle\">Na podatkih podprta kemija za predvidljiv uspeh<\/p>\n        <\/div>\n\n        <!-- \u4e09\u680f\u670d\u52a1\u5361\u7247 -->\n        <div class=\"innovation-grid\">\n            \n            <!-- Service 1 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">01<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-sample-test.jpg\" alt=\"Prilagojena formulacija\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <polyline points=\"12 6 12 12 16 14\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">Prilagojena formulacija<\/h3>\n                    <p class=\"card-description\">At LANDERCOLL, we engineer precision-grade cellulose ether formulations to meet your exact industrial requirements. Leveraging our triple-lab R&amp;D infrastructure, we customize HPMC, HEC, CMC, and HEMC variants across 20+ parameters.<\/p>\n                    <a href=\"https:\/\/landu-china.com\/en\/services\/formulation-development\/\" class=\"card-link-button\">\n                        <span>Preberite ve\u010d<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Service 2 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">02<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/04\/landercoll-laboratory-cellulose-ether-11-scaled.jpg\" alt=\"Storitve testiranja vzorcev\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n                                <polyline points=\"14 2 14 8 20 8\"\/>\n                                <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n                                <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n                                <polyline points=\"10 9 9 9 8 9\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">Storitve testiranja vzorcev<\/h3>\n                    <p class=\"card-description\">Pri podjetju LANDERCOLL vam nudimo brezpla\u010dne vzorce, podrobna poro\u010dila o tehni\u010dnih postopkih in iz\u010drpne smernice. \u010ce imate kakr\u0161na koli vpra\u0161anja ali pomisleke glede u\u010dinkovitosti izdelka, vam je na\u0161a ekipa strokovnjakov in kemikov na voljo za pomo\u010d.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/sl\/storitve\/\" class=\"card-link-button\">\n                        <span>Preberite ve\u010d<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Service 3 -->\n            <div class=\"innovation-card\">\n                <div class=\"card-number-badge\">03<\/div>\n                <div class=\"card-image-container\">\n                    <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/landercoll-cellulose-ether-laboratory.jpg\" alt=\"Raz\u0161irite podro\u010dja uporabe\" class=\"card-image\">\n                    <div class=\"card-image-overlay\">\n                        <div class=\"overlay-icon-wrapper\">\n                            <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-heading\">Raz\u0161irite podro\u010dja uporabe<\/h3>\n                    <p class=\"card-description\">Continuously expanding beyond traditional sectors, LANDERCOLL is driving cellulose ether innovations into cutting-edge industries. Our R&amp;D breakthroughs now enable our Cellulose Ether to revolutionize ceramic, oil drilling, paint remover, and textiles.<\/p>\n                    <a href=\"https:\/\/landercoll.com\/sl\/podjetje\/inovacijski-center\/\" class=\"card-link-button\">\n                        <span>Preberite ve\u010d<\/span>\n                        <span class=\"link-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n    \n    <!-- \u52a8\u6001\u80cc\u666f -->\n    <div class=\"innovation-background\">\n        <div class=\"bg-shape shape-1\"><\/div>\n        <div class=\"bg-shape shape-2\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ========================================\n   1. \u6838\u5fc3\u914d\u8272\u7cfb\u7edf\n   ======================================== *\/\n:root {\n    --innov-primary: #0066ff;\n    --innov-secondary: #6366f1;\n    --innov-tertiary: #10b981;\n    --innov-dark: #0a0a0a;\n    --innov-gray-900: #1a1a1a;\n    --innov-gray-700: #404040;\n    --innov-gray-500: #737373;\n    --innov-gray-300: #d4d4d4;\n    --innov-gray-100: #f5f5f5;\n    --innov-white: #ffffff;\n}\n\n.innovation-section {\n    background: linear-gradient(180deg, var(--innov-white) 0%, var(--innov-gray-100) 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;\n}\n\n\/* \u52a8\u6001\u80cc\u666f *\/\n.innovation-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.bg-shape {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.06;\n    animation: float-shape 25s ease-in-out infinite;\n}\n\n.shape-1 {\n    top: -10%;\n    right: -5%;\n    width: 800px;\n    height: 800px;\n    background: radial-gradient(circle, var(--innov-primary) 0%, transparent 70%);\n}\n\n.shape-2 {\n    bottom: -15%;\n    left: -10%;\n    width: 900px;\n    height: 900px;\n    background: radial-gradient(circle, var(--innov-secondary) 0%, transparent 70%);\n    animation-delay: 5s;\n}\n\n@keyframes float-shape {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(50px, -50px); }\n}\n\n.innovation-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n    z-index: 1;\n}\n\n\/* ========================================\n   2. \u6807\u9898\u533a\u57df\n   ======================================== *\/\n.innovation-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 70px;\n}\n\n.innovation-badge {\n    display: inline-block;\n    padding: 8px 24px;\n    background: var(--innov-dark);\n    color: var(--innov-white);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    border-radius: 100px;\n    margin-bottom: 32px;\n}\n\n.innovation-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    margin-bottom: 20px;\n    line-height: 1.2;\n    letter-spacing: -1px;\n}\n\n.innovation-subtitle {\n    font-size: 20px;\n    color: var(--innov-gray-500);\n    font-weight: 400;\n    line-height: 1.6;\n}\n\n\/* ========================================\n   3. \u670d\u52a1\u5361\u7247\u7f51\u683c\n   ======================================== *\/\n.innovation-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n}\n\n.innovation-card {\n    background: var(--innov-white);\n    border-radius: 24px;\n    overflow: hidden;\n    position: relative;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n}\n\n.innovation-card:hover {\n    transform: translateY(-12px);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n    border-color: rgba(0, 102, 255, 0.2);\n}\n\n\/* \u7f16\u53f7\u5fbd\u7ae0 *\/\n.card-number-badge {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    width: 48px;\n    height: 48px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    z-index: 10;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n\/* \u56fe\u7247\u5bb9\u5668 *\/\n.card-image-container {\n    height: 280px;\n    position: relative;\n    overflow: hidden;\n    background: var(--innov-gray-100);\n}\n\n.card-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n}\n\n.innovation-card:hover .card-image {\n    transform: scale(1.08);\n}\n\n\/* \u56fe\u7247\u906e\u7f69 *\/\n.card-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(0, 102, 255, 0.9) 0%, rgba(99, 102, 241, 0.9) 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.4s ease;\n}\n\n.innovation-card:hover .card-image-overlay {\n    opacity: 1;\n}\n\n.overlay-icon-wrapper {\n    transform: scale(0.8);\n    transition: transform 0.4s ease;\n}\n\n.innovation-card:hover .overlay-icon-wrapper {\n    transform: scale(1);\n}\n\n.overlay-icon-wrapper svg {\n    color: var(--innov-white);\n}\n\n\/* \u5185\u5bb9\u533a\u57df *\/\n.card-body {\n    padding: 32px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.card-heading {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--innov-dark);\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.card-description {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--innov-gray-700);\n    margin-bottom: 24px;\n    flex-grow: 1;\n}\n\n\/* \u94fe\u63a5\u6309\u94ae *\/\n.card-link-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--innov-primary);\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    position: relative;\n    align-self: flex-start;\n}\n\n.card-link-button::after {\n    content: '';\n    position: absolute;\n    bottom: -4px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: var(--innov-primary);\n    transition: width 0.3s ease;\n}\n\n.card-link-button:hover::after {\n    width: calc(100% - 30px);\n}\n\n.card-link-button:hover {\n    gap: 14px;\n}\n\n.link-arrow {\n    font-size: 18px;\n    transition: transform 0.3s ease;\n}\n\n.card-link-button:hover .link-arrow {\n    transform: translateX(4px);\n}\n\n\/* ========================================\n   4. \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ======================================== *\/\n@media (max-width: 1400px) {\n    .innovation-container {\n        padding: 0 40px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .innovation-grid {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .innovation-title {\n        font-size: 40px;\n    }\n\n    .innovation-subtitle {\n        font-size: 18px;\n    }\n}\n\n@media (max-width: 768px) {\n    .innovation-section {\n        padding: 100px 0;\n    }\n\n    .innovation-container {\n        padding: 0 24px;\n    }\n\n    .innovation-title {\n        font-size: 32px;\n    }\n\n    .innovation-subtitle {\n        font-size: 17px;\n    }\n\n    .card-heading {\n        font-size: 20px;\n    }\n\n    .card-image-container {\n        height: 240px;\n    }\n}\n\n@media (max-width: 480px) {\n    .innovation-title {\n        font-size: 26px;\n    }\n\n    .innovation-subtitle {\n        font-size: 16px;\n    }\n\n    .card-body {\n        padding: 24px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd0407d e-con-full e-flex e-con e-parent\" data-id=\"fd0407d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0072f27 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0072f27\" data-element_type=\"widget\" data-e-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<div class=\"exhibition-showcase\">\n    \n    <div class=\"container\">\n        \n        <!-- \u6807\u9898\u533a\u57df -->\n        <div class=\"showcase-header\">\n            <div class=\"header-tag\">\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 100 100\">\n                    <polygon points=\"50,20 61,45 88,45 67,60 75,87 50,70 25,87 33,60 12,45 39,45\" fill=\"#ffd700\">\n                        <animate attributename=\"opacity\" values=\"1;0.6;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n                    <\/polygon>\n                <\/svg>\n                <span>Global Excellence<\/span>\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 100 100\">\n                    <polygon points=\"50,20 61,45 88,45 67,60 75,87 50,70 25,87 33,60 12,45 39,45\" fill=\"#ffd700\">\n                        <animate attributename=\"opacity\" values=\"1;0.6;1\" dur=\"2s\" repeatcount=\"indefinite\"\/>\n                    <\/polygon>\n                <\/svg>\n            <\/div>\n            <h2>So-razviti celulozni etri: Va\u0161a vizija, na\u0161a kemija<\/h2>\n            <p class=\"showcase-subtitle\">LANDERCOLL | Svetovno priznana odli\u010dnost na podro\u010dju celuloznega etra<\/p>\n        <\/div>\n\n        <!-- \u4ecb\u7ecd\u6587\u672c -->\n        <div class=\"showcase-intro\">\n            <p>Svoje inovacije smo predstavili na najpomembnej\u0161ih industrijskih forumih, kot so <strong>Razstava premazov na Bli\u017enjem vzhodu<\/strong>, <strong>Evropski sejem premazov<\/strong>in <strong>Asia-Pacific Coatings Expo<\/strong>, LANDERCOLL has cemented its reputation for delivering uncompromised quality and batch-to-batch consistency across global markets. Our cellulose ether solutions \u2013 rigorously tested to meet <strong>ISO 9001<\/strong> \u2013 have earned the trust of <strong>500+ manufacturers<\/strong> seeking reliable performance in coatings, construction, and specialty applications.<\/p>\n        <\/div>\n\n        <!-- \u56fe\u7247\u5c55\u793a - 4\u5217\u7f51\u683c -->\n        <div class=\"showcase-grid\">\n            \n            <!-- Image 1 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-saleswoman-at-CHINACOAT-2025-scaled.jpg\" alt=\"Sales Representative\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udc65<\/div>\n                    <h4>Dedicated Service<\/h4>\n                    <p>Professional Sales Team<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 2 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/DSC01721-scaled.jpg\" alt=\"Exhibition Hall\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udfe2<\/div>\n                    <h4>World-Class Exhibition<\/h4>\n                    <p>International Recognition<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 3 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-in-CHINACOAT-2025-exhibition-1-scaled.jpg\" alt=\"Product Presentation\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udce6<\/div>\n                    <h4>Product Excellence<\/h4>\n                    <p>Quality Demonstration<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 4 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-in-CHINACOAT-2025-exhibition-scaled.jpg\" alt=\"Exhibition Engagement\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udf0d<\/div>\n                    <h4>Global Presence<\/h4>\n                    <p>Industry Leadership<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 5 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/Landu-sales-at-CHINACOAT-2025-scaled.jpg\" alt=\"CHINACOAT 2025\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83c\udfc6<\/div>\n                    <h4>CHINACOAT 2025<\/h4>\n                    <p>Leading Innovation<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 6 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619338.jpg\" alt=\"Innovation Display\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udca1<\/div>\n                    <h4>Innovation Display<\/h4>\n                    <p>Cutting-Edge Solutions<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 7 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1439\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619381.jpg\" alt=\"Product Portfolio\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83d\udccb<\/div>\n                    <h4>Product Portfolio<\/h4>\n                    <p>Comprehensive Range<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Image 8 -->\n            <div class=\"grid-item\">\n                <img loading=\"lazy\" height=\"1080\" width=\"1440\" decoding=\"async\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/12\/1709967619664.jpg\" alt=\"Client Engagement\">\n                <div class=\"image-overlay\">\n                    <div class=\"overlay-icon\">\ud83e\udd1d<\/div>\n                    <h4>Client Engagement<\/h4>\n                    <p>Building Partnerships<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n    \n<\/div>\n\n<style>\n.exhibition-showcase {\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.exhibition-showcase .container {\n    max-width: 1320px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* \u6807\u9898\u533a\u57df *\/\n.showcase-header {\n    text-align: center;\n    margin-bottom: 40px;\n    position: relative;\n    padding-top: 40px;\n}\n\n.header-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 20px;\n    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);\n    color: white;\n    border-radius: 30px;\n    font-size: 12px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);\n}\n\n.showcase-header h2 {\n    font-size: 40px;\n    font-weight: 800;\n    color: #1a1a1a;\n    line-height: 1.3;\n    margin-bottom: 12px;\n    letter-spacing: -0.5px;\n}\n\n.showcase-subtitle {\n    font-size: 16px;\n    color: #666;\n    font-weight: 500;\n}\n\n\/* \u4ecb\u7ecd\u6587\u672c *\/\n.showcase-intro {\n    max-width: 900px;\n    margin: 0 auto 50px;\n    padding: 40px 50px;\n    background: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%);\n    border-radius: 16px;\n    border: 3px solid;\n    border-image: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) 1;\n    position: relative;\n}\n\n.showcase-intro p {\n    font-size: 15px;\n    line-height: 1.8;\n    color: #444;\n    margin: 0;\n}\n\n.showcase-intro strong {\n    color: #2563eb;\n    font-weight: 700;\n}\n\n\/* 4\u5217\u7f51\u683c\u5e03\u5c40 *\/\n.showcase-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n}\n\n.grid-item {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s;\n    aspect-ratio: 4\/3;\n    border: 3px solid transparent;\n}\n\n.grid-item:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 15px 40px rgba(37, 99, 235, 0.3);\n    border-color: #2563eb;\n}\n\n.grid-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s;\n}\n\n.grid-item:hover img {\n    transform: scale(1.1);\n}\n\n\/* \u56fe\u7247\u906e\u7f69 *\/\n.image-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 20px;\n    background: linear-gradient(to top, rgba(37, 99, 235, 0.95) 0%, transparent 100%);\n    color: white;\n    transform: translateY(100%);\n    transition: transform 0.4s;\n}\n\n.grid-item:hover .image-overlay {\n    transform: translateY(0);\n}\n\n.overlay-icon {\n    font-size: 32px;\n    margin-bottom: 8px;\n}\n\n.image-overlay h4 {\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 4px;\n}\n\n.image-overlay p {\n    font-size: 13px;\n    opacity: 0.9;\n    margin: 0;\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 1200px) {\n    .showcase-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n@media (max-width: 900px) {\n    .showcase-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .exhibition-showcase .container {\n        padding: 0 20px;\n    }\n    \n    .showcase-header h2 {\n        font-size: 28px;\n    }\n    \n    .showcase-intro {\n        padding: 25px;\n    }\n    \n    .showcase-intro p {\n        font-size: 14px;\n    }\n    \n    .showcase-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0ef79b e-grid e-con-boxed e-con e-parent\" data-id=\"c0ef79b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2f7b2 elementor-widget elementor-widget-image\" data-id=\"3a2f7b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.middleeastcoatingsshow.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"176\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW.png\" class=\"attachment-large size-large wp-image-6258\" alt=\"SHOW PREMAZOV\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-300x73.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-18x4.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-593f698 elementor-widget elementor-widget-image\" data-id=\"593f698\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.european-coatings-show.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"208\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025.png\" class=\"attachment-large size-large wp-image-6256\" alt=\"PREMAZI KA\u017dEJO 2025\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025-300x87.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/COATINGS-SHOW-2025-18x5.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-210574a elementor-widget elementor-widget-image\" data-id=\"210574a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.chinacoat.net\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"259\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat.png\" class=\"attachment-large size-large wp-image-6257\" alt=\"chinacoat\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat-300x108.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/chinacoat-18x6.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b8481 elementor-widget elementor-widget-image\" data-id=\"a4b8481\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.saopauloexpo.com.br\/en\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"124\" src=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO.png\" class=\"attachment-large size-large wp-image-6255\" alt=\"S\u00c3O PAULO EXPO\" srcset=\"https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO.png 720w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO-300x52.png 300w, https:\/\/landercoll.com\/wp-content\/uploads\/2025\/02\/SAO-PAULO-EXPO-18x3.png 18w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Znamka LANDU LANDERCOLL Natan\u010dni celulozni eteri Globalni proizvajalec HPMC \u00b7 HEMC \u00b7 CMC \u00b7 HEC za industrije prihodnosti Kontaktirajte nas \u2192 Ve\u010d kot 1000 zaupanja vrednih podjetij po vsem svetu Premium kakovost Globalni doseg Inovacije Trajnostne inovacije Izjemnost Preoblikovanje premazov z naprednimi inovacijami LANDU vam predstavlja napredne celulozne etere, ki postavljajo nove standarde v zmogljivosti premazov\u2014ponujajo neprimerljivo kontrolo, [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5785","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/pages\/5785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/comments?post=5785"}],"version-history":[{"count":50,"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/pages\/5785\/revisions"}],"predecessor-version":[{"id":11316,"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/pages\/5785\/revisions\/11316"}],"wp:attachment":[{"href":"https:\/\/landercoll.com\/sl\/wp-json\/wp\/v2\/media?parent=5785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}