{"id":2176,"date":"2026-01-14T14:40:47","date_gmt":"2026-01-14T14:40:47","guid":{"rendered":"https:\/\/zieno.com.tr\/?page_id=2176"},"modified":"2026-01-14T14:43:35","modified_gmt":"2026-01-14T14:43:35","slug":"othello-series","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/en\/othello-series\/","title":{"rendered":"OTHELLO Series"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2176\" class=\"elementor elementor-2176\" 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>OTHELLO 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_sofa_mockup_2k_202601141739-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        \/* Tek g\u00f6rsel varsa tam geni\u015flik *\/\r\n        .gallery-single {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        .gallery-single .gallery-item {\r\n            grid-column: 1;\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\">OTHELLO Series<\/h1>\r\n            <div class=\"hero-line\"><\/div>\r\n            <p class=\"hero-tagline\">Simple Power, Modern Comfort<\/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\/ofis-kanepeleri\/\">Office Sofas<\/a>\r\n        <span>\u203a<\/span>\r\n        <span class=\"breadcrumb-current\">OTHELLO 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 OTHELLO series combines the rhythm of modern workspaces with simple lines and a professional stance. Its approach, which combines comfort and aesthetics in the same pot, offers the user a peaceful and focused experience. Every detail is designed to reinforce the sense of balance, prestige and flow needed in business life.\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_sofa_mockup_2k_202601141739-2-scaled.jpeg\" alt=\"OTHELLO 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\/Office_sofa_mockup_2k_202601141739-1-scaled.jpeg\" alt=\"OTHELLO 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\/Office_sofa_mockup_2k_202601141739-scaled.jpeg\" alt=\"OTHELLO 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                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        <!-- OTHELLO Tekli Kanepe -->\r\n        <div class=\"product-card reverse animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">Office<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/1-1-208-Photoroom.jpg\" alt=\"OTHELLO Single Sofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>OTHELLO Single Sofa<\/h3>\r\n                <p class=\"product-subtitle\">The Elegant Touch of Office 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>OTHELLO Single Sofa<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>The Othello series office sofa adds elegance to professional environments with its minimal and modern design. The elegant silhouette, sharp lines and clean stitching details make this sofa the perfect choice for a contemporary office environment.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>This sofa has an ideal depth and ergonomic back support for long-lasting seating comfort. Thanks to its high-quality filling materials, it offers the perfect balance of both aesthetics and comfort.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>['Upholstery: High quality textured fabric', 'Armrest construction: Soft upholstered', 'Leg material: Metal, black matt finish', 'Filling properties: High density foam']<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>Ideal for office lounge areas, waiting rooms, reception, pre-meeting rest areas, executive offices and corporate office common areas.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Dimensions<\/th>\r\n                        <td>Width <strong>80 cm<\/strong> - Depth: <strong>75 cm<\/strong> - Session: <strong>45 cm<\/strong> - Back: <strong>85 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        <!-- OTHELLO \u0130kili Kanepe -->\r\n        <div class=\"product-card animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">Office<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/1-1-206-Photoroom.jpg\" alt=\"OTHELLO Double Sofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>OTHELLO Double Sofa<\/h3>\r\n                <p class=\"product-subtitle\">Office Comfort for Two<\/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>OTHELLO Double Sofa<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>Balanced form designed for office waiting areas with seating capacity for two people.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>It offers comfortable seating for two people with its wide seating area and ergonomic back support.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>Premium upholstery - Reinforced wooden frame - Metal leg structure<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>The ideal double sofa for office waiting areas, lounge areas and meeting rooms.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Dimensions<\/th>\r\n                        <td>Width <strong>140 cm<\/strong> - Depth: <strong>75 cm<\/strong> - Session: <strong>45 cm<\/strong> - Back: <strong>85 cm<\/strong> - Capacity: <strong>250 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        <!-- OTHELLO \u00dc\u00e7l\u00fc Kanepe -->\r\n        <div class=\"product-card reverse animate-on-scroll\">\r\n            <div class=\"product-image-wrapper\">\r\n                <span class=\"product-badge\">Office<\/span>\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/1-1-40-Photoroom-2.jpg\" alt=\"OTHELLO Triple Sofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>OTHELLO Triple Sofa<\/h3>\r\n                <p class=\"product-subtitle\">Large Office Seating Area<\/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>OTHELLO Triple Sofa<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>Prestigious form designed for office lounge areas with a large seating capacity of three people.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>It offers a comfortable seating experience for three people with its wide seating area and high back support.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>Premium upholstery - Reinforced wooden frame - Reinforced metal leg<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>The ideal triple sofa for office lounges, large waiting rooms and meeting rooms.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Dimensions<\/th>\r\n                        <td>Width <strong>200 cm<\/strong> - Depth: <strong>75 cm<\/strong> - Session: <strong>45 cm<\/strong> - Back: <strong>85 cm<\/strong> - Capacity: <strong>350 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>OTHELLO Serisi | ZIENO OTHELLO Serisi Sade G\u00fc\u00e7, Modern Konfor Anasayfa \u203a \u00dcr\u00fcnlerimiz \u203a Ofis Kanepeleri \u203a OTHELLO 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-2176","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/2176","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=2176"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/2176\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=2176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}