{"id":2274,"date":"2020-02-28T03:31:32","date_gmt":"2020-02-28T03:31:32","guid":{"rendered":"http:\/\/wpdemo.archiwp.com\/engitech\/?page_id=2274"},"modified":"2026-05-17T11:51:16","modified_gmt":"2026-05-17T09:51:16","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/zafirnatural.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2274\" class=\"elementor elementor-2274\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c488cc e-con-full e-flex e-con e-parent\" data-id=\"5c488cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f52236 elementor-widget elementor-widget-html\" data-id=\"8f52236\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================= -->\n<!-- ADIM 1: HERO SESS\u0130Z L\u00dcKS \u2014 V\u0130DEOLU VERS\u0130YON -->\n<!-- hero_son_hali.txt yerine yap\u0131\u015ft\u0131r\u0131lacak       -->\n<!-- ============================================= -->\n<!-- \n  KULLANIM:\n  1. Video dosyan\u0131z\u0131 (MP4, max 8-12MB) WordPress medya kitapl\u0131\u011f\u0131na y\u00fckleyin\n  2. A\u015fa\u011f\u0131daki VIDEO_URL_BURAYA k\u0131sm\u0131na video URL'sini yap\u0131\u015ft\u0131r\u0131n\n  3. Mobil poster g\u00f6rseli olarak mevcut aspir tarlas\u0131 resmini b\u0131rakt\u0131k\n     (mobilde video yerine statik g\u00f6rsel g\u00f6sterilir \u2014 pil\/veri tasarrufu)\n  4. Elementor'da mevcut hero widget'\u0131n\u0131n i\u00e7eri\u011fini bu kodla de\u011fi\u015ftirin\n-->\n\n<div class=\"zafir-hero-premium\" id=\"zafirHeroPremium\">\n    <!-- VIDEO ARKA PLAN -->\n    <div class=\"zhp-video-wrap\">\n        <video class=\"zhp-video\" \n               autoplay \n               muted \n               loop \n               playsinline\n               preload=\"none\"\n               data-poster=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/01\/aspir-tarlasi-rev1.webp\">\n            <!-- Video JS ile ba\u011flan\u0131r; ilk HTML y\u00fcklemesinde 7.7 MB MP4 indirilmez. -->\n            <source\n                data-src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/zafir-natural-aspir-tarlasi.mp4\"\n                type=\"video\/mp4\"\n                media=\"(min-width: 769px)\">\n        <\/video>\n    <\/div>\n    <!-- MOB\u0130L FALLBACK: Video yerine statik g\u00f6rsel -->\n    <picture class=\"zhp-bg zhp-bg-mobile-only\">\n        <img src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/01\/aspirtalasi-mobil.webp\" \n             alt=\"Zafir Natural - Do\u011fal Aspir Ya\u011f\u0131 ve Tarlas\u0131\" \n             class=\"zhp-bg-img\" \n             width=\"1200\" height=\"900\"\n             fetchpriority=\"high\" loading=\"eager\" decoding=\"async\">\n    <\/picture>\n    <!-- Yumu\u015fak karartma overlay -->\n    <div class=\"zhp-overlay\"><\/div>\n    <!-- \u0130\u00e7erik -->\n    <div class=\"zhp-content\">\n        <h1 class=\"zhp-title\">\n            <span class=\"title-line-1\">\n                <span class=\"word\" style=\"--delay: 0.3s\">Topra\u011f\u0131n<\/span>\n                <span class=\"word\" style=\"--delay: 0.45s\">En<\/span>\n                <span class=\"word\" style=\"--delay: 0.6s\">Saf<\/span>\n                <span class=\"word\" style=\"--delay: 0.75s\">Hali<\/span>\n            <\/span>\n            <span class=\"title-line-2\">\n                <span class=\"word\" style=\"--delay: 1.0s\">Zafir<\/span>\n                <span class=\"word\" style=\"--delay: 1.2s\">Natural<\/span>\n            <\/span>\n        <\/h1>\n        <p class=\"zhp-desc\">Kendi arazilerimizden, so\u011fuk s\u0131k\u0131m y\u00f6ntemiyle.<\/p>\n        <div class=\"zhp-trust\">\n            <span>Lab Analizi Tescilli<\/span>\n            <span class=\"zhp-trust-dot\">\u00b7<\/span>\n            <span>So\u011fuk S\u0131k\u0131m<\/span>\n            <span class=\"zhp-trust-dot\">\u00b7<\/span>\n            <span>2019'dan Bu Yana<\/span>\n        <\/div>\n        \n        <div class=\"zhp-buttons\">\n            <a href=\"\/magaza\/\" class=\"zhp-btn zhp-btn-quiet\">\n                <span class=\"btn-text\">Analizli \u00dcr\u00fcnleri \u0130ncele<\/span>\n                <span class=\"btn-arrow\">\u2192<\/span>\n            <\/a>\n            <p class=\"zhp-proof-note\">Her parti GC\/MS tescilli<\/p>\n        <\/div>\n    <\/div>\n    \n    <!-- Scroll indicator -->\n    <div class=\"zhp-scroll\">\n        <div class=\"scroll-line\"><\/div>\n        <span class=\"scroll-text\">Ke\u015ffet<\/span>\n    <\/div>\n<\/div>\n<style>\n\/* ======================================================\n   ADIM 1: SESS\u0130Z L\u00dcKS HERO \u2014 V\u0130DEOLU VERS\u0130YON\n   \n   Kald\u0131r\u0131lanlar:\n   - Glow bloblar, particles\n   - Trust row ikonlar\u0131  \n   - \u0130kinci buton\n   - Mouse scroll g\u00f6stergesi \u2192 minimal \u00e7izgi animasyonu\n   \n   Eklenenler:\n   - Video arka plan (desktop)\n   - Mobilde statik g\u00f6rsel fallback\n   - Daha geni\u015f bo\u015fluklar, minimal tipografi\n   - Sade border buton\n   - \u00c7izgi scroll indicator\n   ====================================================== *\/\n:root {\n    --zhp-black: #0F1A14;\n    --zhp-charcoal: #1A2B20;\n    --zhp-ivory: #FFFEF9;\n    --zhp-gold: #C9A962;\n    --zhp-gold-bright: #E5C87D;\n    --zhp-gold-dark: #A6883E;\n    --zhp-gold-matte: #B8A17A;\n}\n\/* \u2014 Animasyonlar \u2014 *\/\n@keyframes zhpWordReveal {\n    0% { opacity: 0; transform: translateY(35px); filter: blur(6px); }\n    100% { opacity: 1; transform: translateY(0); filter: blur(0); }\n}\n@keyframes zhpShimmerFlow {\n    0% { background-position: -200% 0; }\n    100% { background-position: 200% 0; }\n}\n@keyframes zhpFadeInUp {\n    from { opacity: 0; transform: translateY(25px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n@keyframes zhpScrollLine {\n    0% { transform: scaleY(0); transform-origin: top; }\n    50% { transform: scaleY(1); transform-origin: top; }\n    51% { transform: scaleY(1); transform-origin: bottom; }\n    100% { transform: scaleY(0); transform-origin: bottom; }\n}\n\/* \u2014 Ana Sar\u0131c\u0131 \u2014 *\/\n.zafir-hero-premium {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100vw;\n    left: 50%;\n    margin-left: -50vw;\n    overflow: hidden;\n    background: var(--zhp-black);\n    height: 100vh;\n    min-height: 700px;\n    contain: paint layout;\n}\n\/* \u2014 Video Arka Plan \u2014 *\/\n.zhp-video-wrap {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    z-index: 1;\n    overflow: hidden;\n}\n.zhp-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    \/* Video orijinal parlakl\u0131k ve renkte g\u00f6sterilir *\/\n    filter: none;\n}\n\/* Mobil fallback g\u00f6rseli \u2014 masa\u00fcst\u00fcnde gizli *\/\n.zhp-bg-mobile-only {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    z-index: 1;\n    overflow: hidden;\n    display: none; \/* Masa\u00fcst\u00fcnde gizli, mobilde a\u00e7\u0131l\u0131r *\/\n}\n.zhp-bg-mobile-only .zhp-bg-img {\n    display: block;\n    width: 100%; height: 100%;\n    object-fit: cover;\n    object-position: center center;\n}\n\/* \u2014 Overlay \u2014 yaz\u0131lar okunakl\u0131 olsun diye merkez daha koyu \u2014 *\/\n.zhp-overlay {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    z-index: 3;\n    pointer-events: none;\n    background: linear-gradient(\n        180deg, \n        rgba(15, 26, 20, 0.60) 0%, \n        rgba(15, 26, 20, 0.45) 25%, \n        rgba(15, 26, 20, 0.55) 45%, \n        rgba(15, 26, 20, 0.50) 65%, \n        rgba(15, 26, 20, 0.92) 100%\n    );\n}\n\/* \u2014 \u0130\u00e7erik \u2014 *\/\n.zhp-content {\n    position: relative;\n    z-index: 10;\n    text-align: center;\n    max-width: 800px;\n    padding: 40px 30px;\n}\n.zhp-title {\n    margin: 0 0 30px 0;\n}\n.title-line-1, .title-line-2 {\n    display: block;\n    overflow: hidden;\n}\n.title-line-1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(24px, 4.5vw, 42px);\n    font-weight: 400;\n    font-style: italic;\n    color: rgba(255, 254, 249, 0.95);\n    line-height: 1.3;\n    margin-bottom: 14px;\n    letter-spacing: 0.06em;\n    text-shadow: 0 2px 25px rgba(0, 0, 0, 0.8), 0 4px 40px rgba(0, 0, 0, 0.4);\n}\n.title-line-2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(42px, 7vw, 64px);\n    font-weight: 700;\n    line-height: 1.1;\n    letter-spacing: 0.06em;\n    filter: drop-shadow(0 3px 20px rgba(0, 0, 0, 0.7));\n}\n.word {\n    display: inline-block;\n    opacity: 0;\n    animation: zhpWordReveal 0.9s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n    animation-delay: var(--delay);\n}\n.title-line-2 .word {\n    background: linear-gradient(135deg, var(--zhp-ivory) 0%, var(--zhp-gold-bright) 50%, var(--zhp-ivory) 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: zhpWordReveal 0.9s cubic-bezier(0.23, 1, 0.32, 1) forwards, zhpShimmerFlow 5s linear 2s infinite;\n    animation-delay: var(--delay), 2.5s;\n}\n\/* \u2014 A\u00e7\u0131klama \u2014 k\u0131sa ama okunakl\u0131 \u2014 *\/\n.zhp-desc {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.8;\n    color: rgba(255, 254, 249, 0.85);\n    max-width: 420px;\n    margin: 0 auto 24px auto;\n    letter-spacing: 0.06em;\n    opacity: 0;\n    animation: zhpFadeInUp 1s ease-out 1.4s forwards;\n    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.8), 0 4px 40px rgba(0, 0, 0, 0.4);\n}\n\/* \u2014 Trust Badge \u2014 *\/\n.zhp-trust {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    font-family: 'Cinzel', serif;\n    font-size: 12px;\n    font-weight: 400;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: rgba(255, 254, 249, 0.75);\n    margin-bottom: 48px;\n    opacity: 0;\n    animation: zhpFadeInUp 1s ease-out 1.5s forwards;\n    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9), 0 4px 20px rgba(0, 0, 0, 0.6);\n}\n.zhp-trust-dot {\n    color: rgba(229, 200, 125, 0.8);\n    font-size: 30px;\n}\n\/* \u2014 Buton \u2014 silent luxury text-link \u2014 *\/\n.zhp-buttons {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    animation: zhpFadeInUp 1s ease-out 1.7s forwards;\n}\n.zhp-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    padding: 8px 0;\n    background: none;\n    border: none;\n    border-radius: 0;\n    font-family: 'Cinzel', serif;\n    font-size: 12px;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    text-decoration: none !important;\n    color: var(--zhp-ivory) !important;\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.zhp-btn::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 40%;\n    height: 1px;\n    background: rgba(255, 254, 249, 0.4);\n    transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.4s ease;\n}\n.zhp-btn:hover::after {\n    width: 100%;\n    background: rgba(255, 254, 249, 0.8);\n}\n.zhp-btn:hover {\n    color: var(--zhp-ivory) !important;\n}\n.zhp-btn-quiet {\n    background: transparent;\n}\n.btn-arrow {\n    font-size: 16px;\n    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n    opacity: 0.7;\n}\n.zhp-btn:hover .btn-arrow {\n    transform: translateX(8px);\n    opacity: 1;\n}\n.zhp-proof-note {\n    font-family: 'Cinzel', serif;\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: 0.15em;\n    color: rgba(255, 254, 249, 0.85);\n    margin: 12px 0 0;\n    text-transform: uppercase;\n}\n\/* \u2014 Scroll Indicator \u2014 minimal \u00e7izgi \u2014 *\/\n.zhp-scroll {\n    position: absolute;\n    bottom: 32px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    opacity: 0;\n    animation: zhpFadeInUp 1s ease-out 2s forwards;\n}\n.scroll-line {\n    width: 1px;\n    height: 40px;\n    background: rgba(255, 254, 249, 0.25);\n    position: relative;\n    overflow: hidden;\n}\n.scroll-line::after {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: rgba(255, 254, 249, 0.7);\n    animation: zhpScrollLine 2s ease-in-out infinite;\n}\n.scroll-text {\n    font-family: 'Cinzel', serif;\n    font-size: 8px;\n    font-weight: 600;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: rgba(255, 254, 249, 0.30);\n}\n\/* ======================================================\n   MOB\u0130L OPT\u0130M\u0130ZASYON\n   - Video gizlenir, yerine statik g\u00f6rsel g\u00f6sterilir\n   - Pil ve mobil veri dostu\n   ====================================================== *\/\n@media (max-width: 768px) {\n    .zafir-hero-premium {\n        height: 100svh !important;\n        min-height: 100svh !important;\n        background: #0F1A14 !important;\n    }\n    \/* Mobilde videoyu tamamen kapat \u2014 pil ve veri tasarrufu *\/\n    .zhp-video-wrap {\n        display: none !important;\n    }\n    \/* Mobilde statik g\u00f6rseli g\u00f6ster *\/\n    .zhp-bg-mobile-only {\n        display: block !important;\n    }\n    .zhp-bg-mobile-only .zhp-bg-img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        transform: none !important;\n        animation: none !important;\n    }\n    .zhp-content {\n        padding: 50px 20px 30px !important;\n    }\n    .zhp-title {\n        margin-bottom: 16px !important;\n    }\n    .title-line-1 {\n        font-size: 20px !important;\n        margin-bottom: 6px !important;\n    }\n    .title-line-2 {\n        font-size: 30px !important;\n    }\n    .zhp-desc {\n        font-size: 13px !important;\n        margin-bottom: 28px !important;\n        max-width: 280px !important;\n        line-height: 1.7 !important;\n    }\n    .zhp-buttons {\n        width: 100% !important;\n        max-width: 260px !important;\n        margin: 0 auto !important;\n    }\n    .zhp-btn {\n        width: auto !important;\n        padding: 8px 0 !important;\n        font-size: 11px !important;\n    }\n    .zhp-scroll {\n        bottom: 20px !important;\n        left: 50% !important;\n        right: auto !important;\n        transform: translateX(-50%) !important;\n    }\n    .scroll-line {\n        height: 28px;\n    }\n}\n<\/style>\n<script data-no-optimize=\"1\">\n\/\/ Video performans optimizasyonu:\n\/\/ - Mobilde video kayna\u011f\u0131n\u0131 hi\u00e7 ba\u011flama (LCP ve veri tasarrufu)\n\/\/ - Desktop'ta hero g\u00f6r\u00fcn\u00fcrken y\u00fckle\/oynat, viewport d\u0131\u015f\u0131nda pause\n(function() {\n    const hero = document.getElementById('zafirHeroPremium');\n    if (!hero) return;\n    const video = hero.querySelector('.zhp-video');\n    if (!video) return;\n    const source = video.querySelector('source[data-src]');\n    const desktopQuery = window.matchMedia('(min-width: 769px)');\n    const reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n    let sourceAttached = false;\n\n    function attachVideoSource() {\n        if (video.dataset.poster && video.getAttribute('poster') !== video.dataset.poster) {\n            video.setAttribute('poster', video.dataset.poster);\n        }\n        if (!source || sourceAttached) return;\n        source.src = source.dataset.src;\n        sourceAttached = true;\n        video.load();\n    }\n\n    function detachVideoSource() {\n        video.pause();\n        video.removeAttribute('poster');\n        if (!source) return;\n        source.removeAttribute('src');\n        sourceAttached = false;\n        video.load();\n    }\n\n    function shouldUseVideo() {\n        return desktopQuery.matches && !reducedMotionQuery.matches;\n    }\n\n    if (!shouldUseVideo()) {\n        detachVideoSource();\n        return;\n    }\n\n    attachVideoSource();\n\n    \/\/ Sayfa g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc de\u011fi\u015fti\u011finde\n    document.addEventListener('visibilitychange', function() {\n        if (!shouldUseVideo()) {\n            detachVideoSource();\n            return;\n        }\n        if (document.hidden) {\n            video.pause();\n        } else {\n            attachVideoSource();\n            video.play().catch(() => {});\n        }\n    });\n\n    \/\/ Hero viewport d\u0131\u015f\u0131na \u00e7\u0131kt\u0131\u011f\u0131nda videoyu durdur\n    if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (!shouldUseVideo()) {\n                    detachVideoSource();\n                    return;\n                }\n                if (entry.isIntersecting) {\n                    attachVideoSource();\n                    video.play().catch(() => {});\n                } else {\n                    video.pause();\n                }\n            });\n        }, { threshold: 0.1 });\n        observer.observe(hero);\n    }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2a9ac8 e-con-full e-flex e-con e-parent\" data-id=\"c2a9ac8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef4a08 elementor-widget elementor-widget-html\" data-id=\"2ef4a08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================= -->\n<!-- ADIM 2: CAROUSEL'I G\u0130ZLE + MARKA H\u0130KAYES\u0130    -->\n<!-- ============================================= -->\n<!--\n  KULLANIM:\n  1. Elementor'da Carousel'in bulundu\u011fu widget'\u0131 S\u0130L\u0130N veya gizleyin\n     (ya da a\u015fa\u011f\u0131daki CSS override'\u0131 Code Snippets ile ekleyin)\n  2. Carousel'in yerine yeni bir Elementor Custom HTML widget ekleyin\n  3. Bu kodun tamam\u0131n\u0131 o widget'a yap\u0131\u015ft\u0131r\u0131n\n-->\n<!-- ================================================\n     B\u00d6L\u00dcM A: ESK\u0130 CAROUSEL'I CSS \u0130LE G\u0130ZLEME\n     (Elementor'dan silmek yerine CSS ile gizler)\n     ================================================ -->\n<style>\n\/* Eski 9 \u00fcr\u00fcnl\u00fck carousel'\u0131 tamamen gizle *\/\n.zafir-premium-carousel-wrapper {\n    display: none !important;\n}\n<\/style>\n<!-- ================================================\n     B\u00d6L\u00dcM B: MARKA H\u0130KAYES\u0130 BLO\u011eU\n     Sessiz L\u00fcks \u2014 Atmosferik, sat\u0131\u015f yapmayan, \n     sadece marka ruhunu yans\u0131tan manifesto b\u00f6l\u00fcm\u00fc\n     ================================================ -->\n<section class=\"zafir-story-section\" id=\"zafirStory\">\n    <div class=\"zafir-story-inner\">\n        \n        <!-- Dekoratif \u00fcst \u00e7izgi -->\n        <div class=\"story-line-top\"><\/div>\n        \n        <!-- Manifesto -->\n        <blockquote class=\"story-manifesto\">\n            <p class=\"story-line\" style=\"--line-delay: 0.2s\">\n                Kayseri'nin bereketli topraklar\u0131nda,\n            <\/p>\n            <p class=\"story-line\" style=\"--line-delay: 0.5s\">\n                kendi tarlalar\u0131m\u0131zda yeti\u015ftiriyoruz.\n            <\/p>\n            <p class=\"story-line\" style=\"--line-delay: 0.8s\">\n                So\u011fuk s\u0131k\u0131m y\u00f6ntemiyle, do\u011faya sayg\u0131yla i\u015fliyoruz.\n            <\/p>\n            <p class=\"story-line\" style=\"--line-delay: 1.1s\">\n                <em>Her \u015fi\u015fede bir ailenin eme\u011fi var.<\/em>\n            <\/p>\n        <\/blockquote>\n        <!-- Dekoratif alt \u00e7izgi + y\u0131ld\u0131z -->\n        <div class=\"story-divider\">\n            <span class=\"story-star\">\u2726<\/span>\n        <\/div>\n        <!-- Alt yaz\u0131 \u2014 ince, minimal -->\n        <p class=\"story-signature\">\u2014 Zafir Natural, 2019'dan bu yana \u2014<\/p>\n    <\/div>\n<\/section>\n<style>\n\/* ======================================================\n   ADIM 2: MARKA H\u0130KAYES\u0130 BLO\u011eU \u2014 SESS\u0130Z L\u00dcKS\n   \n   Tasar\u0131m prensipleri:\n   - CTA butonu YOK \u2014 sadece atmosfer\n   - Krem\/bej arka plan \u2014 koyu hero'dan yumu\u015fak ge\u00e7i\u015f\n   - Playfair Display italic \u2014 kitap\/manifesto hissi\n   - Geni\u015f bo\u015fluklar \u2014 nefes alan tasar\u0131m\n   ====================================================== *\/\n.zafir-story-section {\n    position: relative;\n    width: 100vw;\n    left: 50%;\n    margin-left: -50vw;\n    background: #F5F0E8;\n    padding: 0;\n    overflow: hidden;\n}\n.zafir-story-inner {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 140px 40px 100px;\n    text-align: center;\n}\n\/* \u00dcst \u00e7izgi kald\u0131r\u0131ld\u0131 \u2014 hero'nun scroll indicator'\u0131 yeterli *\/\n.story-line-top {\n    display: none;\n}\n\/* Manifesto metin *\/\n.story-manifesto {\n    margin: 0;\n    padding: 0;\n    border: none;\n}\n.story-line {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(20px, 3.5vw, 32px);\n    font-weight: 400;\n    font-style: italic;\n    color: #2A3830;\n    line-height: 1.8;\n    margin: 0;\n    padding: 4px 0;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: storyLineReveal 0.8s ease-out forwards;\n    animation-delay: var(--line-delay);\n    letter-spacing: 0.02em;\n}\n.story-line em {\n    color: #8B7A5E;\n    font-style: italic;\n}\n@keyframes storyLineReveal {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\/* Dekoratif ay\u0131r\u0131c\u0131 *\/\n.story-divider {\n    position: relative;\n    width: 120px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #B8A17A, transparent);\n    margin: 50px auto 30px;\n}\n.story-star {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 10px;\n    color: #B8A17A;\n    background: #F5F0E8;\n    padding: 0 14px;\n}\n\/* \u0130mza \u2014 ince *\/\n.story-signature {\n    font-family: 'Cinzel', serif;\n    font-size: 12px;\n    font-weight: 400;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: #8F8778;\n    margin: 0;\n}\n\/* ======================================================\n   SCROLL AN\u0130MASYONU\n   Sayfa scroll'unda manifesto sat\u0131rlar\u0131 teker teker g\u00f6r\u00fcns\u00fcn\n   ====================================================== *\/\n\/* IntersectionObserver ile tetiklenecek class *\/\n.story-line.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\/* ======================================================\n   MOB\u0130L RESPONSIVE\n   ====================================================== *\/\n@media (max-width: 768px) {\n    .zafir-story-section {\n        background: #F5F0E8;\n    }\n    .zafir-story-inner {\n        padding: 80px 24px 60px;\n    }\n    .story-line-top {\n        height: 40px;\n        margin-bottom: 40px;\n    }\n    .story-manifesto::before {\n        font-size: 40px !important;\n        top: -10px !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        opacity: 0.15 !important;\n    }\n    \/* Elementor blockquote t\u0131rnak \u2014 gizle veya k\u00fc\u00e7\u00fclt *\/\n    .story-manifesto {\n        quotes: none !important;\n    }\n    .story-manifesto:before,\n    .story-manifesto:after,\n    blockquote.story-manifesto:before,\n    blockquote.story-manifesto:after {\n        font-size: 36px !important;\n        opacity: 0.15 !important;\n    }\n    .story-line {\n        font-size: 18px !important;\n        line-height: 1.9;\n        padding: 2px 0;\n    }\n    .story-divider {\n        margin: 36px auto 24px;\n    }\n    .story-signature {\n        font-size: 9px;\n        letter-spacing: 0.12em;\n    }\n}\n<\/style>\n<script>\n\/\/ Scroll animasyonu: Manifesto sat\u0131rlar\u0131 viewport'a girdi\u011finde g\u00f6r\u00fcns\u00fcn\n(function() {\n    const lines = document.querySelectorAll('.story-line');\n    if (!lines.length) return;\n    \/\/ Ba\u015flang\u0131\u00e7ta animasyonu durdur (scroll ile tetiklensin)\n    lines.forEach(line => {\n        line.style.animation = 'none';\n        line.style.opacity = '0';\n        line.style.transform = 'translateY(20px)';\n    });\n    if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const line = entry.target;\n                    const delay = line.style.getPropertyValue('--line-delay') || '0s';\n                    setTimeout(() => {\n                        line.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';\n                        line.style.opacity = '1';\n                        line.style.transform = 'translateY(0)';\n                    }, parseFloat(delay) * 1000);\n                    observer.unobserve(line);\n                }\n            });\n        }, { threshold: 0.3 });\n        lines.forEach(line => observer.observe(line));\n    } else {\n        \/\/ Fallback: hepsini g\u00f6ster\n        lines.forEach(line => {\n            line.style.opacity = '1';\n            line.style.transform = 'translateY(0)';\n        });\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40f327e e-con-full e-flex e-con e-parent\" data-id=\"40f327e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e7483 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d3e7483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"zf-vitrin\" id=\"zfVitrin\">\n\n\n    <!-- \u2550\u2550\u2550 SAHNE 1: \u00c7\u00d6REK OTU YA\u011eI \u2550\u2550\u2550 -->\n    <section class=\"zf-scene\" data-num=\"01\">\n        <div class=\"zf-scene-grid\">\n            <div class=\"zf-scene-visual\">\n                <div class=\"zf-scene-glow\"><\/div>\n                <img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/corek-otu-yagi-250-ml.webp\" alt=\"\u00c7\u00f6rek Otu Ya\u011f\u0131\">\n            <\/div>\n            <div class=\"zf-scene-info\">\n                <span class=\"zf-scene-num\">01<\/span>\n                <span class=\"zf-scene-tag\">Biyoaktif \u00d6zler \u00b7 Timokinon \u00b7 250 mL<\/span>\n                <h2 class=\"zf-scene-title\">\u00c7\u00f6rek Otu Ya\u011f\u0131<\/h2>\n                <p class=\"zf-scene-desc\">GC\/MS akredite lab analizi ile %1,7 timokinon tescilli. So\u011fuk s\u0131k\u0131m \u00fcretim, katk\u0131s\u0131z i\u00e7erik ve cam \u015fi\u015fe korumas\u0131yla Zafir Natural'\u0131n en g\u00fc\u00e7l\u00fc \u00fcr\u00fcnlerinden biri.<\/p>\n                <a href=\"https:\/\/zafirnatural.com\/product\/zafir-natural-premium-gurme-seri-soguk-sikim-corek-otu-yagi-0-dogal-250-ml-2\/\" class=\"zf-scene-btn\">\u00dcr\u00fcn\u00fc Ke\u015ffet <span class=\"zf-btn-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 SAHNE 2: KABAK \u00c7EK\u0130RDE\u011e\u0130 YA\u011eI \u2550\u2550\u2550 -->\n    <section class=\"zf-scene zf-scene-reverse\" data-num=\"02\">\n        <div class=\"zf-scene-grid\">\n            <div class=\"zf-scene-visual\">\n                <div class=\"zf-scene-glow\"><\/div>\n                <img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/kabak-cekirdegi-yagi.webp\" alt=\"Kabak \u00c7ekirde\u011fi Ya\u011f\u0131\">\n            <\/div>\n            <div class=\"zf-scene-info\">\n                <span class=\"zf-scene-num\">02<\/span>\n                <span class=\"zf-scene-tag\">%42 Skualen \u00b7 Fitosterol Zengini \u00b7 250 mL<\/span>\n                <h2 class=\"zf-scene-title\">Kabak \u00c7ekirde\u011fi Ya\u011f\u0131<\/h2>\n                <p class=\"zf-scene-desc\">\u00dcniversite laboratuvar analiziyle \u00f6ne \u00e7\u0131kan skualen ve fitosterol profili. So\u011fuk s\u0131k\u0131m, katk\u0131s\u0131z ve dengeli aromas\u0131yla hem mutfak hem bak\u0131m rit\u00fcelleri i\u00e7in premium bir se\u00e7im.<\/p>\n                <a href=\"https:\/\/zafirnatural.com\/product\/zafir-natural-premium-gurme-seri-soguk-sikim-kabak-cekirdegi-yagi-0-dogal-250-ml\/\" class=\"zf-scene-btn\">\u00dcr\u00fcn\u00fc Ke\u015ffet <span class=\"zf-btn-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 SAHNE 3: KETEN TOHUMU YA\u011eI \u2550\u2550\u2550 -->\n    <section class=\"zf-scene\" data-num=\"03\">\n        <div class=\"zf-scene-grid\">\n            <div class=\"zf-scene-visual\">\n                <div class=\"zf-scene-glow\"><\/div>\n                <img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/keten-tohumu-yagi.webp\" alt=\"Keten Tohumu Ya\u011f\u0131\">\n            <\/div>\n            <div class=\"zf-scene-info\">\n                <span class=\"zf-scene-num\">03<\/span>\n                <span class=\"zf-scene-tag\">Bitkisel Omega-3 \u00b7 Linolenik Asit \u00b7 250 mL<\/span>\n                <h2 class=\"zf-scene-title\">Keten Tohumu Ya\u011f\u0131<\/h2>\n                <p class=\"zf-scene-desc\">Bitkisel Omega-3 profiliyle so\u011fuk tariflere sade ve rafine bir dokunu\u015f. Salata, yo\u011furtlu kar\u0131\u015f\u0131mlar ve kahvalt\u0131l\u0131k tabaklarda kullan\u0131ma uygun, so\u011fuk s\u0131k\u0131m ve katk\u0131s\u0131z.<\/p>\n                <a href=\"https:\/\/zafirnatural.com\/product\/zafir-natural-premium-gurme-seri-soguk-sikim-keten-tohumu-yagi-0-dogal-250-ml\/\" class=\"zf-scene-btn\">\u00dcr\u00fcn\u00fc Ke\u015ffet <span class=\"zf-btn-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 YATAY KAYAN \u015eER\u0130T \u2014 D\u0130\u011eER \u00dcR\u00dcNLER \u2550\u2550\u2550 -->\n    <section class=\"zf-strip-section\">\n        <div class=\"zf-strip-divider\"><\/div>\n        <div class=\"zf-strip-header\">\n            <span class=\"zf-strip-eyebrow\"><span class=\"zf-star\">\u2726<\/span> Koleksiyonumuz <span class=\"zf-star\">\u2726<\/span><\/span>\n            <h3 class=\"zf-strip-title\">T\u00fcm Premium \u00dcr\u00fcnler<\/h3>\n        <\/div>\n        <div class=\"zf-strip-hint\"><span>\u2190 Kayd\u0131rarak ke\u015ffedin \u2192<\/span><\/div>\n        <div class=\"zf-strip-track\" id=\"zfStripTrack\">\n            <div class=\"zf-strip-card\">\n                <div class=\"zf-strip-img\"><img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/aspir-yagi-250-ml.webp\" alt=\"Aspir Ya\u011f\u0131 250ml\"><\/div>\n                <div class=\"zf-strip-info\">\n                    <span class=\"zf-strip-tag\">So\u011fuk S\u0131k\u0131m \u00b7 250 mL<\/span>\n                    <h4>Aspir Ya\u011f\u0131<\/h4>\n                    <p>Salata ve so\u011fuk mezeleriniz i\u00e7in sa\u011fl\u0131k dolu bir dokunu\u015f.<\/p>\n                    <a href=\"https:\/\/zafirnatural.com\/product\/zafir-natural-premium-gurme-seri-soguk-sikim-aspir-yagi-0-dogal-250-ml-2\/\" class=\"zf-strip-btn\">Ke\u015ffet \u2192<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"zf-strip-card\">\n                <div class=\"zf-strip-img\"><img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/erken-hasat-zeytinyagi-250-ml.webp\" alt=\"Erken Hasat Zeytinya\u011f\u0131\"><\/div>\n                <div class=\"zf-strip-info\">\n                    <span class=\"zf-strip-tag\">Y\u00fcksek Polifenol \u00b7 250 mL<\/span>\n                    <h4>Erken Hasat Zeytinya\u011f\u0131<\/h4>\n                    <p>Meyvemsi profil, d\u00fc\u015f\u00fck asit ve nat\u00fcrel s\u0131zma kalite.<\/p>\n                    <a href=\"https:\/\/zafirnatural.com\/product\/premium-gurme-seri-soguk-sikim-zeytinyagi-0-dogal-250-ml\/\" class=\"zf-strip-btn\">Ke\u015ffet \u2192<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"zf-strip-card\">\n                <div class=\"zf-strip-img\"><img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/1-lt-aspir-yagi.webp\" alt=\"Aspir Ya\u011f\u0131 1Lt\"><\/div>\n                <div class=\"zf-strip-info\">\n                    <span class=\"zf-strip-tag\">So\u011fuk S\u0131k\u0131m \u00b7 1 Lt<\/span>\n                    <h4>Aspir Ya\u011f\u0131<\/h4>\n                    <p>Kalp ve damar sa\u011fl\u0131\u011f\u0131n\u0131 destekleyen hafif yap\u0131.<\/p>\n                    <a href=\"https:\/\/zafirnatural.com\/product\/zafir-natural-premium-gurme-seri-soguk-sikim-aspir-yagi-0-dogal-1-l\/\" class=\"zf-strip-btn\">Ke\u015ffet \u2192<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"zf-strip-card\">\n                <div class=\"zf-strip-img\"><img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/03\/susam-yagi.webp\" alt=\"Susam Ya\u011f\u0131 250ml\"><\/div>\n                <div class=\"zf-strip-info\">\n                    <span class=\"zf-strip-tag\">So\u011fuk S\u0131k\u0131m \u00b7 250 mL<\/span>\n                    <h4>Susam Ya\u011f\u0131<\/h4>\n                    <p>Sesamol ve sesaminol i\u00e7eri\u011fiyle g\u00fc\u00e7l\u00fc antioksidan deste\u011fi.<\/p>\n                    <a href=\"https:\/\/zafirnatural.com\/product\/soguk-sikim-susam-yagi-250-ml\/\" class=\"zf-strip-btn\">Ke\u015ffet \u2192<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"zf-strip-card\">\n                <div class=\"zf-strip-img\"><img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/01\/siyah-zeytin-e1769421950455.webp\" alt=\"Siyah Zeytin 400gr\"><\/div>\n                <div class=\"zf-strip-info\">\n                    <span class=\"zf-strip-tag\">Geleneksel Fermente \u00b7 400 Gr<\/span>\n                    <h4>Kuru Sele Siyah Zeytin<\/h4>\n                    <p>Do\u011fal fermente, yo\u011fun aroma ve k\u0131v\u0131rc\u0131k doku.<\/p>\n                    <a href=\"https:\/\/zafirnatural.com\/product\/siyah-sele-zeytin\/\" class=\"zf-strip-btn\">Ke\u015ffet \u2192<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"zf-strip-card\">\n                <div class=\"zf-strip-img\"><img decoding=\"async\" src=\"https:\/\/zafirnatural.com\/wp-content\/uploads\/2026\/02\/yesil-zeytin-400-gr.webp\" alt=\"Ye\u015fil Zeytin\"><\/div>\n                <div class=\"zf-strip-info\">\n                    <span class=\"zf-strip-tag\">Taze Hasat \u00b7 400 Gr<\/span>\n                    <h4>K\u0131rma Ye\u015fil Zeytin<\/h4>\n                    <p>Hafif ve meyvemsi lezzet. Kahvalt\u0131 klasi\u011fi.<\/p>\n                    <a href=\"https:\/\/zafirnatural.com\/product\/yesil-zeytin\/\" class=\"zf-strip-btn\">Ke\u015ffet \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 FOOTER CTA \u2550\u2550\u2550 -->\n    <section class=\"zf-footer-cta\">\n        <div class=\"zf-footer-glow\"><\/div>\n        <div class=\"zf-footer-inner\">\n            <div class=\"zf-footer-eyebrow\"><span class=\"zf-star\">\u2726<\/span> Zafir Natural <span class=\"zf-star\">\u2726<\/span><\/div>\n            <h3 class=\"zf-footer-title\">Ma\u011fazam\u0131z\u0131 Ke\u015ffedin<\/h3>\n            <p class=\"zf-footer-sub\">Do\u011fan\u0131n en saf halini sofran\u0131za ta\u015f\u0131yoruz.<\/p>\n            <a href=\"\/magaza\/\" class=\"zf-footer-btn\">T\u00fcm \u00dcr\u00fcnler <span class=\"zf-btn-arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n    \/* \u2550\u2550\u2550 KEYFRAMES \u2550\u2550\u2550 *\/\n    @keyframes zfFadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}\n    @keyframes zfPulse{0%,100%{opacity:.3}50%{opacity:.8}}\n    @keyframes zfBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}\n    @keyframes zfShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}\n    @keyframes zfLeafSway{0%,100%{transform:rotate(15deg)}50%{transform:rotate(25deg)}}\n    @keyframes zfLeafSway2{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(-20deg)}}\n    @keyframes zfSlideHint{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}\n\n    \/* \u2550\u2550\u2550 ELEMENTOR OVERRIDE \u2550\u2550\u2550 *\/\n    .elementor-widget-html:has(.zf-vitrin),.elementor-widget-html:has(.zf-vitrin)>.elementor-widget-container,\n    .elementor-section:has(.zf-vitrin),.elementor-container:has(.zf-vitrin),.e-con:has(.zf-vitrin){\n        padding:0!important;margin:0!important;gap:0!important;background:#142114!important;\n    }\n\n    \/* \u2550\u2550\u2550 ANA KAPSAYICI \u2550\u2550\u2550 *\/\n    .zf-vitrin{\n        --deep:#142114;--forest:#1C2E1C;--cream:#C8BFA8;--ivory:#D4CFC5;\n        --gold:#B38E5D;--gold-light:#D4B278;--gold-dark:#8B6E3E;\n        --heading:'Playfair Display',Georgia,serif;\n        --body:'Cormorant Garamond',serif;\n        --accent:'Cormorant Garamond',serif;\n        width:100%;background:var(--deep);color:var(--cream);\n        font-family:var(--body);overflow:hidden;margin:0;padding:0;\n    }\n    .zf-vitrin *,.zf-vitrin *::before,.zf-vitrin *::after{margin:0;padding:0;box-sizing:border-box;}\n    .zf-vitrin img{border:none;box-shadow:none;border-radius:0;display:block;background:transparent;}\n\n\n\n    \/* \u2550\u2550\u2550 S\u0130NEMAT\u0130K SAHNELER \u2550\u2550\u2550 *\/\n    .zf-scene{min-height:100vh;position:relative;overflow:hidden;}\n    .zf-scene::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(179,142,93,.1) 50%,transparent 100%);}\n    .zf-scene-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;max-width:1400px;margin:0 auto;align-items:center;gap:40px;padding:80px 60px;}\n    .zf-scene-reverse .zf-scene-grid{direction:rtl;}\n    .zf-scene-reverse .zf-scene-grid>*{direction:ltr;}\n\n    .zf-scene-visual{display:flex;align-items:center;justify-content:center;position:relative;padding:40px;}\n    .zf-scene-glow{position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgba(42,61,42,.25) 0%,transparent 70%);border-radius:50%;filter:blur(70px);pointer-events:none;}\n    .zf-scene-visual img{max-width:85%;max-height:65vh;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));opacity:0;transform:translateX(80px) scale(.88);transition:all 1.4s cubic-bezier(.23,1,.32,1);}\n    .zf-scene-reverse .zf-scene-visual img{transform:translateX(-80px) scale(.88);}\n    .zf-scene.zf-visible .zf-scene-visual img{opacity:1;transform:translateX(0) scale(1);}\n\n    .zf-scene-info{position:relative;padding:20px 0;}\n    .zf-scene-num{font-family:var(--accent);font-size:100px;font-weight:600;color:rgba(179,142,93,.04);position:absolute;top:-30px;left:-10px;line-height:1;pointer-events:none;}\n    .zf-scene-tag{display:inline-block;font-family:var(--accent);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;opacity:0;transform:translateY(20px);transition:all .8s ease .3s;}\n    .zf-scene-title{font-family:var(--heading)!important;font-size:52px!important;font-weight:500!important;font-style:italic!important;color:var(--gold-light)!important;-webkit-text-fill-color:var(--gold-light)!important;line-height:1.15!important;margin-bottom:22px!important;padding:0!important;border:none!important;text-align:left!important;opacity:0;transform:translateY(30px);transition:all .8s ease .4s;}\n    .zf-scene-desc{font-size:17px!important;line-height:1.9!important;color:rgba(200,191,168,.75)!important;font-weight:400!important;max-width:440px;margin-bottom:40px!important;letter-spacing:.02em!important;padding:0!important;border:none!important;background:transparent!important;text-align:left!important;opacity:0;transform:translateY(25px);transition:all .8s ease .5s;}\n    .zf-scene-btn{display:inline-flex!important;align-items:center!important;gap:10px!important;border:1px solid var(--gold)!important;color:var(--gold-light)!important;padding:16px 40px!important;text-decoration:none!important;font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important;font-weight:400!important;transition:all .5s cubic-bezier(.23,1,.32,1)!important;background:transparent!important;cursor:pointer!important;opacity:0;transform:translateY(20px);font-family:'Cinzel',serif!important;}\n    .zf-btn-arrow{font-size:16px;transition:transform .3s ease;line-height:1;display:inline-block;}\n    .zf-scene-btn:hover{background:var(--gold)!important;color:var(--deep)!important;transform:translateY(-4px)!important;box-shadow:0 12px 35px rgba(179,142,93,.2)!important;}\n    .zf-scene-btn:hover .zf-btn-arrow,.zf-footer-btn:hover .zf-btn-arrow{transform:translateX(4px);}\n    .zf-scene.zf-visible .zf-scene-tag,.zf-scene.zf-visible .zf-scene-title,.zf-scene.zf-visible .zf-scene-desc,.zf-scene.zf-visible .zf-scene-btn{opacity:1;transform:translateY(0);}\n\n    \/* \u2550\u2550\u2550 YATAY KAYAN \u015eER\u0130T \u2550\u2550\u2550 *\/\n    .zf-strip-section{padding:0 0 80px;position:relative;overflow:hidden;}\n    .zf-strip-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(179,142,93,.1),transparent);margin-bottom:60px;}\n    .zf-strip-header{text-align:center;margin-bottom:12px;}\n    .zf-strip-eyebrow{font-family:var(--accent);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;}\n    .zf-strip-title{font-family:var(--heading)!important;font-size:42px!important;font-weight:400!important;color:var(--gold-light)!important;-webkit-text-fill-color:var(--gold-light)!important;padding:0!important;border:none!important;margin:0!important;}\n    .zf-strip-hint{text-align:center;padding:16px 0 30px;color:rgba(179,142,93,.50);font-size:13px;letter-spacing:.15em;}\n    .zf-strip-hint span{animation:zfSlideHint 2s ease infinite;display:inline-block;}\n\n    .zf-strip-track{display:flex;gap:28px;padding:0 60px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;}\n    .zf-strip-track::-webkit-scrollbar{display:none;}\n    .zf-strip-track:active{cursor:grabbing;}\n\n    .zf-strip-card{flex:0 0 340px;scroll-snap-align:start;background:var(--forest);border:1px solid rgba(179,142,93,.06);transition:all .5s cubic-bezier(.23,1,.32,1);overflow:hidden;}\n    .zf-strip-card:hover{border-color:rgba(179,142,93,.18);transform:translateY(-6px);}\n\n    .zf-strip-img{height:340px;display:flex;align-items:center;justify-content:center;background:var(--deep);position:relative;overflow:hidden;}\n    .zf-strip-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,var(--forest));}\n    .zf-strip-img img{width:60%;height:75%;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4));transition:transform 1s cubic-bezier(.23,1,.32,1);}\n    .zf-strip-card:hover .zf-strip-img img{transform:scale(1.06) translateY(-4px);}\n\n    .zf-strip-info{padding:25px 30px 35px;}\n    .zf-strip-tag{font-family:var(--accent);font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-light);margin-bottom:12px;display:block;font-weight:400;}\n    .zf-strip-info h4{font-family:var(--heading)!important;font-size:22px!important;font-weight:500!important;color:var(--gold-light)!important;-webkit-text-fill-color:var(--gold-light)!important;margin-bottom:8px!important;line-height:1.25!important;padding:0!important;border:none!important;}\n    .zf-strip-info p{font-size:16px!important;line-height:1.7!important;color:rgba(200,191,168,.85)!important;font-weight:400!important;margin-bottom:20px!important;padding:0!important;border:none!important;background:transparent!important;}\n    .zf-strip-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--gold)!important;color:var(--gold)!important;padding:12px 28px!important;text-decoration:none!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase!important;font-weight:400!important;transition:all .4s ease!important;background:transparent!important;font-family:'Cinzel',serif!important;}\n    .zf-strip-btn:hover{background:var(--gold)!important;color:var(--deep)!important;}\n\n    \/* \u2550\u2550\u2550 FOOTER CTA \u2550\u2550\u2550 *\/\n    .zf-footer-cta{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;}\n    .zf-footer-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(179,142,93,.1),transparent);}\n    .zf-footer-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(179,142,93,.05) 0%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none;}\n    .zf-footer-inner{position:relative;z-index:2;padding:60px 30px;}\n    .zf-footer-eyebrow{font-family:var(--accent);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:10px;}\n    .zf-footer-title{font-family:var(--heading)!important;font-size:48px!important;font-weight:400!important;font-style:italic!important;color:var(--gold-light)!important;-webkit-text-fill-color:var(--gold-light)!important;margin-bottom:16px!important;line-height:1.2!important;padding:0!important;border:none!important;}\n    .zf-footer-sub{font-size:19px;color:rgba(200,191,168,.75);margin-bottom:40px;font-weight:400;}\n    .zf-footer-btn{position:relative!important;display:inline-flex!important;align-items:center!important;gap:14px!important;border:none!important;color:var(--gold-light)!important;padding:8px 0!important;text-decoration:none!important;font-size:14px!important;letter-spacing:.2em!important;text-transform:uppercase!important;font-weight:400!important;transition:all .5s cubic-bezier(.23,1,.32,1)!important;background:transparent!important;font-family:'Cinzel',serif!important;cursor:pointer!important;}\n    .zf-footer-btn::after{content:'';position:absolute;bottom:0;left:0;width:40%;height:1px;background:rgba(212,178,120,.4);transition:width .5s cubic-bezier(.23,1,.32,1),background .4s ease;}\n    .zf-footer-btn:hover::after{width:100%;background:rgba(212,178,120,.8);}\n    .zf-footer-btn:hover{background:transparent!important;color:var(--gold-light)!important;transform:none!important;box-shadow:none!important;}\n\n    \/* \u2550\u2550\u2550 MOB\u0130L \u2550\u2550\u2550 *\/\n    @media(max-width:1024px){.zf-hero-title{font-size:56px!important;}.zf-scene-title{font-size:42px!important;}.zf-scene-grid{gap:20px;padding:60px 40px;}}\n    @media(max-width:768px){\n        .zf-hero{display:none;}\n        .zf-scene{min-height:auto;}.zf-scene-grid{grid-template-columns:1fr!important;text-align:center;padding:50px 25px;gap:10px;min-height:auto;}\n        .zf-scene-reverse .zf-scene-grid{direction:ltr;}.zf-scene-visual{padding:20px;order:-1!important;}\n        .zf-scene-visual img{max-height:40vh;transform:translateY(30px) scale(.9)!important;}\n        .zf-scene.zf-visible .zf-scene-visual img{transform:translateY(0) scale(1)!important;}\n        .zf-scene-info{text-align:center;padding:10px 0 30px;}.zf-scene-title{font-size:32px!important;text-align:center!important;}\n        .zf-scene-desc{text-align:center!important;margin-left:auto;margin-right:auto;font-size:14px!important;}.zf-scene-num{display:none;}\n        .zf-strip-track{padding:0 25px;gap:18px;}.zf-strip-card{flex:0 0 280px;}.zf-strip-img{height:280px;}\n        .zf-strip-title{font-size:28px!important;}.zf-footer-title{font-size:30px!important;}.zf-leaf-svg{display:none;}\n    }\n<\/style>\n\n<script>\n(function(){\n    function initVitrin(){\n        var v=document.querySelector('.zf-vitrin');\n        if(!v||v.classList.contains('zf-init'))return;\n        v.classList.add('zf-init');\n\n        \/* Scroll reveal sahneler *\/\n        var scenes=v.querySelectorAll('.zf-scene');\n        var obs=new IntersectionObserver(function(entries){\n            entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add('zf-visible');});\n        },{threshold:.2,rootMargin:'0px 0px -50px 0px'});\n        scenes.forEach(function(s){obs.observe(s);});\n\n        \/* Strip drag-to-scroll *\/\n        var track=document.getElementById('zfStripTrack');\n        if(track){\n            var isDown=false,startX,scrollL;\n            track.addEventListener('mousedown',function(e){isDown=true;track.style.cursor='grabbing';startX=e.pageX-track.offsetLeft;scrollL=track.scrollLeft;});\n            track.addEventListener('mouseleave',function(){isDown=false;track.style.cursor='grab';});\n            track.addEventListener('mouseup',function(){isDown=false;track.style.cursor='grab';});\n            track.addEventListener('mousemove',function(e){if(!isDown)return;e.preventDefault();track.scrollLeft=scrollL-((e.pageX-track.offsetLeft)-startX)*1.5;});\n        }\n\n        \/* Footer reveal *\/\n        var ft=v.querySelector('.zf-footer-cta');\n        if(ft){ft.style.opacity='0';ft.style.transform='translateY(30px)';\n            var fo=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.style.transition='all 1s cubic-bezier(.23,1,.32,1)';e.target.style.opacity='1';e.target.style.transform='translateY(0)';fo.unobserve(e.target);}});},{threshold:.2});\n            fo.observe(ft);\n        }\n\n        \/* Strip section reveal *\/\n        var ss=v.querySelector('.zf-strip-section');\n        if(ss){ss.style.opacity='0';ss.style.transform='translateY(30px)';\n            var so=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.style.transition='all 1s cubic-bezier(.23,1,.32,1)';e.target.style.opacity='1';e.target.style.transform='translateY(0)';so.unobserve(e.target);}});},{threshold:.1});\n            so.observe(ss);\n        }\n    }\n    initVitrin();\n    document.addEventListener('DOMContentLoaded',initVitrin);\n    var t=setInterval(initVitrin,300);\n    setTimeout(function(){clearInterval(t);},5000);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03e476b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"03e476b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================= -->\n<!-- ADIM 5: G\u00dcVEN + \u00dcRET\u0130M S\u00dcREC\u0130 B\u0130RLE\u015eT\u0130RME   -->\n<!-- ============================================= -->\n<!--\n  KULLANIM:\n  1. Elementor'da \"G\u00fcvenin Temeli\" ve \"Tarladan Sofran\u0131za\" \n     b\u00f6l\u00fcmlerini gizleyin (Responsive > T\u00fcm\u00fcnde Gizle)\n  2. \u0130kisinin yerine yeni bir Custom HTML widget ekleyin\n  3. Bu kodun tamam\u0131n\u0131 o widget'a yap\u0131\u015ft\u0131r\u0131n\n-->\n<section class=\"zafir-journey\" id=\"zafirJourney\">\n    <div class=\"zafir-journey-inner\">\n        \n        <div class=\"zj-header\">\n            <span class=\"zj-eyebrow\">\u2726 S\u00fcrecimiz \u2726<\/span>\n            <h2 class=\"zj-title\">Tarladan Sofran\u0131za<\/h2>\n            <p class=\"zj-subtitle\">Her \u015fi\u015fenin arkas\u0131nda izlenebilir bir yolculuk var.<\/p>\n        <\/div>\n        <div class=\"zj-timeline\">\n            <!-- Ad\u0131m 1 -->\n            <div class=\"zj-step\" style=\"--step-delay: 0.1s\">\n                <div class=\"zj-step-number\">01<\/div>\n                <div class=\"zj-step-content\">\n                    <h3 class=\"zj-step-title\">Tohum & Ekim<\/h3>\n                    <p class=\"zj-step-desc\">Kendi arazilerimizde, ila\u00e7s\u0131z tar\u0131mla \u00f6zenle yeti\u015ftiriyoruz.<\/p>\n                <\/div>\n                <div class=\"zj-step-badge\">%100 Yerli<\/div>\n            <\/div>\n            <!-- \u00c7izgi -->\n            <div class=\"zj-connector\"><\/div>\n            <!-- Ad\u0131m 2 -->\n            <div class=\"zj-step\" style=\"--step-delay: 0.3s\">\n                <div class=\"zj-step-number\">02<\/div>\n                <div class=\"zj-step-content\">\n                    <h3 class=\"zj-step-title\">So\u011fuk S\u0131k\u0131m<\/h3>\n                    <p class=\"zj-step-desc\">D\u00fc\u015f\u00fck s\u0131cakl\u0131kta preslenir, besin de\u011ferleri korunur.<\/p>\n                <\/div>\n                <div class=\"zj-step-badge\">D\u00fc\u015f\u00fck Is\u0131<\/div>\n            <\/div>\n            <div class=\"zj-connector\"><\/div>\n            <!-- Ad\u0131m 3 -->\n            <div class=\"zj-step\" style=\"--step-delay: 0.5s\">\n                <div class=\"zj-step-number\">03<\/div>\n                <div class=\"zj-step-content\">\n                    <h3 class=\"zj-step-title\">Do\u011fal Dinlendirme<\/h3>\n                    <p class=\"zj-step-desc\">Kimyasal yok, sadece zaman ve sab\u0131r.<\/p>\n                <\/div>\n                <div class=\"zj-step-badge\">Katk\u0131s\u0131z<\/div>\n            <\/div>\n            <div class=\"zj-connector\"><\/div>\n            <!-- Ad\u0131m 4 -->\n            <div class=\"zj-step\" style=\"--step-delay: 0.7s\">\n                <div class=\"zj-step-number\">04<\/div>\n                <div class=\"zj-step-content\">\n                    <h3 class=\"zj-step-title\">Hijyenik Dolum<\/h3>\n                    <p class=\"zj-step-desc\">UV korumal\u0131 cam \u015fi\u015felere el de\u011fmeden dolum.<\/p>\n                <\/div>\n                <div class=\"zj-step-badge\">Lab Testli<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"zj-footer\">\n            <a href=\"\/iletisim\/\" class=\"zj-cta\">Analiz Raporu Talep Et<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n<style>\n\/* ======================================================\n   ADIM 5: TARLADAN SOFRANIZA \u2014 B\u0130RLE\u015e\u0130K B\u00d6L\u00dcM\n   G\u00fcvenin Temeli + Tarladan Sofran\u0131za = tek ak\u0131\u015f\n   ====================================================== *\/\n.zafir-journey {\n    position: relative;\n    width: 100vw;\n    left: 50%;\n    margin-left: -50vw;\n    background: linear-gradient(165deg, #0F1A14 0%, #1A2B20 50%, #243828 100%);\n    padding: 0;\n    overflow: hidden;\n    font-family: 'Cormorant Garamond', serif !important;\n}\n.zafir-journey * {\n    font-family: 'Cormorant Garamond', serif !important;\n}\n.zafir-journey-inner {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 100px 40px 80px;\n}\n\/* Ba\u015fl\u0131k *\/\n.zj-header {\n    text-align: center;\n    margin-bottom: 70px;\n}\n.zj-eyebrow {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: italic;\n    letter-spacing: 0.15em;\n    color: #C9A962;\n    display: block;\n    margin-bottom: 16px;\n}\n.zj-title {\n    font-family: 'Playfair Display', serif !important;\n    font-size: clamp(28px, 5vw, 42px);\n    font-weight: 600;\n    background: linear-gradient(135deg, #FFFEF9 0%, #E5C87D 50%, #FFFEF9 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin: 0 0 14px;\n    line-height: 1.2;\n}\n.zj-subtitle {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: 17px;\n    color: rgba(255, 254, 249, 0.65);\n    letter-spacing: 0.03em;\n    margin: 0;\n}\n\/* Timeline *\/\n.zj-timeline {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n}\n\/* Ad\u0131m kart\u0131 *\/\n.zj-step {\n    display: flex;\n    align-items: center;\n    gap: 28px;\n    padding: 30px 0;\n    opacity: 0;\n    transform: translateX(-20px);\n    transition: all 0.6s ease-out;\n}\n.zj-step.is-visible {\n    opacity: 1;\n    transform: translateX(0);\n}\n.zj-step-number {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 36px;\n    font-weight: 600;\n    color: rgba(201, 169, 98, 0.2);\n    flex-shrink: 0;\n    width: 60px;\n    text-align: center;\n    line-height: 1;\n}\n.zj-step-content {\n    flex: 1;\n}\n.zj-step-title {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 20px;\n    font-weight: 500;\n    color: #FFFEF9;\n    margin: 0 0 6px;\n}\n.zj-step-desc {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: 16px;\n    color: rgba(255, 254, 249, 0.70);\n    margin: 0;\n    line-height: 1.6;\n}\n.zj-step-badge {\n    font-family: 'Cinzel', serif !important;\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #C9A962;\n    border: 1px solid rgba(201, 169, 98, 0.25);\n    padding: 6px 14px;\n    border-radius: 20px;\n    flex-shrink: 0;\n    white-space: nowrap;\n}\n\/* Ba\u011flant\u0131 \u00e7izgisi *\/\n.zj-connector {\n    width: 1px;\n    height: 30px;\n    background: linear-gradient(180deg, rgba(201, 169, 98, 0.3), rgba(201, 169, 98, 0.08));\n    margin-left: 30px;\n}\n\/* Alt CTA *\/\n.zj-footer {\n    text-align: center;\n    margin-top: 60px;\n}\n.zj-cta {\n    font-family: 'Cinzel', serif !important;\n    font-size: 12px;\n    font-weight: 400;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: rgba(255, 254, 249, 0.60);\n    text-decoration: none;\n    border-bottom: 1px solid rgba(255, 254, 249, 0.25);\n    padding-bottom: 4px;\n    transition: all 0.3s ease;\n}\n.zj-cta:hover {\n    color: #C9A962;\n    border-color: #C9A962;\n}\n\/* MOB\u0130L *\/\n@media (max-width: 768px) {\n    .zafir-journey-inner {\n        padding: 70px 20px 60px;\n    }\n    .zj-header { margin-bottom: 50px; }\n    .zj-step {\n        gap: 16px;\n        padding: 20px 0;\n    }\n    .zj-step-number {\n        font-size: 24px;\n        width: 36px;\n    }\n    .zj-step-title { font-size: 16px; }\n    .zj-step-desc { font-size: 13px; }\n    .zj-step-badge {\n        font-size: 7px;\n        padding: 5px 10px;\n    }\n    .zj-connector {\n        height: 20px;\n        margin-left: 18px;\n    }\n}\n<\/style>\n<script>\n\/\/ Scroll animasyonu: ad\u0131mlar teker teker g\u00f6r\u00fcns\u00fcn\n(function() {\n    var steps = document.querySelectorAll('.zj-step');\n    if (!steps.length) return;\n    if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    var delay = entry.target.style.getPropertyValue('--step-delay') || '0s';\n                    setTimeout(function() {\n                        entry.target.classList.add('is-visible');\n                    }, parseFloat(delay) * 1000);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.2 });\n        steps.forEach(function(s) { observer.observe(s); });\n    } else {\n        steps.forEach(function(s) { s.classList.add('is-visible'); });\n    }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a3764a e-con-full e-flex e-con e-parent\" data-id=\"2a3764a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b577643 elementor-widget elementor-widget-html\" data-id=\"b577643\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================= -->\n<!-- ADIM 6: SOSYAL KANIT SADELE\u015eT\u0130RME             -->\n<!-- ============================================= -->\n<!--\n  KULLANIM:\n  1. Elementor'da mevcut sosyal kan\u0131t b\u00f6l\u00fcm\u00fcn\u00fc gizleyin\n     (Responsive > T\u00fcm\u00fcnde Gizle)\n  2. Yerine yeni Custom HTML widget ekleyin\n  3. Bu kodu yap\u0131\u015ft\u0131r\u0131n\n-->\n<section class=\"zafir-social-proof\" id=\"zafirSocialProof\">\n    <div class=\"zsp-inner\">\n        <div class=\"zsp-header\">\n            <span class=\"zsp-eyebrow\">\u2726 M\u00fc\u015fterilerimiz \u2726<\/span>\n            <h2 class=\"zsp-title\">S\u00f6z Onlarda<\/h2>\n        <\/div>\n        <!-- 3 Se\u00e7ili Yorum -->\n        <div class=\"zsp-reviews\">\n            <blockquote class=\"zsp-review\" style=\"--r-delay: 0.1s\">\n                <p class=\"zsp-quote\">\"M\u00fchendis g\u00f6z\u00fcyle inceledim, kalitesine g\u00fcveniyorum.\"<\/p>\n                <cite class=\"zsp-author\">\n                    <strong>Ece Birinci<\/strong>\n                    <span>G\u0131da M\u00fchendisi \u00b7 @neyemeliyizzz<\/span>\n                <\/cite>\n            <\/blockquote>\n            <blockquote class=\"zsp-review\" style=\"--r-delay: 0.3s\">\n                <p class=\"zsp-quote\">\"Harika paketleme. \u00d6zel strafor ve karton kutu... Ald\u0131\u011f\u0131m en iyi paketleme. Hemen tatt\u0131m, \u00e7ok g\u00fczel.\"<\/p>\n                <cite class=\"zsp-author\">\n                    <strong>Trendyol M\u00fc\u015fterisi<\/strong>\n                    <span>\u2605\u2605\u2605\u2605\u2605<\/span>\n                <\/cite>\n            <\/blockquote>\n            <blockquote class=\"zsp-review\" style=\"--r-delay: 0.5s\">\n                <p class=\"zsp-quote\">\"Zeytin sipari\u015f ettim ve hayat\u0131mda b\u00f6yle lezzetli zeytin yemedim. G\u00f6n\u00fcl rahatl\u0131\u011f\u0131yla al\u0131n.\"<\/p>\n                <cite class=\"zsp-author\">\n                    <strong>Hepsiburada M\u00fc\u015fterisi<\/strong>\n                    <span>\u2605\u2605\u2605\u2605\u2605<\/span>\n                <\/cite>\n            <\/blockquote>\n        <\/div>\n        <!-- Minimal Pazaryeri Bilgisi -->\n        <div class=\"zsp-marketplaces\">\n            <div class=\"zsp-mp\">\n                <span class=\"zsp-mp-name\">Trendyol<\/span>\n                <span class=\"zsp-mp-score\">9.9\/10<\/span>\n            <\/div>\n            <div class=\"zsp-mp-dot\"><\/div>\n            <div class=\"zsp-mp\">\n                <span class=\"zsp-mp-name\">Hepsiburada<\/span>\n                <span class=\"zsp-mp-score\">10\/10<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<style>\n\/* ======================================================\n   ADIM 6: SOSYAL KANIT \u2014 SESS\u0130Z L\u00dcKS\n   10+ yorum \u2192 3 se\u00e7ili yorum\n   Pazaryeri kartlar\u0131 \u2192 minimal puan sat\u0131r\u0131\n   ====================================================== *\/\n.zafir-social-proof {\n    position: relative;\n    width: 100vw;\n    left: 50%;\n    margin-left: -50vw;\n    background: #F5F0E8;\n    padding: 0;\n}\n.zsp-inner {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 100px 40px 90px;\n}\n\/* Ba\u015fl\u0131k *\/\n.zsp-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n.zsp-eyebrow {\n    font-family: 'Playfair Display', serif;\n    font-size: 14px;\n    font-style: italic;\n    letter-spacing: 0.15em;\n    color: #B8A17A;\n    display: block;\n    margin-bottom: 14px;\n}\n.zsp-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(28px, 5vw, 40px);\n    font-weight: 600;\n    color: #2A3830;\n    margin: 0;\n    line-height: 1.2;\n}\n\/* Yorumlar *\/\n.zsp-reviews {\n    display: flex;\n    gap: 30px;\n    margin-bottom: 60px;\n}\n.zsp-review {\n    flex: 1;\n    background: rgba(255, 255, 255, 0.7);\n    border: 1px solid rgba(184, 161, 122, 0.15);\n    border-radius: 16px;\n    padding: 36px 28px 28px;\n    margin: 0;\n    position: relative;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: all 0.6s ease-out;\n}\n.zsp-review.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n.zsp-review::before {\n    content: '\"';\n    position: absolute;\n    top: 12px;\n    left: 24px;\n    font-family: 'Playfair Display', serif;\n    font-size: 48px;\n    color: rgba(184, 161, 122, 0.25);\n    line-height: 1;\n}\n.zsp-quote {\n    font-family: 'Playfair Display', serif;\n    font-size: 15px;\n    font-style: italic;\n    color: #2A3830;\n    line-height: 1.8;\n    margin: 0 0 20px;\n}\n.zsp-author {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-style: normal;\n}\n.zsp-author strong {\n    font-family: 'Cinzel', serif;\n    font-size: 13px;\n    font-weight: 400;\n    color: #2A3830;\n}\n.zsp-author span {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 12px;\n    color: #8B7A5E;\n    letter-spacing: 0.03em;\n}\n\/* Pazaryeri minimal *\/\n.zsp-marketplaces {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 30px;\n}\n.zsp-mp {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n}\n.zsp-mp-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 14px;\n    font-weight: 400;\n    color: #8B7A5E;\n    letter-spacing: 0.05em;\n}\n.zsp-mp-score {\n    font-family: 'Playfair Display', serif;\n    font-size: 18px;\n    font-weight: 600;\n    color: #2A3830;\n}\n.zsp-mp-dot {\n    width: 3px;\n    height: 3px;\n    border-radius: 50%;\n    background: #B8A17A;\n}\n\/* MOB\u0130L *\/\n@media (max-width: 768px) {\n    .zsp-inner {\n        padding: 70px 20px 60px;\n    }\n    .zsp-reviews {\n        flex-direction: column;\n        gap: 20px;\n    }\n    .zsp-review {\n        padding: 30px 22px 22px;\n    }\n    .zsp-quote { font-size: 14px; }\n    .zsp-marketplaces { gap: 20px; }\n    .zsp-mp-score { font-size: 16px; }\n}\n<\/style>\n<script>\n\/\/ Scroll animasyonu\n(function() {\n    var reviews = document.querySelectorAll('.zsp-review');\n    if (!reviews.length) return;\n    if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    var delay = entry.target.style.getPropertyValue('--r-delay') || '0s';\n                    setTimeout(function() {\n                        entry.target.classList.add('is-visible');\n                    }, parseFloat(delay) * 1000);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.2 });\n        reviews.forEach(function(r) { observer.observe(r); });\n    } else {\n        reviews.forEach(function(r) { r.classList.add('is-visible'); });\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Topra\u011f\u0131n En Saf Hali Zafir Natural Kendi arazilerimizden, so\u011fuk s\u0131k\u0131m y\u00f6ntemiyle. Lab Analizi Tescilli \u00b7 So\u011fuk S\u0131k\u0131m \u00b7 2019&#8217;dan Bu Yana Analizli \u00dcr\u00fcnleri \u0130ncele \u2192 Her parti GC\/MS tescilli Ke\u015ffet Kayseri&#8217;nin bereketli topraklar\u0131nda, kendi tarlalar\u0131m\u0131zda yeti\u015ftiriyoruz. So\u011fuk s\u0131k\u0131m y\u00f6ntemiyle, do\u011faya sayg\u0131yla i\u015fliyoruz. Her \u015fi\u015fede bir ailenin eme\u011fi var. \u2726 \u2014 Zafir Natural, 2019&#8217;dan bu yana [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/pages\/2274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/comments?post=2274"}],"version-history":[{"count":24,"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/pages\/2274\/revisions"}],"predecessor-version":[{"id":11295,"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/pages\/2274\/revisions\/11295"}],"wp:attachment":[{"href":"https:\/\/zafirnatural.com\/en\/wp-json\/wp\/v2\/media?parent=2274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}