{"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":"%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/zieno.com.tr\/ar\/%d9%85%d9%86%d8%aa%d8%ac%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627"},"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\">\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629<\/div>\r\n        <h1>\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/h1>\r\n        <p>\u0627\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0641\u064a \u0623\u062b\u0627\u062b \u0627\u0644\u0645\u0643\u0627\u062a\u0628.<\/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>\u0627\u0644\u062a\u0635\u0641\u064a\u0629<\/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>\u0627\u0644\u0641\u0626\u0627\u062a<\/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\">\u0627\u0644\u0643\u0644<\/button>\r\n                <button class=\"filter-tab\" data-filter=\"ofis-koltugu\">\u0643\u0631\u0633\u064a \u0627\u0644\u0645\u0643\u062a\u0628<\/button>\r\n                <button class=\"filter-tab\" data-filter=\"ofis-kanepesi\">\u0623\u0631\u064a\u0643\u0629 \u0627\u0644\u0645\u0643\u062a\u0628<\/button>\r\n            <\/div>\r\n            <div class=\"products-count\">\r\n                <span>41<\/span> \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\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>\u0643\u0631\u0633\u064a \u0627\u0644\u0645\u0643\u062a\u0628 <span>31<\/span><\/h2>\r\n                <\/div>\r\n                <a href=\"#\" class=\"category-link\">\r\n                    \u0634\u0627\u0647\u062f \u0627\u0644\u0643\u0644 <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"products-grid\">\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d8%ad%d8%a7%d9%88%d8%b1\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 AXIS\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 AXIS<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%ad%d8%a7%d9%81%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 EDGE\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 EDGE<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%b3%d8%a8%d8%ac\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 OBSIDIAN\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 OBSIDIAN<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%87%d9%88%d9%86%d8%b2\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 HUNS\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 HUNS<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%85%d8%b3%d8%b7%d8%ad%d8%a9\/\" 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=\"\u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0645\u0633\u0637\u062d\u0629\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0645\u0633\u0637\u062d\u0629<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%84%d9%88%d8%b1%d8%af\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0644\u0648\u0631\u062f\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0644\u0648\u0631\u062f<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/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=\"\u0633\u0644\u0633\u0644\u0629 \u0647\u0648\u0644\u064a\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0647\u0648\u0644\u064a<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%87%d8%a7%d8%a6%d9%84\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 ENORM\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 ENORM<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a8%d9%88%d8%b1%d9%8a%d8%a7\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 BUREA\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 BUREA<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%b3%d9%8a%d9%86%d8%a7%d8%aa%d9%88%d8%b1\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 SENATOR\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 SENATOR<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%a3%d8%b1%d8%b3%d8%aa%d9%82%d8%b1%d8%a7%d8%b7%d9%8a%d9%8a%d9%86\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0623\u0631\u064a\u0633\u062a\u0648\u0643\u0631\u0627\u062a\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0623\u0631\u064a\u0633\u062a\u0648\u0643\u0631\u0627\u062a<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a3%d8%b7%d9%8a%d8%a7%d9%81\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0633\u0628\u064a\u0643\u062a\u0631\u0627\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0633\u0628\u064a\u0643\u062a\u0631\u0627<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%82%d9%86%d8%b5%d9%84\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 CONSUL\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 CONSUL<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d8%af%d8%a7%d8%b1\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 ORBIT\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 ORBIT<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%86%d9%88%d8%a7%d8%b1-%d8%aa%d8%b4%d9%8a%d8%b3%d8%aa%d8%b1\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0646\u0648\u0627\u0631 \u062a\u0634\u0633\u062a\u0631\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0646\u0648\u0627\u0631 \u062a\u0634\u0633\u062a\u0631<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%a7%d9%86%d8%b3%d8%ac%d8%a7%d9%85\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 HARMONY\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 HARMONY<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%84%d8%a4%d9%84%d8%a4\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 PEARL\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 PEARL<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%a7%d9%84%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d8%ad%d9%88%d8%b1%d9%8a%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 PIVOT\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 PIVOT<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%a7%d9%86%d8%b2%d9%84%d8%a7%d9%82\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u062c\u0644\u0627\u064a\u062f\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u062c\u0644\u0627\u064a\u062f<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%a7%d9%84%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%ab%d9%86%d8%a7%d8%a6%d9%8a%d8%a9-%d8%a7%d9%84%d9%84%d9%88%d9%86\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 BICOLOR\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 BICOLOR<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%b2%d8%ae%d9%85\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 MOMENTUM\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 MOMENTUM<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%aa%d8%af%d9%81%d9%82\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0641\u0644\u0648\u0643\u0633\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0641\u0644\u0648\u0643\u0633<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%a3%d8%ad%d8%ac%d8%a7%d8%b1-%d8%a7%d9%84%d9%83%d8%b1%d9%8a%d9%85%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 GEM\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 GEM<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%82%d9%85%d8%a7%d8%b4\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 CANVAS\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 CANVAS<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%b3%d9%88%d9%8a%d9%81%d8%aa\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0633\u0648\u064a\u0641\u062a\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0633\u0648\u064a\u0641\u062a<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a8%d9%8a%d9%83%d8%b3%d9%8a\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 BIXI\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 BIXI<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/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=\"\u0633\u0644\u0633\u0644\u0629 \u0631\u0627\u0641\u0627\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0631\u0627\u0641\u0627<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%b8%d9%84\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0638\u0644\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0638\u0644<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%86%d9%82%d9%8a%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 PURE\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 PURE<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%b1%d8%b9%d8%a7%d9%8a%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0643\u064a\u0631\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0643\u064a\u0631<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%81%d9%84%d8%a7%d8%b4\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0641\u0644\u0627\u0634\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0641\u0644\u0627\u0634<\/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>\u0623\u0631\u064a\u0643\u0629 \u0627\u0644\u0645\u0643\u062a\u0628 <span>10<\/span><\/h2>\r\n                <\/div>\r\n                <a href=\"#\" class=\"category-link\">\r\n                    \u0634\u0627\u0647\u062f \u0627\u0644\u0643\u0644 <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"products-grid\">\r\n                <a href=\"\/ar\/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=\"\u0633\u0644\u0633\u0644\u0629 \u0647\u0648\u0644\u064a\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0647\u0648\u0644\u064a<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/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=\"\u0633\u0644\u0633\u0644\u0629 CRAFT\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 CRAFT<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%ad%d8%b1%d9%81%d9%8a\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 ARTISAN\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 ARTISAN<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%b3%d9%8a%d9%8a%d9%86%d8%a7\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 SIENA\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 SIENA<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%ad%d9%83%d9%85%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 WISDOM\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 WISDOM<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%86%d8%b9%d9%85%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 GRACE\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 GRACE<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a3%d9%88%d8%ab%d9%8a%d9%84%d9%88\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0623\u0648\u062b\u064a\u0644\u0648\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0623\u0648\u062b\u064a\u0644\u0648<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d8%b0%d9%86%d8%a8%d8%a7%d8%aa\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 COMET\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 COMET<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d9%85%d8%a7%d8%ba%d9%86%d9%88%d8%b3\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 \u0645\u0627\u063a\u0646\u0648\u0633\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 \u0645\u0627\u063a\u0646\u0648\u0633<\/div>\r\n                        <i class=\"fa-solid fa-arrow-right product-arrow\"><\/i>\r\n                    <\/div>\r\n                <\/a>\r\n                <a href=\"\/ar\/%d8%b3%d9%84%d8%b3%d9%84%d8%a9-%d8%a7%d9%84%d8%b4%d8%ac%d8%a7%d8%b9%d8%a9\/\" 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=\"\u0633\u0644\u0633\u0644\u0629 VALOR\" loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-name\">\u0633\u0644\u0633\u0644\u0629 VALOR<\/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>\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0645\u0634\u0631\u0648\u0639\u0643\u061f<\/h2>\r\n            <p>\u0641\u0631\u064a\u0642 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0644\u062f\u064a\u0646\u0627 \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u0646\u0633\u0628 \u0627\u0644\u062d\u0644\u0648\u0644 \u0644\u0643.<\/p>\r\n        <\/div>\r\n        <div class=\"cta-buttons\">\r\n            <a href=\"\/ar\/%d8%a7%d9%84%d8%aa%d9%88%d8%a7%d8%b5%d9%84\/\" class=\"btn-primary\">\r\n                \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\r\n            <\/a>\r\n            <a href=\"\/ar\/%d9%83%d8%aa%d8%a7%d9%84%d9%88%d8%ac-%d9%87%d9%80\/\" class=\"btn-secondary\">\r\n                \u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\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\/ar\/wp-json\/wp\/v2\/pages\/687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/comments?post=687"}],"version-history":[{"count":0,"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/pages\/687\/revisions"}],"wp:attachment":[{"href":"https:\/\/zieno.com.tr\/ar\/wp-json\/wp\/v2\/media?parent=687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}