{"id":687,"date":"2025-12-10T11:24:19","date_gmt":"2025-12-10T11:24:19","guid":{"rendered":"https:\/\/demo.zieno.com.tr\/?page_id=687"},"modified":"2026-01-20T10:35:09","modified_gmt":"2026-01-20T10:35:09","slug":"our-products","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/en\/our-products\/","title":{"rendered":"Our Products"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"687\" class=\"elementor elementor-687\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34f7e36 e-con-full e-flex e-con e-parent\" data-id=\"34f7e36\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0644985 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0644985\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Custom Fonts -->\r\n<style>\r\n@font-face {\r\n  font-family: 'Black Mango';\r\n  src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/black-mango-regular.ttf') format('truetype');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'DIN Next LT Pro';\r\n  src: url('https:\/\/zieno.com.tr\/wp-content\/uploads\/2026\/01\/din-next-lt-pro-regular.ttf') format('truetype');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-display: swap;\r\n}\r\n<\/style>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --black: #000000;\r\n        --gray: #696D78;\r\n        --light-bg: #edede9;\r\n        --white: #ffffff;\r\n        --border: #e5e5e5;\r\n        --font-main: 'DIN Next LT Pro', sans-serif;\r\n        --font-serif: 'Black Mango', serif;\r\n    }\r\n\r\n    * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body {\r\n        font-family: var(--font-main) !important;\r\n        color: var(--black);\r\n        background: var(--white);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* =========================================\r\n       HERO SECTION\r\n       ========================================= *\/\r\n    .products-hero {\r\n        background: var(--light-bg);\r\n        height: 500px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .hero-video-bg {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        min-width: 100%;\r\n        min-height: 100%;\r\n        width: auto;\r\n        height: auto;\r\n        object-fit: cover;\r\n        filter: blur(4px);\r\n        z-index: 0;\r\n    }\r\n\r\n    .hero-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(237, 237, 233, 0.7);\r\n        z-index: 1;\r\n    }\r\n\r\n    .products-hero-inner {\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .hero-subtitle {\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        color: var(--gray);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .products-hero h1 {\r\n        font-family: var(--font-serif) !important;\r\n        font-size: 3.5rem;\r\n        font-weight: 400;\r\n        margin-bottom: 20px;\r\n        line-height: 1.1;\r\n        color: var(--black);\r\n    }\r\n\r\n    .products-hero p {\r\n        font-size: 1.05rem;\r\n        color: var(--gray);\r\n        max-width: 550px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .products-hero {\r\n            padding: 130px 20px 50px;\r\n        }\r\n        .products-hero h1 {\r\n            font-size: 2.2rem;\r\n        }\r\n        .products-hero p {\r\n            font-size: 0.95rem;\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       FILTER SECTION - LEFT SIDEBAR\r\n       ========================================= *\/\r\n    .filter-section {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 280px;\r\n        background: var(--white);\r\n        border-right: 2px solid var(--border);\r\n        padding: 0;\r\n        z-index: 50;\r\n        min-height: 100%;\r\n    }\r\n\r\n    .filter-header {\r\n        position: sticky;\r\n        top: 140px;\r\n        background: var(--white);\r\n        padding: 40px 20px 20px;\r\n        border-bottom: 2px solid var(--border);\r\n        z-index: 2;\r\n    }\r\n\r\n    .filter-header h3 {\r\n        font-family: var(--font-serif) !important;\r\n        font-size: 1.5rem;\r\n        font-weight: 400;\r\n        color: var(--black);\r\n        margin: 0;\r\n    }\r\n\r\n    .filter-inner {\r\n        position: sticky;\r\n        top: 220px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 20px;\r\n        padding: 30px 20px;\r\n        background: var(--white);\r\n    }\r\n\r\n    .filter-tabs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .filter-tab {\r\n        padding: 14px 24px;\r\n        border: 2px solid var(--border);\r\n        border-radius: 12px;\r\n        background: var(--white);\r\n        font-family: var(--font-main) !important;\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        color: var(--gray);\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-align: left;\r\n        width: 100%;\r\n    }\r\n\r\n    .filter-tab:hover {\r\n        border-color: var(--black);\r\n        color: var(--black);\r\n        transform: translateX(4px);\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .filter-tab.active {\r\n        background: var(--black);\r\n        border-color: var(--black);\r\n        color: var(--white);\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .products-count {\r\n        font-size: 0.9rem;\r\n        color: var(--gray);\r\n        font-weight: 500;\r\n        text-align: center;\r\n        padding-top: 20px;\r\n        border-top: 1px solid var(--border);\r\n    }\r\n\r\n    .products-count span {\r\n        font-weight: 700;\r\n        color: var(--black);\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    \/* Mobil Filter Toggle - Modern Chip Style *\/\r\n    .filter-toggle {\r\n        position: fixed;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        bottom: 20px;\r\n        z-index: 9999;\r\n        background: var(--black);\r\n        color: var(--white);\r\n        border: none;\r\n        padding: 14px 28px;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        box-shadow: 0 8px 24px rgba(0,0,0,0.3);\r\n        transition: all 0.3s ease;\r\n        font-family: var(--font-main);\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .filter-toggle:hover {\r\n        transform: translateX(-50%) translateY(-2px);\r\n        box-shadow: 0 12px 32px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    .filter-toggle i {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .filter-toggle .filter-count {\r\n        background: rgba(255,255,255,0.2);\r\n        padding: 2px 8px;\r\n        border-radius: 12px;\r\n        font-size: 0.75rem;\r\n    }\r\n\r\n    \/* Desktop'ta gizle *\/\r\n    @media (min-width: 1025px) {\r\n        .filter-toggle {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    \/* Mobil Filter Overlay - Bottom Sheet Style *\/\r\n    .filter-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0,0,0,0.5);\r\n        z-index: 9998;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .filter-overlay.active {\r\n        pointer-events: auto;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .filter-section {\r\n            position: fixed;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            top: auto;\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 70vh;\r\n            border-right: none;\r\n            border-top: 2px solid var(--border);\r\n            border-radius: 24px 24px 0 0;\r\n            transform: translateY(100%);\r\n            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            overflow-y: auto;\r\n            z-index: 9999;\r\n            box-shadow: 0 -10px 40px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .filter-header {\r\n            position: relative;\r\n            top: 0;\r\n            padding: 24px 20px 16px;\r\n            border-bottom: 1px solid var(--border);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .filter-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 8px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 40px;\r\n            height: 4px;\r\n            background: var(--border);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .filter-close {\r\n            display: block;\r\n            background: none;\r\n            border: none;\r\n            font-size: 1.5rem;\r\n            color: var(--gray);\r\n            cursor: pointer;\r\n            padding: 0;\r\n            width: 32px;\r\n            height: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .filter-close:hover {\r\n            background: var(--light-bg);\r\n            color: var(--black);\r\n        }\r\n\r\n        .filter-inner {\r\n            position: static;\r\n            padding: 20px;\r\n        }\r\n\r\n        .filter-section.open {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .filter-overlay {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .filter-section {\r\n            max-height: 75vh;\r\n        }\r\n        \r\n        .filter-header h3 {\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        .filter-toggle {\r\n            padding: 12px 24px;\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       PRODUCTS GRID\r\n       ========================================= *\/\r\n    .products-section {\r\n        padding: 80px 20px 80px 320px;\r\n        position: relative;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .products-section {\r\n            padding: 80px 20px;\r\n        }\r\n    }\r\n\r\n    .products-inner {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .category-section {\r\n        margin-bottom: 70px;\r\n    }\r\n\r\n    .category-section:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .category-header {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 30px;\r\n        padding-bottom: 15px;\r\n        border-bottom: 1px solid var(--border);\r\n    }\r\n\r\n    .category-title h2 {\r\n        font-family: 'Black Mango', serif !important;\r\n        font-size: 1.5rem;\r\n        font-weight: 400;\r\n        color: #000000;\r\n    }\r\n\r\n    .category-title h2 span {\r\n        font-family: 'DIN Next LT Pro', sans-serif !important;\r\n        font-weight: 400;\r\n        color: #696D78;\r\n        margin-left: 10px;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .category-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        color: var(--gray);\r\n        text-decoration: none;\r\n        font-size: 0.85rem;\r\n        font-weight: 500;\r\n        transition: color 0.2s ease;\r\n    }\r\n\r\n    .category-link:hover {\r\n        color: var(--black);\r\n    }\r\n\r\n    .category-link i {\r\n        font-size: 0.75rem;\r\n        transition: transform 0.2s ease;\r\n    }\r\n\r\n    .category-link:hover i {\r\n        transform: translateX(3px);\r\n    }\r\n\r\n    \/* Product Grid *\/\r\n    .products-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n        .products-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .products-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .products-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n    }\r\n\r\n    \/* Product Card *\/\r\n    .product-card {\r\n        background: var(--white);\r\n        border-radius: 6px;\r\n        overflow: hidden;\r\n        border: 1px solid var(--border);\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        color: inherit;\r\n        display: block;\r\n    }\r\n\r\n    .product-card:hover {\r\n        border-color: #ccc;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.06);\r\n    }\r\n\r\n    .product-image {\r\n        position: relative;\r\n        aspect-ratio: 1\/1;\r\n        background: var(--light-bg);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .product-image {\r\n        position: relative;\r\n        aspect-ratio: 1\/1;\r\n        background: var(--light-bg);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .product-image::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 30px;\r\n        height: 30px;\r\n        border: 3px solid var(--border);\r\n        border-top-color: var(--gray);\r\n        border-radius: 50%;\r\n        animation: spin 0.8s linear infinite;\r\n        opacity: 0.3;\r\n    }\r\n\r\n    @keyframes spin {\r\n        to { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    .product-image.loaded::before {\r\n        display: none;\r\n    }\r\n\r\n    .product-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        opacity: 0;\r\n        transform: scale(0.95);\r\n        transition: opacity 0.4s ease, transform 0.6s ease;\r\n    }\r\n\r\n    .product-image.loaded img {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    .product-card:hover .product-image img {\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    .product-info {\r\n        padding: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .product-name {\r\n        font-family: 'Black Mango', serif !important;\r\n        font-size: 1rem;\r\n        font-weight: 400;\r\n        color: #000000;\r\n    }\r\n\r\n    .product-arrow {\r\n        font-size: 0.75rem;\r\n        color: var(--gray);\r\n        opacity: 0;\r\n        transform: translateX(-5px);\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .product-card:hover .product-arrow {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .product-info {\r\n            padding: 12px;\r\n        }\r\n        .product-name {\r\n            font-size: 0.8rem;\r\n        }\r\n    }\r\n\r\n    \/* =========================================\r\n       BOTTOM CTA SECTION\r\n       ========================================= *\/\r\n    .bottom-cta {\r\n        background: var(--black);\r\n        padding: 70px 20px;\r\n    }\r\n\r\n    .bottom-cta-inner {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 40px;\r\n    }\r\n\r\n    .cta-content h2 {\r\n        font-family: var(--font-serif) !important;\r\n        font-size: 2rem;\r\n        font-weight: 400;\r\n        color: var(--white);\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .cta-content p {\r\n        font-size: 0.95rem;\r\n        color: rgba(255,255,255,0.6);\r\n    }\r\n\r\n    .cta-buttons {\r\n        display: flex;\r\n        gap: 12px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .btn-primary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--white);\r\n        color: var(--black);\r\n        padding: 14px 28px;\r\n        border-radius: 4px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        font-size: 0.9rem;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .btn-primary:hover {\r\n        background: var(--light-bg);\r\n    }\r\n\r\n    .btn-secondary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: transparent;\r\n        color: var(--white);\r\n        padding: 14px 28px;\r\n        border-radius: 4px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        font-size: 0.9rem;\r\n        border: 1px solid rgba(255,255,255,0.3);\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .btn-secondary:hover {\r\n        border-color: var(--white);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bottom-cta {\r\n            padding: 50px 20px;\r\n        }\r\n        .bottom-cta-inner {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .cta-content h2 {\r\n            font-size: 1.6rem;\r\n        }\r\n        .cta-buttons {\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n        .btn-primary, .btn-secondary {\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============ HERO SECTION ============ -->\r\n<section class=\"products-hero\">\r\n    <video class=\"hero-video-bg\" autoplay muted loop playsinline>\r\n        <source src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/d0273a9d-6841-4468-83ab-901ad681b569.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"products-hero-inner\">\r\n        <div class=\"hero-subtitle\">Collection<\/div>\r\n        <h1>Our Products<\/h1>\r\n        <p>Discover our wide range of products that combine quality and aesthetics in office furniture.<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PRODUCTS SECTION ============ -->\r\n<section class=\"products-section\">\r\n    <!-- ============ FILTER OVERLAY ============ -->\r\n    <div class=\"filter-overlay\" id=\"filterOverlay\"><\/div>\r\n\r\n    <!-- ============ FILTER TOGGLE BUTTON ============ -->\r\n    <button class=\"filter-toggle\" id=\"filterToggle\">\r\n        <i class=\"fa-solid fa-filter\"><\/i>\r\n        <span>Filter<\/span>\r\n        <span class=\"filter-count\">41<\/span>\r\n    <\/button>\r\n\r\n    <!-- ============ FILTER SECTION ============ -->\r\n    <aside class=\"filter-section\" id=\"filterSection\">\r\n        <div class=\"filter-header\">\r\n            <h3>Categories<\/h3>\r\n            <button class=\"filter-close\" id=\"filterClose\" style=\"display: none;\">\r\n                <i class=\"fa-solid fa-xmark\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"filter-inner\">\r\n            <div class=\"filter-tabs\">\r\n                <button class=\"filter-tab active\" data-filter=\"all\">All<\/button>\r\n                <button class=\"filter-tab\" data-filter=\"ofis-koltugu\">Office Chair<\/button>\r\n                <button class=\"filter-tab\" data-filter=\"ofis-kanepesi\">Office Sofa<\/button>\r\n            <\/div>\r\n            <div class=\"products-count\">\r\n                <span>41<\/span> product series\r\n            <\/div>\r\n        <\/div>\r\n    <\/aside>\r\n\r\n    <div class=\"products-inner\">\r\n\r\n        <!-- OF\u0130S KOLTU\u011eU -->\r\n        <div class=\"category-section\" data-category=\"ofis-koltugu\">\r\n            <div class=\"category-header\">\r\n                <div class=\"category-title\">\r\n                    <h2>Office Chair <span>31<\/span><\/h2>\r\n                <\/div>\r\n                <a href=\"#\" class=\"category-link\">\r\n                    See all <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"products-grid\">\r\n                <a href=\"\/en\/axis-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/AXIS.webp\" alt=\"AXIS Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">AXIS Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/edge-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/EDGE.webp\" alt=\"EDGE Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">EDGE Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/obsidian-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/OBSIDIAN.webp\" alt=\"OBSIDIAN Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">OBSIDIAN Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/huns-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/HUNS.webp\" alt=\"HUNS Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">HUNS Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/flat-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/FLAT.webp\" alt=\"FLAT Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">FLAT Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/lord-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/LORD.webp\" alt=\"LORD Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">LORD Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/holly-serisi\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/HOLLY.webp\" alt=\"HOLLY Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">HOLLY Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/enorm-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ENORM.webp\" alt=\"ENORM Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">ENORM Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/burea-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/BUREA.webp\" alt=\"BUREA Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">BUREA Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/senator-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/SENATOR.webp\" alt=\"SENATOR Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">SENATOR Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/aristocrat-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ARISTOCRAT.webp\" alt=\"ARISTOCRAT Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">ARISTOCRAT Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/spectra-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/SPECTRA.webp\" alt=\"SPECTRA Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">SPECTRA Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/consul-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/CONSUL.webp\" alt=\"CONSUL Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">CONSUL Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/orbit-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ORBIT.webp\" alt=\"ORBIT Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">ORBIT Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/noir-chester-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/NOIR-CHESTER.webp\" alt=\"NOIR CHESTER Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">NOIR CHESTER Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/harmony-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/HARMONY.webp\" alt=\"HARMONY Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">HARMONY Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/pearl-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/PEARL.webp\" alt=\"PEARL Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">PEARL Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/pivot-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/PIVOT.webp\" alt=\"PIVOT Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">PIVOT Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/glide-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/GLIDE.webp\" alt=\"GLIDE Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">GLIDE Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/bicolor-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/BICOLOR.webp\" alt=\"BICOLOR Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">BICOLOR Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/momentum-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/MOMENTUM.webp\" alt=\"MOMENTUM Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">MOMENTUM Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/flux-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/FLUX.webp\" alt=\"FLUX Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">FLUX Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/gem-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/GEM.webp\" alt=\"GEM Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">GEM Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/canvas-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/CANVAS.webp\" alt=\"CANVAS Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">CANVAS Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/swift-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/SWIFT.webp\" alt=\"SWIFT Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">SWIFT Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/bixi-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/BIXI.webp\" alt=\"BIXI Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">BIXI Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/rafa-serisi\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/RAFA.webp\" alt=\"RAFA Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">RAFA Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/shade-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/SHADE.webp\" alt=\"SHADE Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">SHADE Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/pure-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/PURE.webp\" alt=\"PURE Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">PURE Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/care-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/CARE.webp\" alt=\"CARE Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">CARE Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/flash-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/FLASH.webp\" alt=\"FLASH Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">FLASH Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- OF\u0130S KANEPES\u0130 -->\r\n        <div class=\"category-section\" data-category=\"ofis-kanepesi\">\r\n            <div class=\"category-header\">\r\n                <div class=\"category-title\">\r\n                    <h2>Office Sofa <span>10<\/span><\/h2>\r\n                <\/div>\r\n                <a href=\"#\" class=\"category-link\">\r\n                    See all <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"products-grid\">\r\n                <a href=\"\/en\/holly-serisi\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/HOLLY.webp\" alt=\"HOLLY Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">HOLLY Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/craft-serisi\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/CRAFT.webp\" alt=\"CRAFT Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">CRAFT Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/artisan-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/ARTISAN.webp\" alt=\"ARTISAN Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">ARTISAN Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/siena-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/SIENA.webp\" alt=\"SIENA Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">SIENA Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/wisdom-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/WISDOM.webp\" alt=\"WISDOM Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">WISDOM Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/grace-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/GRACE.webp\" alt=\"GRACE Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">GRACE Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/othello-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/OTHELLO.webp\" alt=\"OTHELLO Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">OTHELLO Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/comet-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/COMET.webp\" alt=\"COMET Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">COMET Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/magnus-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/MAGNUS.webp\" alt=\"MAGNUS Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">MAGNUS Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/en\/valor-series\/\" class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zieno.com.tr\/wp-content\/uploads\/2025\/12\/VALOR.webp\" alt=\"VALOR Series\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">VALOR Series<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ============ BOTTOM CTA ============ -->\r\n<section class=\"bottom-cta\">\r\n    <div class=\"bottom-cta-inner\">\r\n        <div class=\"cta-content\">\r\n            <h2>Need help with your project?<\/h2>\r\n            <p>Our team of experts is ready to offer you the most suitable solutions.<\/p>\r\n        <\/div>\r\n        <div class=\"cta-buttons\">\r\n            <a href=\"\/en\/contact\/\" class=\"btn-primary\">\r\n                Contact Us\r\n            <\/a>\r\n            <a href=\"\/en\/e-catalog\/\" class=\"btn-secondary\">\r\n                E-Catalog\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ Mobile filter toggle - Modern Bottom Sheet\r\n        const filterToggle = document.getElementById('filterToggle');\r\n        const filterSection = document.getElementById('filterSection');\r\n        const filterOverlay = document.getElementById('filterOverlay');\r\n        const filterClose = document.getElementById('filterClose');\r\n        const filterCount = document.querySelector('.filter-count');\r\n        \r\n        function openFilter() {\r\n            filterSection.classList.add('open');\r\n            filterOverlay.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n        \r\n        function closeFilter() {\r\n            filterSection.classList.remove('open');\r\n            filterOverlay.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n        \r\n        if (filterToggle && filterSection) {\r\n            filterToggle.addEventListener('click', openFilter);\r\n            \r\n            if (filterOverlay) {\r\n                filterOverlay.addEventListener('click', closeFilter);\r\n            }\r\n            \r\n            if (filterClose) {\r\n                filterClose.addEventListener('click', closeFilter);\r\n            }\r\n        }\r\n\r\n        \/\/ Filter functionality\r\n        const filterTabs = document.querySelectorAll('.filter-tab');\r\n        const categorySections = document.querySelectorAll('.category-section');\r\n        const productsCount = document.querySelector('.products-count span');\r\n\r\n        \/\/ URL'den kategori parametresini oku\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        const kategoriParam = urlParams.get('kategori');\r\n\r\n        \/\/ Filtreleme fonksiyonu\r\n        function applyFilter(filter) {\r\n            filterTabs.forEach(t => t.classList.remove('active'));\r\n            \r\n            \/\/ Aktif tab'\u0131 i\u015faretle\r\n            const activeTab = document.querySelector(`.filter-tab[data-filter=\"${filter}\"]`);\r\n            if (activeTab) {\r\n                activeTab.classList.add('active');\r\n            }\r\n\r\n            if (filter === 'all') {\r\n                categorySections.forEach(section => {\r\n                    section.style.display = 'block';\r\n                });\r\n                productsCount.textContent = '41';\r\n                if (filterCount) filterCount.textContent = '41';\r\n            } else {\r\n                let visibleCount = 0;\r\n                categorySections.forEach(section => {\r\n                    if (section.dataset.category === filter) {\r\n                        section.style.display = 'block';\r\n                        visibleCount = section.querySelectorAll('.product-card').length;\r\n                    } else {\r\n                        section.style.display = 'none';\r\n                    }\r\n                });\r\n                productsCount.textContent = visibleCount;\r\n                if (filterCount) filterCount.textContent = visibleCount;\r\n            }\r\n\r\n            \/\/ Smooth scroll to products section after filter\r\n            setTimeout(() => {\r\n                const productsSection = document.querySelector('.products-section');\r\n                const targetPosition = productsSection.offsetTop - 20;\r\n                \r\n                window.scrollTo({\r\n                    top: targetPosition,\r\n                    behavior: 'smooth'\r\n                });\r\n            }, 100);\r\n        }\r\n\r\n        \/\/ Sayfa y\u00fcklendi\u011finde URL parametresine g\u00f6re filtrele\r\n        if (kategoriParam) {\r\n            applyFilter(kategoriParam);\r\n        }\r\n\r\n        filterTabs.forEach(tab => {\r\n            tab.addEventListener('click', function() {\r\n                const filter = this.dataset.filter;\r\n                applyFilter(filter);\r\n\r\n                \/\/ Close mobile filter after selection\r\n                if (window.innerWidth <= 1024) {\r\n                    closeFilter();\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Sequential lazy loading with Intersection Observer\r\n        const imageContainers = document.querySelectorAll('.product-image');\r\n        let loadedCount = 0;\r\n        const loadDelay = 50; \/\/ Her g\u00f6rsel aras\u0131 50ms gecikme\r\n\r\n        const imageObserver = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const container = entry.target;\r\n                    const img = container.querySelector('img');\r\n                    \r\n                    \/\/ S\u0131ral\u0131 y\u00fckleme i\u00e7in gecikme ekle\r\n                    const index = Array.from(imageContainers).indexOf(container);\r\n                    \r\n                    setTimeout(() => {\r\n                        \/\/ G\u00f6rseli y\u00fckle\r\n                        if (img.dataset.src) {\r\n                            img.src = img.dataset.src;\r\n                        }\r\n                        \r\n                        \/\/ Y\u00fcklenme event'i\r\n                        img.addEventListener('load', function() {\r\n                            container.classList.add('loaded');\r\n                            loadedCount++;\r\n                        });\r\n\r\n                        \/\/ E\u011fer g\u00f6rsel zaten cache'de varsa\r\n                        if (img.complete) {\r\n                            container.classList.add('loaded');\r\n                            loadedCount++;\r\n                        }\r\n                    }, index * loadDelay);\r\n\r\n                    observer.unobserve(container);\r\n                }\r\n            });\r\n        }, {\r\n            root: null,\r\n            rootMargin: '100px', \/\/ 100px \u00f6nceden y\u00fcklemeye ba\u015fla\r\n            threshold: 0.01\r\n        });\r\n\r\n        \/\/ T\u00fcm g\u00f6rselleri g\u00f6zlemle\r\n        imageContainers.forEach(container => {\r\n            imageObserver.observe(container);\r\n        });\r\n    });\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Koleksiyon \u00dcr\u00fcnlerimiz Ofis mobilyalar\u0131nda kalite ve esteti\u011fi bir arada sunan geni\u015f \u00fcr\u00fcn yelpazemizi ke\u015ffedin. Filtrele 41 Kategoriler T\u00fcm\u00fc Ofis Koltu\u011fu Ofis Kanepesi [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-687","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/687","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=687"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/pages\/687\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/en\/wp-json\/wp\/v2\/media?parent=687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}