{"id":1974,"date":"2026-01-13T14:22:49","date_gmt":"2026-01-13T14:22:49","guid":{"rendered":"https:\/\/zieno.com.tr\/?page_id=1974"},"modified":"2026-01-13T14:50:39","modified_gmt":"2026-01-13T14:50:39","slug":"bicolor-series","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/en\/bicolor-series\/","title":{"rendered":"BICOLOR Series"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1974\" class=\"elementor elementor-1974\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f531f3b e-con-full e-flex e-con e-parent\" data-id=\"f531f3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b67dd79 elementor-widget elementor-widget-html\" data-id=\"b67dd79\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>BICOLOR Series | ZIENO<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --black: #000000;\r\n            --white: #ffffff;\r\n            --gray-50: #fafafa;\r\n            --gray-100: #f5f5f5;\r\n            --gray-200: #e5e5e5;\r\n            --gray-300: #d4d4d4;\r\n            --gray-400: #a3a3a3;\r\n            --gray-500: #737373;\r\n            --gray-600: #525252;\r\n            --gray-700: #404040;\r\n            --gray-800: #262626;\r\n            --gray-900: #171717;\r\n            --accent: #1a1a1a;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 400;\r\n            color: var(--gray-800);\r\n            line-height: 1.6;\r\n            background-color: var(--white);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\r\n            40% { transform: translateY(-10px) translateX(-50%); }\r\n            60% { transform: translateY(-5px) translateX(-50%); }\r\n        }\r\n\r\n        .animate-on-scroll {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: opacity 0.8s ease, transform 0.8s ease;\r\n        }\r\n\r\n        .animate-on-scroll.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            height: 720px;\r\n            background-color: #1a1a1a;\r\n            background-image: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/bicolor-3-scaled.jpeg');\r\n            background-size: cover;\r\n            background-position: center center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            --hero-title-size: 120px;\r\n        }\r\n\r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.7) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content {\r\n            text-align: center;\r\n            z-index: 2;\r\n            animation: fadeIn 1.5s ease;\r\n        }\r\n\r\n        .hero-logo {\r\n            height: 40px;\r\n            max-height: var(--hero-title-size);\r\n            width: auto;\r\n            margin-bottom: 24px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .hero-title {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: var(--hero-title-size);\r\n            font-weight: 400;\r\n            color: var(--white);\r\n            letter-spacing: -2px;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .hero-line {\r\n            width: 60px;\r\n            height: 1px;\r\n            background: rgba(255,255,255,0.4);\r\n            margin: 30px auto;\r\n        }\r\n\r\n        .hero-tagline {\r\n            font-size: 16px;\r\n            color: rgba(255,255,255,0.6);\r\n            font-weight: 300;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .scroll-indicator {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            animation: bounce 2s infinite;\r\n            cursor: pointer;\r\n            z-index: 2;\r\n        }\r\n\r\n        .scroll-indicator span {\r\n            display: block;\r\n            width: 24px;\r\n            height: 24px;\r\n            border-right: 2px solid rgba(255,255,255,0.5);\r\n            border-bottom: 2px solid rgba(255,255,255,0.5);\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .section {\r\n            padding: 100px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-label {\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            color: var(--gray-400);\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .section-title {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 48px;\r\n            font-weight: 400;\r\n            color: var(--gray-900);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .section-description {\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            font-size: 16px;\r\n            color: var(--gray-500);\r\n            line-height: 1.9;\r\n        }\r\n\r\n        \/* Divider *\/\r\n        .section-divider {\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--gray-200), transparent);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Gallery *\/\r\n        .gallery {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            grid-template-rows: auto auto;\r\n            gap: 20px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .gallery-item {\r\n            background: var(--gray-100);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-400);\r\n            font-size: 14px;\r\n            position: relative;\r\n            cursor: pointer;\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            aspect-ratio: 16\/9;\r\n        }\r\n\r\n        .gallery-item:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .gallery-item:nth-child(3) {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n\r\n        \/* Product Section *\/\r\n        .product-section {\r\n            padding: 100px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .product-intro {\r\n            font-size: 15px;\r\n            color: var(--gray-500);\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto 80px;\r\n            line-height: 1.9;\r\n        }\r\n\r\n        .product-card {\r\n            display: grid;\r\n            grid-template-columns: 1.3fr 1fr;\r\n            gap: 50px;\r\n            margin-bottom: 100px;\r\n            align-items: start;\r\n        }\r\n\r\n        .product-card.reverse {\r\n            direction: rtl;\r\n        }\r\n\r\n        .product-card.reverse > * {\r\n            direction: ltr;\r\n        }\r\n\r\n        .product-image-wrapper {\r\n            position: sticky;\r\n            top: 40px;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: linear-gradient(145deg, var(--gray-50), var(--gray-100));\r\n            align-self: start;\r\n        }\r\n\r\n        .product-image {\r\n            aspect-ratio: 1\/1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-400);\r\n            font-size: 14px;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .product-image-wrapper:hover .product-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .product-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: var(--gray-900);\r\n            color: white;\r\n            font-size: 11px;\r\n            font-weight: 500;\r\n            padding: 8px 16px;\r\n            border-radius: 30px;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .product-info h3 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 36px;\r\n            font-weight: 400;\r\n            margin-bottom: 12px;\r\n            color: var(--gray-900);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .product-subtitle {\r\n            font-size: 14px;\r\n            color: var(--gray-400);\r\n            margin-bottom: 32px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .product-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            font-size: 13px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .product-table th {\r\n            text-align: left;\r\n            font-weight: 500;\r\n            padding: 14px 16px;\r\n            color: var(--gray-700);\r\n            width: 120px;\r\n            vertical-align: top;\r\n        }\r\n\r\n        .product-table td {\r\n            padding: 14px 16px;\r\n            color: var(--gray-600);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .product-table tbody tr:nth-child(odd) {\r\n            background-color: var(--gray-50);\r\n        }\r\n\r\n        .product-table tbody tr:nth-child(even) {\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .table-header {\r\n            background: var(--gray-900) !important;\r\n        }\r\n\r\n        .table-header th {\r\n            color: var(--white);\r\n            font-weight: 600;\r\n            font-size: 12px;\r\n            letter-spacing: 0.5px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        .product-cta {\r\n            margin-top: 32px;\r\n            display: flex;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 16px 32px;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            border: none;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--gray-900);\r\n            color: white;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: var(--black);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: var(--gray-700);\r\n            border: 1px solid var(--gray-300);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            border-color: var(--gray-900);\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .btn svg {\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n\r\n        \/* Details Section *\/\r\n        .details-section {\r\n            padding: 100px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            background: var(--white);\r\n        }\r\n\r\n        .details-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 2fr;\r\n            gap: 100px;\r\n            align-items: start;\r\n        }\r\n\r\n        .details-left h4 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 36px;\r\n            font-weight: 400;\r\n            margin-bottom: 24px;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .details-left p {\r\n            font-size: 15px;\r\n            color: var(--gray-500);\r\n            line-height: 1.9;\r\n        }\r\n\r\n        .details-right h4 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 36px;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n            color: var(--gray-900);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .plus-icon {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 28px;\r\n            height: 28px;\r\n            border: 1px solid var(--gray-300);\r\n            border-radius: 50%;\r\n            font-size: 18px;\r\n            font-weight: 300;\r\n            color: var(--gray-400);\r\n        }\r\n\r\n        .content-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 32px 60px;\r\n        }\r\n\r\n        .content-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 24px;\r\n            padding: 16px;\r\n            border-radius: 12px;\r\n            transition: background-color 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        .content-item:hover {\r\n            background-color: var(--white);\r\n            transform: translateX(8px);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .content-thumb {\r\n            width: 100px;\r\n            height: 80px;\r\n            min-width: 100px;\r\n            background: var(--gray-200);\r\n            border-radius: 10px;\r\n            object-fit: cover;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .content-item:hover .content-thumb {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .content-item span {\r\n            font-size: 15px;\r\n            color: var(--gray-700);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Breadcrumb *\/\r\n        .breadcrumb {\r\n            padding: 20px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .breadcrumb a {\r\n            color: var(--gray-500);\r\n            text-decoration: none;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .breadcrumb a:hover {\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .breadcrumb span {\r\n            color: var(--gray-400);\r\n        }\r\n\r\n        .breadcrumb-current {\r\n            color: var(--gray-700);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Color Swatches *\/\r\n        .color-options {\r\n            margin-top: 24px;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .color-options-title {\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            color: var(--gray-600);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .color-swatches {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        .color-swatch {\r\n            width: 32px;\r\n            height: 32px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            border: 2px solid transparent;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .color-swatch:hover {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .color-swatch.active {\r\n            border-color: var(--gray-900);\r\n        }\r\n\r\n        .color-swatch.black { background: #1a1a1a; }\r\n        .color-swatch.brown { background: #8B4513; }\r\n        .color-swatch.gray { background: #6B6B6B; }\r\n        .color-swatch.beige { background: #D4C4A8; }\r\n\r\n        \/* PDF Fixed Button *\/\r\n        .pdf-fixed-btn {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            width: 56px;\r\n            height: 56px;\r\n            background: #DC2626;\r\n            color: white;\r\n            border-radius: 50%;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000;\r\n            box-shadow: 0 4px 20px rgba(220, 38, 38, 0.4);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .pdf-fixed-btn:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 8px 30px rgba(220, 38, 38, 0.5);\r\n            background: #B91C1C;\r\n        }\r\n\r\n        .pdf-fixed-btn svg {\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n\r\n        \/* Related Series *\/\r\n        .related-section {\r\n            padding: 80px 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            border-top: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .related-title {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 32px;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .related-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .related-item {\r\n            background: var(--gray-100);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .related-item:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .related-item-image {\r\n            aspect-ratio: 1\/1;\r\n            background: var(--gray-200);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-400);\r\n            font-size: 12px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .related-item-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .related-item:hover .related-item-image img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .related-item-info {\r\n            padding: 16px;\r\n        }\r\n\r\n        .related-item-info h5 {\r\n            font-family: 'Instrument Serif', serif;\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            color: var(--gray-900);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .related-item-info span {\r\n            font-size: 12px;\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1024px) {\r\n            .related-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .product-card {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 40px;\r\n            }\r\n\r\n            .details-grid {\r\n                gap: 60px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero {\r\n                height: 520px;\r\n                --hero-title-size: 42px;\r\n            }\r\n\r\n            .hero-logo {\r\n                height: 32px;\r\n            }\r\n\r\n            .hero-tagline {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .section-description {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .breadcrumb {\r\n                padding: 16px 20px;\r\n                flex-wrap: wrap;\r\n                font-size: 12px;\r\n            }\r\n\r\n            .gallery {\r\n                grid-template-columns: 1fr;\r\n                gap: 12px;\r\n            }\r\n\r\n            .gallery-item:nth-child(3) {\r\n                grid-column: 1;\r\n                aspect-ratio: 16\/9;\r\n            }\r\n\r\n            .product-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .product-card {\r\n                grid-template-columns: 1fr;\r\n                gap: 32px;\r\n                margin-bottom: 80px;\r\n            }\r\n\r\n            .product-card.reverse {\r\n                direction: ltr;\r\n            }\r\n\r\n            .product-image-wrapper {\r\n                position: relative;\r\n                top: 0;\r\n            }\r\n\r\n            .product-info h3 {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .product-table {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .product-table th {\r\n                width: 90px;\r\n                padding: 12px 10px;\r\n            }\r\n\r\n            .product-table td {\r\n                padding: 12px 10px;\r\n            }\r\n\r\n            .product-cta {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n                padding: 14px 24px;\r\n            }\r\n\r\n            .details-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .details-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 48px;\r\n            }\r\n\r\n            .details-left h4,\r\n            .details-right h4 {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .content-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n\r\n            .content-item {\r\n                padding: 12px;\r\n            }\r\n\r\n            .content-thumb {\r\n                width: 80px;\r\n                height: 64px;\r\n                min-width: 80px;\r\n            }\r\n\r\n            .related-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .related-title {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .related-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 12px;\r\n            }\r\n\r\n            .related-item-info {\r\n                padding: 12px;\r\n            }\r\n\r\n            .related-item-info h5 {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .pdf-fixed-btn {\r\n                bottom: 20px;\r\n                right: 20px;\r\n                width: 50px;\r\n                height: 50px;\r\n            }\r\n\r\n            .pdf-fixed-btn svg {\r\n                width: 22px;\r\n                height: 22px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero {\r\n                --hero-title-size: 32px;\r\n                height: 420px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 26px;\r\n            }\r\n\r\n            .product-info h3 {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .product-badge {\r\n                top: 12px;\r\n                left: 12px;\r\n                padding: 6px 12px;\r\n                font-size: 10px;\r\n            }\r\n\r\n            .color-swatches {\r\n                gap: 8px;\r\n            }\r\n\r\n            .color-swatch {\r\n                width: 28px;\r\n                height: 28px;\r\n            }\r\n\r\n            .related-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .pdf-fixed-btn {\r\n                width: 48px;\r\n                height: 48px;\r\n            }\r\n\r\n            .pdf-fixed-btn svg {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-content\">\r\n            <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/zieno-white-new-scaled.png\" alt=\"ZIENO\" class=\"hero-logo\">\r\n            <h1 class=\"hero-title\">BICOLOR Series<\/h1>\r\n            <div class=\"hero-line\"><\/div>\r\n            <p class=\"hero-tagline\">Harmonious Dance of Two Colors<\/p>\r\n        <\/div>\r\n        <div class=\"scroll-indicator\" onclick=\"document.querySelector('.section').scrollIntoView({behavior: 'smooth'})\">\r\n            <span><\/span>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Breadcrumb -->\r\n    <nav class=\"breadcrumb\">\r\n        <a href=\"https:\/\/zieno.com.tr\/en\/\">Homepage<\/a>\r\n        <span>\u203a<\/span>\r\n        <a href=\"https:\/\/zieno.com.tr\/en\/our-products\/\">Our Products<\/a>\r\n        <span>\u203a<\/span>\r\n        <a href=\"https:\/\/zieno.com.tr\/en\/yonetici-koltuklari\/\">Executive Chairs<\/a>\r\n        <span>\u203a<\/span>\r\n        <span class=\"breadcrumb-current\">BICOLOR Series<\/span>\r\n    <\/nav>\r\n\r\n    <!-- Tasar\u0131m Felsefesi -->\r\n    <section class=\"section\">\r\n        <div class=\"section-header animate-on-scroll\">\r\n            <p class=\"section-label\">Our Design Approach<\/p>\r\n            <h2 class=\"section-title\">Design Philosophy<\/h2>\r\n            <p class=\"section-description\">\r\n                The BICOLOR series is an aesthetic collection that emerges from the harmonious meeting of two colors. Designed in accordance with the dynamic structure of modern offices, this series combines comfort and visual richness. Color harmony and ergonomic perfection are targeted in every detail.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Gallery -->\r\n        <div class=\"gallery animate-on-scroll\">\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/bicolor-2-scaled.jpeg\" alt=\"BICOLOR Image 1\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/bicolor-1-scaled.jpeg\" alt=\"BICOLOR Image 2\">\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/bicolor-3-scaled.jpeg\" alt=\"BICOLOR Image 3\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"section-divider\"><\/div>\r\n\r\n    <!-- \u00dcr\u00fcn Detaylar\u0131 -->\r\n    <section class=\"product-section\">\r\n        <div class=\"section-header animate-on-scroll\">\r\n            <p class=\"section-label\">Collection<\/p>\r\n            <h2 class=\"section-title\">Product Details<\/h2>\r\n            <p class=\"product-intro\">\r\n                BICOLOR series is a collection of two-color armchairs designed for modern offices and dynamic workspaces. Each model provides long-term comfort with its color harmony and ergonomic structure.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- BICOLOR Y\u00f6netici Koltu\u011fu -->\r\n        <div class=\"product-card animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">Bestseller<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/bicolor-yonetici.jpg\" alt=\"BICOLOR Executive Chair\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>BICOLOR Executive Chair<\/h3>\r\n                <p class=\"product-subtitle\">Symbol of Prestige and Comfort<\/p>\r\n                \r\n                <div class=\"color-options\">\r\n                    <p class=\"color-options-title\">Color Options<\/p>\r\n                    <div class=\"color-swatches\">\r\n                        <span class=\"color-swatch black active\" title=\"Black\"><\/span>\r\n                        <span class=\"color-swatch brown\" title=\"Brown\"><\/span>\r\n                        <span class=\"color-swatch gray\" title=\"Gray\"><\/span>\r\n                        <span class=\"color-swatch beige\" title=\"Beige\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <table class=\"product-table\">\r\n                    <tr class=\"table-header\">\r\n                        <th>Feature<\/th>\r\n                        <th>Description<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Model<\/th>\r\n                        <td>BICOLOR Executive Chair<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>Two-color modern body form. It offers a dynamic profile with a high back and contrasting color gradations.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>35 DNS molded sponge provides homogeneous support to the waist-back area in long-term sessions.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>Premium genuine leather upholstery - Armrests with wood detail - Chrome-plated aluminum star leg - 65 mm silent wheels<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Mechanism<\/th>\r\n                        <td>Synchronous operating mechanism - Recline and lock function - Height adjustable shock absorber<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>Prestigious armchair designed for executive offices, meeting rooms and high-level workspaces.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Dimensions<\/th>\r\n                        <td>Width <strong>70 cm<\/strong> - Depth: <strong>68 cm<\/strong> - Session: <strong>46-54 cm<\/strong> - Back: <strong>125-133 cm<\/strong> - Capacity: <strong>150 kg<\/strong><\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n                <div class=\"product-cta\">\r\n                    <a href=\"https:\/\/zieno.com.tr\/en\/contact\/\" class=\"btn btn-primary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n                        <\/svg>\r\n                        Get Offer\r\n                    <\/a>\r\n                    <a href=\"https:\/\/shop.zieno.com.tr\" target=\"_blank\" class=\"btn btn-secondary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                        <\/svg>\r\n                        Order Online\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- BICOLOR \u00c7al\u0131\u015fma Koltu\u011fu -->\r\n        <div class=\"product-card reverse animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/bicolor-calisma.jpg\" alt=\"BICOLOR Work Chair\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>BICOLOR Work Chair<\/h3>\r\n                <p class=\"product-subtitle\">Ergonomic Design, Superior Performance<\/p>\r\n                \r\n                <div class=\"color-options\">\r\n                    <p class=\"color-options-title\">Color Options<\/p>\r\n                    <div class=\"color-swatches\">\r\n                        <span class=\"color-swatch black active\" title=\"Black\"><\/span>\r\n                        <span class=\"color-swatch brown\" title=\"Brown\"><\/span>\r\n                        <span class=\"color-swatch gray\" title=\"Gray\"><\/span>\r\n                        <span class=\"color-swatch beige\" title=\"Beige\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <table class=\"product-table\">\r\n                    <tr class=\"table-header\">\r\n                        <th>Feature<\/th>\r\n                        <th>Description<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Model<\/th>\r\n                        <td>BICOLOR Work Chair<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>Ergonomic and two-color body form. It offers a modern profile with its mid-back structure and contrasting color details.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>32 DNS molded sponge provides optimum support to the lumbar region during long sessions.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>Premium faux leather upholstery - Adjustable PP armrests - Durable nylon star leg - 60 mm silent wheels<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Mechanism<\/th>\r\n                        <td>Butterfly mechanism - Seat height adjustable - Fixed or rocking mode option<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>Ergonomic chair ideal for office workspaces, open offices and home-office use.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Dimensions<\/th>\r\n                        <td>Width <strong>65 cm<\/strong> - Depth: <strong>62 cm<\/strong> - Session: <strong>44-52 cm<\/strong> - Back: <strong>105-113 cm<\/strong> - Capacity: <strong>120 kg<\/strong><\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n                <div class=\"product-cta\">\r\n                    <a href=\"https:\/\/zieno.com.tr\/en\/contact\/\" class=\"btn btn-primary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n                        <\/svg>\r\n                        Get Offer\r\n                    <\/a>\r\n                    <a href=\"https:\/\/shop.zieno.com.tr\" target=\"_blank\" class=\"btn btn-secondary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                        <\/svg>\r\n                        Order Online\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- BICOLOR Misafir Koltu\u011fu -->\r\n        <div class=\"product-card animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">New<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/bicolor-misafir.jpg\" alt=\"BICOLOR Guest Armchair\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>BICOLOR Guest Armchair<\/h3>\r\n                <p class=\"product-subtitle\">Elegance and Functionality in One<\/p>\r\n                \r\n                <div class=\"color-options\">\r\n                    <p class=\"color-options-title\">Color Options<\/p>\r\n                    <div class=\"color-swatches\">\r\n                        <span class=\"color-swatch black active\" title=\"Black\"><\/span>\r\n                        <span class=\"color-swatch brown\" title=\"Brown\"><\/span>\r\n                        <span class=\"color-swatch gray\" title=\"Gray\"><\/span>\r\n                        <span class=\"color-swatch beige\" title=\"Beige\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <table class=\"product-table\">\r\n                    <tr class=\"table-header\">\r\n                        <th>Feature<\/th>\r\n                        <th>Description<\/th>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Model<\/th>\r\n                        <td>BICOLOR Guest Armchair<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>Modern and two-color cantilever form. It offers a stylish look with its U-type sled leg structure and contrasting color details.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>30 DNS molded sponge provides comfortable support in short and medium sessions.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>Premium artificial leather upholstery - Fixed armrests - Chrome-plated metal skid feet<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>Guest chair designed for meeting rooms, waiting areas and executive offices.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Dimensions<\/th>\r\n                        <td>Width <strong>58 cm<\/strong> - Depth: <strong>62 cm<\/strong> - Session: <strong>46 cm<\/strong> - Back: <strong>95 cm<\/strong> - Capacity: <strong>120 kg<\/strong><\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n                <div class=\"product-cta\">\r\n                    <a href=\"https:\/\/zieno.com.tr\/en\/contact\/\" class=\"btn btn-primary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n                        <\/svg>\r\n                        Get Offer\r\n                    <\/a>\r\n                    <a href=\"https:\/\/shop.zieno.com.tr\" target=\"_blank\" class=\"btn btn-secondary\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                        <\/svg>\r\n                        Order Online\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Details Section -->\r\n    <section class=\"details-section\">\r\n        <div class=\"details-grid\">\r\n            <div class=\"details-left animate-on-scroll\">\r\n                <h4>Details<\/h4>\r\n                <p>\r\n                    Every component we use in our products; durability,\r\n                    to ensure ergonomics and long-lasting use\r\n                    meticulously selected. High density sponge structure,\r\n                    premium faux leather trim, silent wheel technology\r\n                    and expert craftsmanship, ZIENO armchairs are aesthetic\r\n                    and engineering in the same pot.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"details-right animate-on-scroll\">\r\n                <h4>Labor <span class=\"plus-icon\">+<\/span><\/h4>\r\n                <div class=\"content-grid\">\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-300x300.png\" alt=\"Chrome Material\" class=\"content-thumb\">\r\n                        <span>Chrome Material<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-2-300x300.jpg\" alt=\"High Density Sponge\" class=\"content-thumb\">\r\n                        <span>High Density Sponge<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-300x300.jpg\" alt=\"Premium Synthetic Leather\" class=\"content-thumb\">\r\n                        <span>Premium Synthetic Leather<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-3-300x300.jpg\" alt=\"50 Years of Experience\" class=\"content-thumb\">\r\n                        <span>50 Years of Experience<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-1-300x300.jpg\" alt=\"60mm Imported Silent Caster\" class=\"content-thumb\">\r\n                        <span>60mm Imported Silent Caster<\/span>\r\n                    <\/div>\r\n                    <div class=\"content-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/glass-metal-chrome-background-abstract-600nw-2583770503-4-300x300.jpg\" alt=\"Expert Teams\" class=\"content-thumb\">\r\n                        <span>Expert Teams<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Related Series -->\r\n    <section class=\"related-section animate-on-scroll\">\r\n        <h3 class=\"related-title\">Related Series<\/h3>\r\n        <div class=\"related-grid\">\r\n            <a href=\"https:\/\/zieno.com.tr\/en\/axis-series\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/IMG_2198-1.jpg.jpg\" alt=\"AXIS Series\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>AXIS Series<\/h5>\r\n                    <span>Executive Chairs<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/zieno.com.tr\/en\/edge-series\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/Generated-Image-November-25-2025-9_43AM-1.jpg\" alt=\"EDGE Series\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>EDGE Series<\/h5>\r\n                    <span>Executive Chairs<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/zieno.com.tr\/en\/obsidian-series\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/Generated-Image-October-21-2025-6_14PM-6.jpg\" alt=\"OBSIDIAN Series\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>OBSIDIAN Series<\/h5>\r\n                    <span>Executive Chairs<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/zieno.com.tr\/en\/senator-series\/\" class=\"related-item\">\r\n                <div class=\"related-item-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/Generated-Image-October-31-2025-9_36AM.jpg\" alt=\"SENATOR Series\">\r\n                <\/div>\r\n                <div class=\"related-item-info\">\r\n                    <h5>SENATOR Series<\/h5>\r\n                    <span>Executive Chairs<\/span>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PDF Fixed Button -->\r\n    <a href=\"https:\/\/zieno.com.tr\/en\/e-catalog\/\" class=\"pdf-fixed-btn\" title=\"Download PDF Catalog\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\r\n        <\/svg>\r\n    <\/a>\r\n\r\n    <script>\r\n        \/\/ Scroll animations\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.animate-on-scroll').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BICOLOR Serisi | ZIENO BICOLOR Serisi \u0130ki Rengin Uyumlu Dans\u0131 Anasayfa \u203a \u00dcr\u00fcnlerimiz \u203a Y\u00f6netici Koltuklar\u0131 \u203a BICOLOR Serisi Tasar\u0131m Anlay\u0131\u015f\u0131m\u0131z Tasar\u0131m [&hellip;]<\/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-1974","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/1974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/comments?post=1974"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/1974\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=1974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}