{"id":2165,"date":"2026-01-14T14:34:01","date_gmt":"2026-01-14T14:34:01","guid":{"rendered":"https:\/\/zieno.com.tr\/?page_id=2165"},"modified":"2026-01-14T14:34:15","modified_gmt":"2026-01-14T14:34:15","slug":"grace-series","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/en\/grace-series\/","title":{"rendered":"GRACE Series"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2165\" class=\"elementor elementor-2165\" 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>GRACE 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_202601141731-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\">GRACE Series<\/h1>\r\n            <div class=\"hero-line\"><\/div>\r\n            <p class=\"hero-tagline\">Calm Power with Grace<\/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\">GRACE 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 GRACE series combines the simple rhythm of modern business life with elegant lines. Each piece offers a balanced experience for professionals seeking both aesthetic presence and long-lasting comfort in their workspaces. With its minimalist approach, it allows the space to breathe while providing the user with a natural comfort throughout the day.\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_202601141731-2-scaled.jpeg\" alt=\"GRACE 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_202601141731-1-scaled.jpeg\" alt=\"GRACE 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_202601141731-scaled.jpeg\" alt=\"GRACE 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        <!-- GRACE 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\/grace-tekli.jpg\" alt=\"GRACE Single Sofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>GRACE 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>GRACE Single Sofa<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Design<\/th>\r\n                        <td>With a modern design approach, this office sofa has an elegant and minimal silhouette. Its geometric form language offers an ideal look for professional environments while prioritizing comfort with its soft corners.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Comfort<\/th>\r\n                        <td>With its wide seating area and sufficient depth, it provides maximum comfort during prolonged sitting. The back support supports the user thanks to its ergonomic structure, making rest and waiting times more enjoyable.<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Material<\/th>\r\n                        <td>['Upholstery type: High quality woven, textured surface', 'Armrest construction: Soft upholstered, in line with modern design', 'Leg material: Wood, light shade', 'Filling characteristics: Use of medium-light hard foam']<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <th>Usage<\/th>\r\n                        <td>It is ideal for office lounge areas, waiting rooms, pre-meeting rest areas, executive offices, showrooms and sales offices, 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        <!-- GRACE \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\/grace-ikili.jpg\" alt=\"GRACE Double Sofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>GRACE 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>GRACE 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        <!-- GRACE \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\/grace-uclu.jpg\" alt=\"GRACE Triple Sofa\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"product-info\">\r\n                <h3>GRACE 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>GRACE 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>GRACE Serisi | ZIENO GRACE Serisi Zarafetle Gelen Sakin G\u00fc\u00e7 Anasayfa \u203a \u00dcr\u00fcnlerimiz \u203a Ofis Kanepeleri \u203a GRACE 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-2165","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/2165","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=2165"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/2165\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=2165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}