{"id":2103,"date":"2026-01-14T09:49:31","date_gmt":"2026-01-14T09:49:31","guid":{"rendered":"https:\/\/zieno.com.tr\/?page_id=2103"},"modified":"2026-01-14T09:51:39","modified_gmt":"2026-01-14T09:51:39","slug":"pure-series","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/en\/pure-series\/","title":{"rendered":"PURE Series"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2103\" class=\"elementor elementor-2103\" 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>PURE 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\/Office_guest_chair_2k_202601141240-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            aspect-ratio: 16\/9;\r\n        }\r\n        \r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\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: 3\/4;\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 img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\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: 16px;\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            .gallery-item {\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\">PURE Series<\/h1>\r\n            <div class=\"hero-line\"><\/div>\r\n            <p class=\"hero-tagline\">Comfort in Pure Line<\/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\">PURE 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 PURE series is shaped by a design approach that combines the simple elegance of modern work culture with comfort. Every detail is thought out to make professionals feel more balanced and focused in their busy schedules. The experience the series offers creates a peaceful flow in the workspace with a sense of understated prestige.\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\/Office_guest_chair_2k_202601141240-scaled.jpeg\" alt=\"PURE Image 1\">\r\n            <\/div>\r\n            \r\n            \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                This collection consists of chairs designed for modern offices and everyday use. It offers a balance of ergonomics, durability and aesthetics, ensuring long-lasting comfort.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- PURE 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\/pure.jpg\" alt=\"PURE Guest Armchair\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>PURE Guest Armchair<\/h3>\r\n                <p class=\"product-subtitle\">The meeting of comfort and elegance<\/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>PURE Guest Armchair<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>This task chair has a modern and minimal design and offers an aesthetic look with its organic form language and soft transitions. Its elegant silhouette provides comfort and elegance together.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>The design of the chair is optimized to offer comfort for long sessions. The lumbar support is pronounced and the seat depth and back angle increase user comfort with ergonomic features.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>['Upholstery: Soft textured fabric', 'Armrest construction: Integrated upholstery', 'Foot\/bracket material: Chrome', 'Mechanism features: Fixed mechanism']<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>This chair is designed for use in office workstations and meeting rooms. It is also ideal for waiting areas and receptions.<\/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>PURE Serisi | ZIENO PURE Serisi Saf \u00c7izgide Konfor Anasayfa \u203a \u00dcr\u00fcnlerimiz \u203a Y\u00f6netici Koltuklar\u0131 \u203a PURE Serisi Tasar\u0131m Anlay\u0131\u015f\u0131m\u0131z Tasar\u0131m Felsefesi [&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-2103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/2103","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=2103"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/2103\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=2103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}