{"id":3998,"date":"2026-01-14T11:05:36","date_gmt":"2026-01-14T08:05:36","guid":{"rendered":"https:\/\/dutpinar.com\/?page_id=3998"},"modified":"2026-01-29T14:39:08","modified_gmt":"2026-01-29T11:39:08","slug":"yeni-ana-sayfa","status":"publish","type":"page","link":"https:\/\/dutpinar.com\/en\/yeni-ana-sayfa\/","title":{"rendered":"Yeni Ana Sayfa"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3998\" class=\"elementor elementor-3998\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c88e061 e-flex e-con-boxed e-con e-parent\" data-id=\"c88e061\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e7c658 elementor-widget elementor-widget-tayfa_hero_menu_v17\" data-id=\"1e7c658\" data-element_type=\"widget\" data-widget_type=\"tayfa_hero_menu_v17.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n        <div class=\"tayfa-header-wrapper is-absolute\">\n            \n            <div class=\"tayfa-header-inner\">\n                <div class=\"tayfa-header-left\">\n                    <div class=\"tayfa-menu-btn\" id=\"trigger-1e7c658\">\n                        <svg class=\"tayfa-icon-svg\" viewbox=\"0 0 24 24\" width=\"24\" height=\"24\">\n                            <rect y=\"4\" width=\"24\" height=\"2\" fill=\"currentColor\"><\/rect>\n                            <rect y=\"11\" width=\"24\" height=\"2\" fill=\"currentColor\"><\/rect>\n                            <rect y=\"18\" width=\"24\" height=\"2\" fill=\"currentColor\"><\/rect>\n                        <\/svg>\n                        <span class=\"btn-text\">MENU<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"tayfa-header-center\">\n                    <a href=\"https:\/\/dutpinar.com\/en\" class=\"tayfa-logo-link\">\n                        <picture>\n                            <source media=\"(max-width: 767px)\" srcset=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2024\/01\/dut-2.png\">\n                            <source media=\"(max-width: 1024px)\" srcset=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2024\/01\/dut-2.png\">\n                            <img decoding=\"async\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2024\/01\/dut-2.png\" class=\"tayfa-logo-img\" alt=\"Logo\">\n                        <\/picture>\n                    <\/a>\n                <\/div>\n\n                <div class=\"tayfa-header-right\">\n                    <div class=\"tayfa-header-lang\">\n                                                                                                                        <a href=\"https:\/\/dutpinar.com\/en\/\" class=\"tayfa-lang-item\">\n                                                                                TR                                    <\/a>\n                                                                    <a href=\"https:\/\/dutpinar.com\/en\" class=\"tayfa-lang-item\">\n                                                                                EN                                    <\/a>\n                                                                    <a href=\"https:\/\/dutpinar.com\/zh\" class=\"tayfa-lang-item\">\n                                                                                ZH                                    <\/a>\n                                                                                                        <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"tayfa-overlay-wrapper\" id=\"overlay-wrapper-1e7c658\">\n                \n                <div class=\"tayfa-backdrop\" id=\"backdrop-1e7c658\"><\/div>\n\n                <div class=\"tayfa-overlay-panel\" id=\"panel-1e7c658\">\n                    \n                    <div class=\"tayfa-overlay-top\">\n                        <div class=\"tayfa-overlay-top-right\">\n                            <div class=\"tayfa-overlay-lang\">\n                                                                                                                                                        <a href=\"https:\/\/dutpinar.com\/en\/\" class=\"tayfa-lang-item\">\n                                                                                                TR                                            <\/a>\n                                                                                    <a href=\"https:\/\/dutpinar.com\/en\" class=\"tayfa-lang-item\">\n                                                                                                EN                                            <\/a>\n                                                                                    <a href=\"https:\/\/dutpinar.com\/zh\" class=\"tayfa-lang-item\">\n                                                                                                ZH                                            <\/a>\n                                                                                                                                        <\/div>\n\n                            <div class=\"tayfa-close-btn\" id=\"close-1e7c658\">\n                                <svg class=\"tayfa-icon-svg\" viewbox=\"0 0 24 24\" width=\"36\" height=\"36\">\n                                    <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" fill=\"currentColor\"\/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tayfa-overlay-content\">\n                        <div class=\"tayfa-grid\">\n                                                                                                <div class=\"tayfa-grid-item\">\n                                        <h3 class=\"tayfa-col-title\">Dutpinar<\/h3>\n                                        <div class=\"tayfa-col-menu\">\n                                            <ul id=\"menu-yeni-ana-menu-1\" class=\"tayfa-simple-list\"><li id=\"menu-item-4498\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-4498\"><a href=\"https:\/\/dutpinar.com\/en\/\">Main Page<\/a><\/li>\n<li id=\"menu-item-4499\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4499\"><a href=\"https:\/\/dutpinar.com\/en\/hakkimizda\/\">About us<\/a><\/li>\n<li id=\"menu-item-4502\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4502\"><a href=\"https:\/\/dutpinar.com\/en\/sektorler\/\">Sectors<\/a><\/li>\n<li id=\"menu-item-4501\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4501\"><a href=\"https:\/\/dutpinar.com\/en\/katalog\/\">Catalog<\/a><\/li>\n<\/ul>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"tayfa-grid-item\">\n                                        <h3 class=\"tayfa-col-title\">Products<\/h3>\n                                        <div class=\"tayfa-col-menu\">\n                                            <ul id=\"menu-yeni-ana-menu-2\" class=\"tayfa-simple-list\"><li id=\"menu-item-4505\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4505\"><a href=\"https:\/\/dutpinar.com\/en\/urunlerimiz\/\">Our products<\/a><\/li>\n<li id=\"menu-item-4508\" class=\"menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4508\"><a href=\"https:\/\/dutpinar.com\/en\/product-category\/sut-urunleri\/\">Dairy Products<\/a><\/li>\n<li id=\"menu-item-4506\" class=\"menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4506\"><a href=\"https:\/\/dutpinar.com\/en\/product-category\/et-urunleri\/\">Meat Products<\/a><\/li>\n<li id=\"menu-item-4507\" class=\"menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4507\"><a href=\"https:\/\/dutpinar.com\/en\/product-category\/pekmez-cesitleri\/\">Types Of Molasses<\/a><\/li>\n<\/ul>                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"tayfa-grid-item\">\n                                        <h3 class=\"tayfa-col-title\">Information &amp; Communication<\/h3>\n                                        <div class=\"tayfa-col-menu\">\n                                            <ul id=\"menu-yeni-ana-menu-3\" class=\"tayfa-simple-list\"><li id=\"menu-item-4510\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4510\"><a href=\"https:\/\/dutpinar.com\/en\/subelerimiz\/\">Our branches<\/a><\/li>\n<li id=\"menu-item-4509\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4509\"><a href=\"https:\/\/dutpinar.com\/en\/iletisim\/\">Communication<\/a><\/li>\n<\/ul>                                        <\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"tayfa-overlay-footer\">\n                        <div class=\"tayfa-footer-area\">\n                            <div class=\"tayfa-footer-main\">\n                                <div class=\"tayfa-footer-links\">\n                                    <p><a href=\"#\">Career<\/a><\/p>                                <\/div>\n                                <div class=\"tayfa-footer-socials\">\n                                                                                                                        <a href=\"https:\/\/www.facebook.com\/people\/Dutp%C4%B1nar-G%C4%B1da-Ticaret-Sanayi\/100066725259314\/\" target=\"_blank\" rel=\"nofollow\">\n                                                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewbox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>                                            <\/a>\n                                                                                    <a href=\"https:\/\/x.com\/dutpinarsutcom\" target=\"_blank\" rel=\"nofollow\">\n                                                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-x-twitter-square\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z\"><\/path><\/svg>                                            <\/a>\n                                                                                    <a href=\"https:\/\/www.instagram.com\/dutpinarciftligi\/\" target=\"_blank\" rel=\"nofollow\">\n                                                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>                                            <\/a>\n                                                                                                            <\/div>\n                            <\/div>\n                            <div class=\"tayfa-footer-sub\">\n                                \u00a9Dutpinar 2026 All Rights Reserved.                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <style>\n            \/* --- RESET & FONT --- *\/\n            .tayfa-header-wrapper { width: 100%; position: relative; font-family: 'Roboto', sans-serif; }\n            .tayfa-header-wrapper.is-absolute { position: absolute; top: 0; left: 0; }\n            .tayfa-header-wrapper a { text-decoration: none; transition: 0.3s; }\n            \n            \/* --- HEADER BAR (CSS GRID FIX) --- *\/\n            .tayfa-header-inner {\n                display: grid;\n                grid-template-columns: 1fr auto 1fr; \/* Sol - Logo(Auto) - Sa\u011f *\/\n                align-items: center;\n                \/*padding: 20px 40px;*\/\n            }\n            .tayfa-menu-btn { \n                cursor: pointer; display: flex; align-items: center; gap: 10px; \n                font-weight: 600; font-size: 14px; z-index: 902;\n                justify-self: start; \/* Sola yasla *\/\n            }\n            .tayfa-icon-svg { display: block; fill: currentColor; }\n\n            .tayfa-header-center { \n                position: relative; \n                text-align: center; z-index: 901; \n            }\n            \n            .tayfa-header-right { \n                z-index: 902;\n                justify-self: end; \/* Sa\u011fa yasla *\/\n            }\n            \n            .tayfa-header-lang { \n                font-size: 14px; font-weight: 500; \n                display: flex; gap: 15px; \/* Overlay ile e\u015fitlendi *\/\n                align-items: center;\n            }\n            .tayfa-header-lang a { margin: 0; color: inherit; }\n\n            \/* --- LOGO FIXED --- *\/\n            .tayfa-logo-img { \n                display: block; height: auto; margin: 0 auto; \n            }\n\n            \/* --- OVERLAY WRAPPER --- *\/\n            .tayfa-overlay-wrapper {\n                position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                z-index: 99999; visibility: hidden; pointer-events: none;\n            }\n            .tayfa-overlay-wrapper.is-open { visibility: visible; pointer-events: auto; }\n\n            .tayfa-backdrop {\n                position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n                background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.4s;\n            }\n            .tayfa-overlay-wrapper.is-open .tayfa-backdrop { opacity: 1; }\n\n            \/* --- PANEL --- *\/\n            .tayfa-overlay-panel {\n                position: relative; width: 100%;\n                background: #fff;\n                transform: translateY(-100%); transition: transform 0.4s ease;\n                display: flex; flex-direction: column; padding: 40px; overflow-y: auto;\n            }\n            .tayfa-overlay-wrapper.is-open .tayfa-overlay-panel { transform: translateY(0); }\n\n            \/* --- CONTENT --- *\/\n            .tayfa-overlay-top { display: flex; justify-content: flex-end; padding-bottom: 20px; }\n            .tayfa-overlay-top-right { display: flex; align-items: center; gap: 30px; }\n            \n            \/* D\u0130L ALANI ST\u0130L\u0130 *\/\n            .tayfa-overlay-lang { \n                font-size: 16px; color: #000; font-weight: 500; \n                display: flex; gap: 15px; \/* Header ile ayn\u0131 *\/\n            }\n            .tayfa-lang-item { display: flex; align-items: center; gap: 5px; color: inherit; }\n            .tayfa-flag-icon { width: 20px; height: auto; display: block; }\n\n            .tayfa-close-btn { cursor: pointer; transition: transform 0.3s; }\n            .tayfa-close-btn:hover { transform: rotate(90deg); }\n\n            .tayfa-overlay-content { flex-grow: 1; display: flex; align-items: center; width: 100%; }\n            .tayfa-grid { \n                display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; \n                width: 100%; max-width: 1600px; margin: 0 auto;\n            }\n            .tayfa-col-title { font-size: 20px; font-weight: 500; margin-bottom: 25px; } \n            .tayfa-simple-list { list-style: none; padding: 0; margin: 0; }\n            .tayfa-simple-list li { margin-bottom: 12px; }\n            .tayfa-simple-list li a { font-size: 15px; font-weight: 400; display: block; }\n            .tayfa-simple-list li a:hover { opacity: 0.7; }\n\n            .tayfa-overlay-footer { margin-top: 40px; width: 100%; max-width: 1600px; margin-left: auto; margin-right: auto; }\n            .tayfa-footer-area { border-top: 1px solid #e0e0e0; padding-top: 25px; }\n            .tayfa-footer-main { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n            .tayfa-footer-links a { margin-right: 30px; font-weight: 500; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }\n            \n            \/* SOSYAL MEDYA FIX *\/\n            .tayfa-footer-socials { display: flex; align-items: center; gap: 15px; }\n            .tayfa-footer-socials a { display: flex; align-items: center; justify-content: center; color: inherit; }\n            .tayfa-footer-socials a i, \n            .tayfa-footer-socials a svg { \n                width: 1em; height: 1em; font-size: 1.2em; fill: currentColor; \n            }\n            \n            .tayfa-footer-sub { text-align: right; font-size: 12px; color: #888; font-weight: 400; }\n\n            \/* --- RESPONSIVE --- *\/\n            @media (max-width: 1200px) {\n                .tayfa-grid { grid-template-columns: repeat(3, 1fr); }\n            }\n            @media (max-width: 768px) {\n                .tayfa-header-inner { \/*padding: 15px 20px;*\/ }\n                .tayfa-menu-btn .btn-text { display: none; } \n                \n                \/* MOB\u0130L TAM EKRAN (FIX) *\/\n                .tayfa-overlay-panel { padding: 20px; height: 100% !important; border-radius: 0 !important; }\n                .tayfa-overlay-content { align-items: flex-start; margin-top: 20px; }\n                .tayfa-grid { grid-template-columns: 1fr; gap: 30px; text-align: left; }\n                .tayfa-col-title { font-size: 18px; margin-bottom: 15px; color: #1f4e3d; font-weight: 600; }\n                \n                .tayfa-footer-main { flex-direction: column; gap: 20px; align-items: flex-start; }\n                .tayfa-footer-links { display: flex; flex-direction: column; gap: 15px; align-items: flex-start; }\n                .tayfa-footer-links a { margin: 0; }\n                .tayfa-footer-socials { width: 100%; display: flex; gap: 20px; }\n                .tayfa-footer-socials a { margin: 0; }\n                .tayfa-footer-sub { text-align: left; margin-top: 20px; }\n            }\n        <\/style>\n\n        <script>\n            jQuery(document).ready(function($) {\n                var trigger = $('#trigger-1e7c658');\n                var close = $('#close-1e7c658');\n                var backdrop = $('#backdrop-1e7c658');\n                var wrapper = $('#overlay-wrapper-1e7c658');\n\n                function toggleMenu() {\n                    wrapper.toggleClass('is-open');\n                    if(wrapper.hasClass('is-open')){\n                        $('body').css('overflow', 'hidden');\n                    } else {\n                        $('body').css('overflow', '');\n                    }\n                }\n\n                trigger.on('click', toggleMenu);\n                close.on('click', toggleMenu);\n                backdrop.on('click', toggleMenu);\n            });\n        <\/script>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c56348a e-con-full e-flex e-con e-parent\" data-id=\"c56348a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de84c25 elementor-widget elementor-widget-dutpinar_hero_slider\" data-id=\"de84c25\" data-element_type=\"widget\" data-widget_type=\"dutpinar_hero_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<style>\n\t\t\t#dp-widget-de84c25 {\n\t\t\t\t--dp-font: 'Roboto', sans-serif;\n\t\t\t\t--dp-hero-overlay: radial-gradient(circle at 50% 45%, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.72) 100%);\n\t\t\t\t--dp-kicker-bg: rgba(0,0,0,.32);\n\t\t\t\t--dp-kicker-text: #ffffff;\n\t\t\t\t--dp-title-shadow: 0 10px 30px rgba(0,0,0,.35);\n\t\t\t\t--dp-desc-opacity: .95;\n\t\t\t\t--dp-btn-font-weight: 400;\n\t\t\t\t--dp-btn-primary-border: 1px solid rgba(247,195,95,.55);\n\t\t\t\t--dp-btn-secondary-bg: rgba(0,0,0,.28);\n\t\t\t\t--dp-btn-secondary-color: #ffffff;\n\t\t\t\t--dp-btn-secondary-border: 1px solid rgba(255,255,255,.18);\n\t\t\t\t--dp-bullet: rgba(255,255,255,.55);\n\t\t\t\t--dp-bullet-active: var(--dp-accent, #f7c35f);\n\t\t\t\t--dp-arrow-color: #ffffff;\n\t\t\t\t--dp-logo-bar-height: 110px;\n\t\t\t\t--dp-logo-bar-bg: rgb(255 255 255 \/ 70%);\n\t\t\t\t--dp-logo-bar-shadow: 0 10px 30px rgba(0,0,0,.22);\n\t\t\t\t--dp-logo-gap: 22px;\n\t\t\t\t--dp-logo-item-width: 170px;\n\t\t\t\t--dp-logo-arrow-bg: rgba(255,255,255,.95);\n\t\t\t\t--dp-logo-arrow-border: 1px solid rgba(0,0,0,.08);\n\t\t\t\t--dp-logo-arrow-shadow: 0 6px 18px rgba(0,0,0,.16);\n\t\t\t}\n\t\t\t#dp-widget-de84c25 .dp-hero-wrap * { box-sizing: border-box; border-radius: 0 !important; font-family: var(--dp-font); }\n\t\t\t#dp-widget-de84c25 .dp-hero-wrap { position:relative; width:100%; overflow:hidden; background:#000; display: block !important; }\n\t\t\t.dp-hero-slide { position:relative; height:100%; width:100%; user-select:none; }\n\t\t\t.dp-hero-media { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; background:#000; z-index: 0; }\n\t\t\t.dp-hero-media video, .dp-hero-media img { width:100%; height:100%; object-fit:cover; display:block; border:none; }\n\t\t\t.dp-hero-overlay { position:absolute; inset:0; background: var(--dp-hero-overlay); pointer-events:none; z-index: 1; }\n\t\t\t.dp-hero-content { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding: 24px 18px calc(var(--dp-logo-bar-height) + 32px); z-index:5; color:#fff; }\n\t\t\t.dp-hero-box { width:min(980px, 100%); display:flex; flex-direction:column; align-items:center; gap: 12px; }\n\t\t\t#dp-widget-de84c25 .dp-hero-kicker { display:inline-flex !important; gap:10px; align-items:center; padding:10px 14px; background: var(--dp-kicker-bg); color: var(--dp-kicker-text); font-weight: 500; font-size: 14px; line-height: 1.2; }\n\t\t\t#dp-widget-de84c25 .dp-hero-kicker b { color: var(--dp-accent, #f7c35f) !important; font-weight: 700 !important; }\n\t\t\t.dp-hero-title { margin:0; line-height:1.05; font-weight: 500; font-size: clamp(28px, 4.2vw, 66px); color: var(--dp-title-color, #fff); text-shadow: var(--dp-title-shadow); }\n\t\t\t.dp-hero-desc { margin:0; font-weight: 400; font-size: clamp(14px, 1.25vw, 18px); line-height:1.55; color: var(--dp-desc-color, #fff); opacity: var(--dp-desc-opacity); text-shadow: 0 10px 30px rgba(0,0,0,.25); max-width: 760px; }\n\t\t\t.dp-hero-cta { display:flex; gap:12px; flex-wrap:wrap; align-items:center; justify-content:center; margin-top: 6px; }\n\t\t\t#dp-widget-de84c25 .dp-btn { display:inline-flex; align-items:center; justify-content:center; padding: 12px 18px; text-decoration:none !important; font-weight: var(--dp-btn-font-weight); transition: transform .18s ease; border-radius: 0; line-height: 1.2; }\n\t\t\t#dp-widget-de84c25 .dp-btn.dp-primary { background-color: var(--dp-btn-primary-bg, var(--dp-accent)); color: var(--dp-btn-primary-color, #111); border: var(--dp-btn-primary-border); }\n\t\t\t#dp-widget-de84c25 .dp-btn.dp-secondary { background-color: var(--dp-btn-secondary-bg); color: var(--dp-btn-secondary-color); border: var(--dp-btn-secondary-border); }\n\t\t\t#dp-widget-de84c25 .swiper-button-next, #dp-widget-de84c25 .swiper-button-prev { color: var(--dp-arrow-color); width: 46px; height: 46px; background: transparent; margin-top: -23px; }\n\t\t\t#dp-widget-de84c25 .swiper-button-next:after, #dp-widget-de84c25 .swiper-button-prev:after { font-size: 24px; font-weight: 700; text-shadow: 0 10px 26px rgba(0,0,0,.55); }\n\t\t\t.dp-hero-prev { left: 18px !important; } .dp-hero-next { right: 18px !important; }\n\t\t\t#dp-widget-de84c25 .swiper-pagination { bottom: calc(var(--dp-logo-bar-height) + 18px) !important; z-index: 20 !important; width: 100%; text-align: center; pointer-events: none; }\n\t\t\t#dp-widget-de84c25 .swiper-pagination-bullet { background: var(--dp-bullet) !important; opacity:1 !important; width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin: 0 4px; pointer-events: auto; }\n\t\t\t#dp-widget-de84c25 .swiper-pagination-bullet-active { background: var(--dp-bullet-active) !important; }\n\t\t\t.dp-logo-bar { position:absolute; left:16px; right:16px; bottom:14px; height: var(--dp-logo-bar-height); z-index:10; background: var(--dp-logo-bar-bg); box-shadow: var(--dp-logo-bar-shadow); display:flex; align-items:center; overflow:hidden; }\n\t\t\t.dp-logo-inner { position:relative; width:100%; height:100%; padding:10px 56px; }\n\t\t\t.dp-logo-swiper { width:100%; height:100%; }\n\t\t\t.dp-logo-slide { display:flex; align-items:center; justify-content:center; width: var(--dp-logo-item-width); }\n\t\t\t.dp-logo-slide img { max-height: calc(var(--dp-logo-bar-height) - 36px); max-width:100%; object-fit:contain; display:block; opacity:.92; transition: opacity .18s ease; }\n\t\t\t.dp-logo-arrow { position:absolute; top:50%; transform: translateY(-50%); width:40px; height:40px; background: var(--dp-logo-arrow-bg); border: var(--dp-logo-arrow-border); box-shadow: var(--dp-logo-arrow-shadow); display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3; }\n\t\t\t.dp-logo-prev { left:10px; } .dp-logo-next { right:10px; }\n\t\t\t.dp-logo-arrow svg { width:18px; height:18px; opacity:.85; }\n\t\t\t@media (max-width:1024px){\n\t\t\t\t#dp-widget-de84c25 .dp-hero-wrap { height: 550px !important; }\n\t\t\t\t.dp-hero-prev { left: 10px !important; } .dp-hero-next { right: 10px !important; }\n\t\t\t\t.dp-hero-desc { font-size: 16px; line-height: 1.65; max-width: 720px; }\n\t\t\t\t#dp-widget-de84c25 .dp-btn { padding: 11px 16px; font-size: 15px; }\n\t\t\t\t#dp-widget-de84c25 { --dp-logo-bar-height:100px; --dp-logo-gap:18px; --dp-logo-item-width:150px; }\n\t\t\t}\n\t\t\t@media (max-width:767px){\n\t\t\t\t#dp-widget-de84c25 .dp-hero-wrap { height: 425px !important; }\n\t\t\t\t.dp-hero-prev { left: -5px !important; } .dp-hero-next { right: -5px !important; }\n\t\t\t\t#dp-widget-de84c25 .swiper-button-next:after, #dp-widget-de84c25 .swiper-button-prev:after{ font-size: 20px; }\n\t\t\t\t#dp-widget-de84c25 .dp-btn{ padding: 10px 14px; font-size: 14px; }\n\t\t\t\t.dp-hero-desc { font-size: 17px; line-height: 1.7; max-width: 92%; }\n\t\t\t\t.dp-logo-bar { left:10px; right:10px; bottom:10px; }\n\t\t\t\t.dp-logo-inner { padding:8px 50px; }\n\t\t\t\t#dp-widget-de84c25 { --dp-logo-bar-height:92px; --dp-logo-gap:14px; --dp-logo-item-width:138px; }\n\t\t\t}\n\t\t\t\/* Swiper Fallback *\/\n\t\t\t#dp-widget-de84c25 .swiper, \n\t\t\t#dp-widget-de84c25 .swiper-wrapper, \n\t\t\t#dp-widget-de84c25 .swiper-slide { height:100%; margin:0; padding:0; list-style:none; }\n\t\t<\/style>\n\n\t\t<div id=\"dp-widget-de84c25\" class=\"dp-widget-container\">\n\t\t\t<div class=\"dp-hero-wrap dp-desktop-full\" \n\t\t\t     id=\"dpHeroWrap-de84c25\"\n\t\t\t     style=\"height:100vh; min-height:640px; --dp-hero-desktop-height:100vh;\">\n\n\t\t\t\t<div class=\"dp-config\" data-config='{\"hero\":{\"autoplayDelay\":4500,\"speed\":650,\"loop\":true,\"bullets\":true,\"touchAngle\":30,\"threshold\":8,\"resistanceRatio\":0.65,\"arrowsEnableOn\":{\"desktop\":true,\"tablet\":true,\"mobile\":true},\"waitVideoToEndBeforeAutoplayNext\":false,\"restartVideoWhenSlideBecomesActive\":true},\"logos\":{\"loop\":true,\"autoplay\":3000,\"speed\":650,\"perView\":{\"desktop\":4,\"tablet\":3,\"mobile\":2},\"gap\":{\"desktop\":22,\"tablet\":18,\"mobile\":14},\"itemWidth\":{\"desktop\":170,\"tablet\":150,\"mobile\":138},\"barEnableOn\":{\"desktop\":true,\"tablet\":true,\"mobile\":true}},\"desktopMode\":\"fullscreen\"}' style=\"display:none;\"><\/div>\n\n\t\t\t\t<div class=\"swiper dp-hero-swiper\" id=\"dpHeroSwiper-de84c25\">\n\t\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide dp-hero-slide\" data-bg-type=\"video\">\n\t\t\t\t\t\t\t\t<div class=\"dp-hero-media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<video autoplay muted loop playsinline preload=\"metadata\" \n\t\t\t\t\t\t\t\t\t\t       poster=\"https:\/\/dutpinar.com\/wp-content\/uploads\/revslider\/video-media\/dut1_1.jpeg\"\n\t\t\t\t\t\t\t\t\t\t       style=\"width:100%; height:100%; object-fit:cover;\">\n\t\t\t\t\t\t\t\t\t\t\t<source src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/dut1.mp4\" type=\"video\/mp4\">\n\t\t\t\t\t\t\t\t\t\t<\/video>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"dp-hero-overlay\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"dp-hero-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"dp-hero-box\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"dp-hero-kicker\"><b>DUTPINAR<\/b> \u2022 Corporate Food &amp; Supply<\/div>\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"dp-hero-title\">A supplier that makes quality the standard.<\/h2>\n\t\t\t\t\t\t\t\t\t\t<p class=\"dp-hero-desc\">Reliable production, regular shipments, and a sustainable business partnership approach.<\/p>\n\t\t\t\t\t\t\t\t\t\t<div class=\"dp-hero-cta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"dp-btn dp-primary\" href=\"https:\/\/dutpinar.com\/en\/iletisim\/\">Get a Quote<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"dp-btn dp-secondary\" href=\"https:\/\/dutpinar.com\/en\/urunlerimiz\/\">Browse Products<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide dp-hero-slide\" data-bg-type=\"image\">\n\t\t\t\t\t\t\t\t<div class=\"dp-hero-media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/5664736346.jpg\" alt=\"Background\" style=\"width:100%; height:100%; object-fit:cover;\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"dp-hero-overlay\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"dp-hero-content\">\n\t\t\t\t\t\t\t\t\t<div class=\"dp-hero-box\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"dp-hero-kicker\"><b>DUTPINAR<\/b> \u2022 Fresh and Reliable<\/div>\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"dp-hero-title\">Professional Solutions, Clear Results<\/h2>\n\t\t\t\t\t\t\t\t\t\t<p class=\"dp-hero-desc\">In corporate procurement, stability, fast processes, and measurable quality.<\/p>\n\t\t\t\t\t\t\t\t\t\t<div class=\"dp-hero-cta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"dp-btn dp-primary\" href=\"https:\/\/dutpinar.com\/en\/katalog\/\">View Catalog<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"dp-btn dp-secondary\" href=\"\">\u0130ncele<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-button-prev dp-hero-prev\"><\/div>\n\t\t\t\t\t<div class=\"swiper-button-next dp-hero-next\"><\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"dp-logo-bar\" id=\"dpLogoBar-de84c25\">\n\t\t\t\t\t<div class=\"dp-logo-inner\">\n\t\t\t\t\t\t<div class=\"dp-logo-arrow dp-logo-prev\" id=\"dpLogoPrev-de84c25\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"\/><\/svg><\/div>\n\t\t\t\t\t\t<div class=\"swiper dp-logo-swiper\" id=\"dpLogoSwiper-de84c25\">\n\t\t\t\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide dp-logo-slide\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2026\/01\/log1.png\" alt=\"Logo\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide dp-logo-slide\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2026\/01\/log2.png\" alt=\"Logo\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide dp-logo-slide\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2026\/01\/log3.png\" alt=\"Logo\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide dp-logo-slide\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2026\/01\/log4.png\" alt=\"Logo\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"dp-logo-arrow dp-logo-next\" id=\"dpLogoNext-de84c25\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"\/><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<script>\n\t\tjQuery(document).ready(function($) {\n\t\t\tconst initDutpinarSlider = function( $scope, $ ) {\n\t\t\t\tconst container = $scope.find('.dp-widget-container');\n\t\t\t\tif(!container.length) return;\n\t\t\t\tconst id = container.attr('id').replace('dp-widget-', '');\n\t\t\t\tconst configDiv = container.find('.dp-config');\n\t\t\t\tif(!configDiv.length) return;\n\t\t\t\t\n\t\t\t\tconst DP = JSON.parse(configDiv.attr('data-config'));\n\t\t\t\tconst swiperId = '#dpHeroSwiper-' + id;\n\t\t\t\tconst logoSwiperId = '#dpLogoSwiper-' + id;\n\t\t\t\tconst wrap = document.querySelector('#dpHeroWrap-' + id);\n\t\t\t\tif (!wrap) return;\n\n\t\t\t\t\/\/ Swiper Y\u00fcklenmezse Dur\n\t\t\t\tif (typeof Swiper === 'undefined') return;\n\n\t\t\t\tfunction handleActiveSlide(sw){\n\t\t\t\t\tconst slide = sw.slides[sw.activeIndex];\n\t\t\t\t\tif (!slide) return;\n\t\t\t\t\tconst type = slide.getAttribute('data-bg-type');\n\t\t\t\t\t\n\t\t\t\t\tif (type === 'video'){\n\t\t\t\t\t\tconst v = slide.querySelector('video');\n\t\t\t\t\t\tif (v){\n\t\t\t\t\t\t\tv.loop = !DP.hero.waitVideoToEndBeforeAutoplayNext;\n\t\t\t\t\t\t\tif (DP.hero.restartVideoWhenSlideBecomesActive){\n\t\t\t\t\t\t\t\ttry { v.currentTime = 0; } catch(e){}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tv.play().catch(()=>{});\n\n\t\t\t\t\t\t\tif (DP.hero.waitVideoToEndBeforeAutoplayNext){\n\t\t\t\t\t\t\t\tsw.autoplay.stop();\n\t\t\t\t\t\t\t\tv.onended = function() { sw.slideNext(); };\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsw.autoplay.start();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (DP.hero.autoplayDelay){\n\t\t\t\t\t\t\tsw.params.autoplay.delay = DP.hero.autoplayDelay;\n\t\t\t\t\t\t\tsw.autoplay.start();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsw.slides.forEach((sl, i) => {\n\t\t\t\t\t\t\tif (i !== sw.activeIndex) {\n\t\t\t\t\t\t\t\tconst vOther = sl.querySelector('video');\n\t\t\t\t\t\t\t\tif(vOther) vOther.pause();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst heroSwiper = new Swiper(swiperId, {\n\t\t\t\t\tloop: DP.hero.loop,\n\t\t\t\t\tspeed: DP.hero.speed,\n\t\t\t\t\tthreshold: DP.hero.threshold,\n\t\t\t\t\ttouchAngle: DP.hero.touchAngle,\n\t\t\t\t\tresistanceRatio: DP.hero.resistanceRatio,\n\t\t\t\t\tautoplay: DP.hero.autoplayDelay ? { delay: DP.hero.autoplayDelay, disableOnInteraction: false } : false,\n\t\t\t\t\tnavigation: { nextEl: swiperId + ' .dp-hero-next', prevEl: swiperId + ' .dp-hero-prev' },\n\t\t\t\t\tpagination: DP.hero.bullets ? { el: swiperId + ' .swiper-pagination', clickable: true } : false,\n\t\t\t\t\ton: {\n\t\t\t\t\t\tinit(sw){ handleActiveSlide(sw); },\n\t\t\t\t\t\tslideChangeTransitionStart(sw){ handleActiveSlide(sw); }\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst bp = () => window.innerWidth <= 767 ? 'mobile' : (window.innerWidth <= 1024 ? 'tablet' : 'desktop');\n\t\t\t\tfunction applyResponsiveToggles(){\n\t\t\t\t\tconst b = bp();\n\t\t\t\t\tconst logoBar = document.querySelector('#dpLogoBar-' + id);\n\t\t\t\t\tconst heroPrev = document.querySelector(swiperId + ' .dp-hero-prev');\n\t\t\t\t\tconst heroNext = document.querySelector(swiperId + ' .dp-hero-next');\n\n\t\t\t\t\tif(logoBar && DP.logos.barEnableOn) logoBar.style.display = DP.logos.barEnableOn[b] ? '' : 'none';\n\t\t\t\t\tif(heroPrev && DP.hero.arrowsEnableOn) heroPrev.style.display = DP.hero.arrowsEnableOn[b] ? '' : 'none';\n\t\t\t\t\tif(heroNext && DP.hero.arrowsEnableOn) heroNext.style.display = DP.hero.arrowsEnableOn[b] ? '' : 'none';\n\t\t\t\t}\n\t\t\t\tapplyResponsiveToggles();\n\t\t\t\twindow.addEventListener('resize', applyResponsiveToggles, {passive:true});\n\n\t\t\t\tif(document.querySelector(logoSwiperId)) {\n\t\t\t\t\tnew Swiper(logoSwiperId, {\n\t\t\t\t\t\tloop: DP.logos.loop,\n\t\t\t\t\t\tspeed: DP.logos.speed,\n\t\t\t\t\t\tautoplay: DP.logos.autoplay ? { delay: DP.logos.autoplay, disableOnInteraction: false } : false,\n\t\t\t\t\t\tnavigation: { nextEl: '#dpLogoNext-'+id, prevEl: '#dpLogoPrev-'+id },\n\t\t\t\t\t\tbreakpoints: {\n\t\t\t\t\t\t\t0:    { slidesPerView: DP.logos.perView.mobile, spaceBetween: DP.logos.gap.mobile },\n\t\t\t\t\t\t\t768:  { slidesPerView: DP.logos.perView.tablet, spaceBetween: DP.logos.gap.tablet },\n\t\t\t\t\t\t\t1025: { slidesPerView: DP.logos.perView.desktop, spaceBetween: DP.logos.gap.desktop }\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t$(window).on('elementor\/frontend\/init', function () {\n\t\t\t\telementorFrontend.hooks.addAction('frontend\/element_ready\/dutpinar_hero_slider.default', initDutpinarSlider);\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-858f006 e-con-full e-flex e-con e-parent\" data-id=\"858f006\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8911423 elementor-widget elementor-widget-dutpinar_about_section\" data-id=\"8911423\" data-element_type=\"widget\" data-widget_type=\"dutpinar_about_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t<section class=\"ozeldp-hak\">\n\t\t\t<div class=\"ozeldp-hak__bg\">\n\t\t\t\t\t\t\t\t\t<video class=\"ozeldp-hak__media\" autoplay muted loop playsinline preload=\"metadata\">\n\t\t\t\t\t\t<source src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/dut1.mp4\" type=\"video\/mp4\" \/>\n\t\t\t\t\t<\/video>\n\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__overlay\"><\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"ozeldp-hak__container\">\n\t\t\t\t<div class=\"ozeldp-row\">\n\t\t\t\t\t<div class=\"ozeldp-col-left\">\n\t\t\t\t\t\t<div class=\"ozeldp-hak__kicker\">\n\t\t\t\t\t\t\t<i class=\"fas fa-leaf\"><\/i>\n\t\t\t\t\t\t\t<span>Dutpinar Food \u2022 since 2005<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<h2 class=\"ozeldp-hak__title\">Nature value <span>the power of modern production<\/span> we're moving to the table.<\/h2>\n\t\t\t\t\t\t<p class=\"ozeldp-hak__text\">Dutp\u0131nar G\u0131da, do\u011fan\u0131n bize sundu\u011fu en de\u011ferli besinleri; sa\u011fl\u0131kl\u0131 ve g\u00fcvenilir \u00fcretim anlay\u0131\u015f\u0131yla sofralara ula\u015ft\u0131rmak amac\u0131yla 2005 y\u0131l\u0131nda Malatya\u2019da kurulmu\u015ftur.<\/p>\n\t\t\t\t\t\t<p class=\"ozeldp-hak__text ozeldp-hak__text--muted\">\u00dcretimin her a\u015famas\u0131nda hijyen, kalite ve s\u00fcrd\u00fcr\u00fclebilirlik ilkelerine ba\u011fl\u0131 kalarak; geleneksel lezzetleri modern teknolojiyle bulu\u015fturuyor, b\u00f6lgesel de\u011ferlerimizi ulusal \u00f6l\u00e7ekte g\u00fc\u00e7l\u00fc bir marka yakla\u015f\u0131m\u0131yla b\u00fcy\u00fct\u00fcyoruz.<\/p>\n\t\t\t\t\t\t<div class=\"ozeldp-hak__actions\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/hakkimizda\/\" class=\"ozeldp-hak__btn ozeldp-hak__btn--primary\">\n\t\t\t\t\t\t\t\t\tDevam\u0131n\u0131 G\u00f6r <i class=\"fas fa-arrow-right\"><\/i>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/iletisim\/\" class=\"ozeldp-hak__btn ozeldp-hak__btn--ghost\">\n\t\t\t\t\t\t\t\t\t<i class=\"fas fa-phone\"><\/i> Contact\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"ozeldp-col-right\">\n\t\t\t\t\t\t<div class=\"ozeldp-hak__stats\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__stat\">\n\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__icon\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-map-marker-alt\"><\/i>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statTitle\">Turkey<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statText\">Central \u2022 Malatya<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__stat\">\n\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__icon\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-shield-alt\"><\/i>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statTitle\">Quality<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statText\">Hijyen &amp; s\u00fcrd\u00fcr\u00fclebilirlik<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__stat\">\n\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__icon\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-industry\"><\/i>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statTitle\">Modern<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statText\">Production technologies<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__stat\">\n\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__icon\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"fas fa-award\"><\/i>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statTitle\">Trust<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"ozeldp-hak__statText\">B\u00f6lgesel &amp; ulusal marka<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<style>\n\t\t\t\t\/* TEMEL RESET *\/\n\t\t\t\t.ozeldp-hak { --dp-primary: #1f4e3d; --dp-accent: #f7c35f; font-family: \"Roboto\", sans-serif; position:relative; overflow:hidden; padding: clamp(46px, 5vw, 86px) 0; color:#fff; background:#000; }\n\t\t\t\t.ozeldp-hak, .ozeldp-hak *{ border-radius:0 !important; box-sizing: border-box; }\n\t\t\t\t.ozeldp-hak__container{ width: min(1320px, calc(100% - 24px)); margin: 0 auto; position:relative; z-index:2; }\n\t\t\t\t.ozeldp-row { display: flex; flex-wrap: wrap; margin: -15px; align-items: center; }\n\t\t\t\t.ozeldp-col-left, .ozeldp-col-right { width: 50%; padding: 15px; }\n\t\t\t\t@media (max-width: 991px) { .ozeldp-col-left, .ozeldp-col-right { width: 100%; } }\n\n\t\t\t\t.ozeldp-hak__bg{ position:absolute; inset:0; z-index:0; }\n\t\t\t\t.ozeldp-hak__media{ width:100%; height:100%; object-fit:cover; transform: scale(1.02); filter: saturate(1.05) contrast(1.06); display:block; }\n\t\t\t\t.ozeldp-hak__overlay{ position:absolute; inset:0; }\n\n\t\t\t\t.ozeldp-hak__kicker{ display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.38); color: rgba(255,255,255,.94); font-size:14px; font-weight:400; letter-spacing:.2px; }\n\t\t\t\t.ozeldp-hak__kicker i { color: var(--dp-accent); \/* Panelden font-size gelecek *\/ }\n\n\t\t\t\t.ozeldp-hak__title{ margin: 18px 0 14px; font-weight: 950; letter-spacing: -.6px; line-height: 1.05; font-size: clamp(34px, 3.8vw, 60px); max-width: 19ch; color:#fff; }\n\t\t\t\t.ozeldp-hak__title span{ color: var(--dp-accent); }\n\t\t\t\t.ozeldp-hak__text{ margin: 0 0 12px; color: rgba(255,255,255,.88); font-size: 19px; line-height: 1.8; max-width: 70ch; font-weight: 520; }\n\t\t\t\t.ozeldp-hak__text--muted{ color: rgba(255,255,255,.72); }\n\n\t\t\t\t.ozeldp-hak__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top: 18px; }\n\t\t\t\t.ozeldp-hak__btn{ display:inline-flex; align-items:center; gap:10px; padding: 12px 18px; text-decoration:none !important; font-weight:400; font-size:14px; letter-spacing:.3px; border:1px solid transparent; transition: all .16s ease; }\n\t\t\t\t.ozeldp-hak__btn--primary{ background: var(--dp-primary); color:#fff; box-shadow: 0 16px 42px rgba(0,0,0,.34); }\n\t\t\t\t.ozeldp-hak__btn--primary:hover{ transform: translateY(-2px); box-shadow: 0 22px 56px rgba(0,0,0,.44); background: #143328; }\n\t\t\t\t.ozeldp-hak__btn--ghost{ background: rgba(0,0,0,.40); border-color: rgba(255,255,255,.18); color: rgba(255,255,255,.94); }\n\t\t\t\t.ozeldp-hak__btn--ghost:hover{ transform: translateY(-2px); border-color: var(--dp-accent); box-shadow: 0 20px 52px rgba(0,0,0,.36); }\n\n\t\t\t\t.ozeldp-hak__stats{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }\n\t\t\t\t.ozeldp-hak__stat{ display:flex; gap: 14px; align-items:flex-start; padding: 20px 20px; background: rgba(0,0,0,.38); border: 1px solid rgba(255,255,255,.22); box-shadow: 0 18px 52px rgba(0,0,0,.38); position:relative; overflow:hidden; min-height: 98px; }\n\t\t\t\t.ozeldp-hak__stat::before{ content:\"\"; position:absolute; left:0; top:0; bottom:0; width:4px; background: var(--dp-accent); opacity: 0.88; }\n\t\t\t\t\n\t\t\t\t.ozeldp-hak__icon{ width: 56px; height: 56px; display:grid; place-items:center; border: 1px solid rgba(255,255,255,.22); background: rgba(0,0,0,.22); flex: 0 0 auto; }\n\t\t\t\t.ozeldp-hak__icon i { color: rgba(255,255,255,.95); \/* Panelden font-size gelecek *\/ }\n\t\t\t\t\n\t\t\t\t.ozeldp-hak__statTitle{ font-size: 24px; font-weight: 600; letter-spacing: -.2px; color: #ffffff; line-height: 1.05; }\n\t\t\t\t.ozeldp-hak__statText{ margin-top: 9px; color: rgba(255,255,255,.84); font-size: 16px; line-height: 1.45; letter-spacing: .1px; font-weight: 520; }\n\n\t\t\t\t@media (max-width: 991px){ .ozeldp-hak__title{ max-width:none; } .ozeldp-hak__stats{ grid-template-columns: 1fr; } .ozeldp-hak__statTitle{ font-size: 22px; } .ozeldp-hak__statText{ font-size: 15px; } }\n\t\t\t<\/style>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98bfdad e-con-full e-flex e-con e-parent\" data-id=\"98bfdad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2742f6f elementor-widget elementor-widget-dutpinar_sectors_carousel\" data-id=\"2742f6f\" data-element_type=\"widget\" data-widget_type=\"dutpinar_sectors_carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"dp-sectors-wrap dp-uid-2742f6f\">\n\t\t\t\n\t\t\t<div class=\"dp-sectors-bg-stack\">\n\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-item active\" id=\"dp-bg-2742f6f-0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-media img-bg\" style=\"background-image: url('https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/5664736346.jpg');\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-item\" id=\"dp-bg-2742f6f-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-media img-bg\" style=\"background-image: url('https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/67585735456584.jpg');\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-item\" id=\"dp-bg-2742f6f-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-media img-bg\" style=\"background-image: url('https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/5643665678.jpg');\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"dp-sectors-track-wrap\">\n\t\t\t\t<div class=\"dp-sectors-track\" id=\"dpTrack-2742f6f\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"dp-sector-card\" data-index=\"0\">\n\t\t\t\t\t\t<a class=\"dp-card-hit\" href=\"\/en\/sektorler\/dutpinar-ciftligi\/\">Farm Dutpinar<\/a>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"dp-mob-bg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-media img-bg\" style=\"background-image: url('https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/5664736346.jpg');\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"sec-content\">\n\t\t\t\t\t\t\t<h2>Farm Dutpinar<\/h2>\n\t\t\t\t\t\t\t<p>600+ dairy, milk and meat production scale 2.000 bass fattening capacity and trust.<\/p>\n\t\t\t\t\t\t\t<a href=\"\/en\/sektorler\/dutpinar-ciftligi\/\" class=\"sec-btn\">\n\t\t\t\t\t\t\t\t<span>EXPLORE<\/span>\n\t\t\t\t\t\t\t\t<i class=\"fas fa-arrow-right\"><\/i>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"dp-nav-data\" style=\"display:none;\"><i class=\"fas fa-inbox\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"dp-sector-card\" data-index=\"1\">\n\t\t\t\t\t\t<a class=\"dp-card-hit\" href=\"\/en\/sektorler\/dutpinar-gida\/\">Food Dutpinar<\/a>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"dp-mob-bg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-media img-bg\" style=\"background-image: url('https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/67585735456584.jpg');\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"sec-content\">\n\t\t\t\t\t\t\t<h2>Food Dutpinar<\/h2>\n\t\t\t\t\t\t\t<p>Types of natural molasses; with no added sugar, traditional and hygienic production.<\/p>\n\t\t\t\t\t\t\t<a href=\"\/en\/sektorler\/dutpinar-gida\/\" class=\"sec-btn\">\n\t\t\t\t\t\t\t\t<span>EXPLORE<\/span>\n\t\t\t\t\t\t\t\t<i class=\"fas fa-arrow-right\"><\/i>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"dp-nav-data\" style=\"display:none;\"><i class=\"fas fa-box\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"dp-sector-card\" data-index=\"2\">\n\t\t\t\t\t\t<a class=\"dp-card-hit\" href=\"\/en\/sektorler\/balik-yetistiriciligi\/\">Fish Farming<\/a>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"dp-mob-bg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dp-bg-media img-bg\" style=\"background-image: url('https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/5643665678.jpg');\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"sec-content\">\n\t\t\t\t\t\t\t<h2>Fish Farming<\/h2>\n\t\t\t\t\t\t\t<p>Modern facilities in a healthy, sustainable and traceable fish production.<\/p>\n\t\t\t\t\t\t\t<a href=\"\/en\/sektorler\/balik-yetistiriciligi\/\" class=\"sec-btn\">\n\t\t\t\t\t\t\t\t<span>EXPLORE<\/span>\n\t\t\t\t\t\t\t\t<i class=\"fas fa-arrow-right\"><\/i>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"dp-nav-data\" style=\"display:none;\"><i class=\"fas fa-fish\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"dp-mob-nav\" id=\"dpMobNav-2742f6f\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<style>\n\t\t\t\/* --- BASE (OR\u0130J\u0130NAL CSS TABANLI) --- *\/\n\t\t\t.dp-uid-2742f6f { position: relative; width: 100%; overflow: hidden; font-family: 'Aeonik', sans-serif; }\n\t\t\t.dp-uid-2742f6f * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\t\t\t\/* BG STACK (DESKTOP) *\/\n\t\t\t.dp-sectors-bg-stack { position: absolute; inset: 0; z-index: 0; pointer-events: none; }\n\t\t\t.dp-bg-item { \n\t\t\t\tposition: absolute; inset: 0; opacity: 0; transition: opacity 0.6s ease; \n\t\t\t\tfilter: brightness(0.7); \/* OR\u0130J\u0130NAL KARARTMA *\/\n\t\t\t}\n\t\t\t.dp-bg-item.active { opacity: 1; }\n\t\t\t.dp-bg-media { width: 100%; height: 100%; object-fit: cover; display: block; }\n\t\t\t.dp-bg-media.img-bg { background-size: cover; background-position: center; }\n\n\t\t\t\/* TRACK *\/\n\t\t\t.dp-sectors-track-wrap { position: relative; width: 100%; height: 100%; z-index: 2; }\n\t\t\t.dp-sectors-track { display: flex; width: 100%; height: 100%; }\n\t\t\t\n\t\t\t\/* CARD *\/\n\t\t\t.dp-sector-card {\n\t\t\t\tflex: 1; height: 100%; position: relative; cursor: pointer;\n\t\t\t\tborder-right: 1px solid rgba(255,255,255,1); \/* OR\u0130J\u0130NAL BORDER *\/\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t\t.dp-sector-card:last-child { border-right: none; }\n\t\t\t.dp-sector-card:hover { z-index: 10; }\n\n\t\t\t.dp-mob-bg { display: none; position: absolute; inset: 0; z-index: 0; }\n\n\t\t\t\/* CONTENT *\/\n\t\t\t.sec-content {\n\t\t\t\tposition: absolute; bottom: 0; left: 0; right: 0;\n\t\t\t\tpadding: 40px 30px; z-index: 3; pointer-events: none;\n\t\t\t}\n\t\t\t.sec-content h2 { \n\t\t\t\tfont-size: 1.6rem; font-weight: 700; margin-bottom: 12px; color: #fff;\n\t\t\t\ttext-shadow: 0 3px 12px rgba(0,0,0,0.9); line-height: 1.3;\n\t\t\t}\n\t\t\t.sec-content p {\n\t\t\t\tfont-size: 0.95rem; line-height: 1.6; margin-bottom: 20px; color: #fff;\n\t\t\t\ttext-shadow: 0 2px 8px rgba(0,0,0,0.8);\n\t\t\t\tmax-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;\n\t\t\t}\n\t\t\t\/* Desktop Hover Effect *\/\n\t\t\t.dp-sector-card:hover .sec-content p { max-height: 200px; opacity: 1; }\n\n\t\t\t\/* BTN *\/\n\t\t\t.sec-btn {\n\t\t\t\tdisplay: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #fff; text-decoration: none;\n\t\t\t\ttext-shadow: 0 2px 6px rgba(0,0,0,0.8); pointer-events: auto; letter-spacing: 0.5px; font-size: 0.9rem;\n\t\t\t\topacity: 0; transform: translateY(10px); transition: all 0.4s ease;\n\t\t\t}\n\t\t\t.dp-sector-card:hover .sec-btn { opacity: 1; transform: translateY(0); }\n\t\t\t.sec-btn:hover { gap: 14px; }\n\n\t\t\t.dp-card-hit { position: absolute; inset: 0; z-index: 4; text-indent: -9999px; }\n\t\t\t.dp-mob-nav { display: none; }\n\n\t\t\t\/* --- MOBILE --- *\/\n\t\t\t@media (max-width: 1024px) {\n\t\t\t\t.dp-uid-2742f6f { height: auto !important; }\n\t\t\t\t.dp-sectors-bg-stack { display: none !important; }\n\t\t\t\t.dp-sectors-track-wrap { overflow: hidden; height: auto !important; }\n\t\t\t\t\n\t\t\t\t.dp-sectors-track {\n\t\t\t\t\tflex-direction: row !important; height: auto !important;\n\t\t\t\t\twill-change: transform; transform: translate3d(0,0,0);\n\t\t\t\t\ttransition: transform 0.35s ease;\n\t\t\t\t}\n\n\t\t\t\t.dp-sector-card {\n\t\t\t\t\tflex: 0 0 100%; width: 100% !important; height: 56vh !important; min-height: 380px;\n\t\t\t\t\tborder-right: none !important;\n\t\t\t\t}\n\n\t\t\t\t\/* Mobile BG: Filter burada uygulan\u0131r *\/\n\t\t\t\t.dp-mob-bg { display: block; filter: brightness(0.7); }\n\t\t\t\t\n\t\t\t\t.sec-content { padding: 34px 26px 90px 26px; }\n\t\t\t\t.sec-content p { max-height: 300px; opacity: 1; }\n\t\t\t\t.sec-btn { opacity: 1; transform: none; }\n\n\t\t\t\t.dp-mob-nav {\n\t\t\t\t\tdisplay: flex; gap: 12px; justify-content: center; align-items: center;\n\t\t\t\t\tposition: absolute; left: 0; right: 0; bottom: 12px; z-index: 10;\n\t\t\t\t\tpadding: 10px; pointer-events: none;\n\t\t\t\t}\n\t\t\t\t.dp-mob-nav button {\n\t\t\t\t\tpointer-events: auto; width: 52px; height: 52px; display: grid; place-items: center;\n\t\t\t\t\tborder: 1px solid rgba(255,255,255,0.28); background: rgba(0,0,0,0.30); color: rgba(255,255,255,0.92);\n\t\t\t\t\tborder-radius: 999px; cursor: pointer; transition: all 0.2s; padding: 0; overflow: hidden;\n\t\t\t\t}\n\t\t\t\t.dp-mob-nav button.active {\n\t\t\t\t\tborder-color: rgba(247,195,95,0.70); background: rgba(247,195,95,0.18); color: rgba(255,255,255,0.98);\n\t\t\t\t}\n\t\t\t\t.dp-mob-nav button i, .dp-mob-nav button svg { font-size: 18px; fill: currentColor; }\n\t\t\t\t.dp-mob-nav button img { width: 60%; height: auto; object-fit: contain; }\n\t\t\t}\n\t\t<\/style>\n\n\t\t<script>\n\t\t(function(){\n\t\t\tconst uid = \"2742f6f\";\n\t\t\tconst section = document.querySelector('.dp-uid-' + uid);\n\t\t\tconst track = document.getElementById('dpTrack-' + uid);\n\t\t\tconst nav = document.getElementById('dpMobNav-' + uid);\n\t\t\tconst cards = track ? Array.from(track.querySelectorAll('.dp-sector-card')) : [];\n\t\t\tconst bgs = Array.from(document.querySelectorAll('#dp-sectors-carousel.dp-uid-' + uid + ' .dp-bg-item'));\n\n\t\t\tif(!section || !track || !cards.length) return;\n\n\t\t\tlet idx = 0;\n\t\t\tlet timer = null;\n\t\t\tlet isDown=false, startX=0, curX=0, locked=false;\n\n\t\t\tfunction isMobile(){ return window.innerWidth <= 1024; }\n\n\t\t\t\/\/ DESKTOP\n\t\t\tcards.forEach((card, i) => {\n\t\t\t\tcard.addEventListener('mouseenter', () => {\n\t\t\t\t\tif(isMobile()) return;\n\t\t\t\t\tconst allBgs = section.querySelectorAll('.dp-bg-item');\n\t\t\t\t\tallBgs.forEach(bg => bg.classList.remove('active'));\n\t\t\t\t\tconst targetBg = document.getElementById('dp-bg-' + uid + '-' + i);\n\t\t\t\t\tif(targetBg) targetBg.classList.add('active');\n\t\t\t\t});\n\t\t\t});\n\n\t\t\t\/\/ MOBILE NAV\n\t\t\tfunction buildNav(){\n\t\t\t\tif(!isMobile()){ nav.style.display='none'; return; }\n\t\t\t\tnav.style.display='flex';\n\t\t\t\tnav.innerHTML='';\n\t\t\t\tcards.forEach((c, i)=>{\n\t\t\t\t\tconst navHTML = c.querySelector('.dp-nav-data').innerHTML;\n\t\t\t\t\tconst btn = document.createElement('button');\n\t\t\t\t\tbtn.innerHTML = navHTML;\n\t\t\t\t\tbtn.className = (i === idx) ? 'active' : '';\n\t\t\t\t\tbtn.onclick = () => { stopAuto(); goto(i); startAuto(); };\n\t\t\t\t\tnav.appendChild(btn);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction updateNav(){\n\t\t\t\tif(!isMobile()) return;\n\t\t\t\tArray.from(nav.children).forEach((b,i) => b.classList.toggle('active', i===idx));\n\t\t\t}\n\n\t\t\tfunction applySize(){\n\t\t\t\tif(!isMobile()){\n\t\t\t\t\ttrack.style.width = '100%'; track.style.transform = '';\n\t\t\t\t\tcards.forEach(c => { c.style.width=''; c.style.flex='1'; });\n\t\t\t\t\tstopAuto();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst w = section.clientWidth;\n\t\t\t\ttrack.style.width = (cards.length * 100) + '%';\n\t\t\t\tcards.forEach(c => { c.style.width = w + 'px'; c.style.flex = '0 0 ' + w + 'px'; });\n\t\t\t\tgoto(idx, false);\n\t\t\t}\n\n\t\t\tfunction goto(i, anim=true){\n\t\t\t\tidx = (i + cards.length) % cards.length;\n\t\t\t\tif(!isMobile()) return;\n\t\t\t\tconst w = section.clientWidth;\n\t\t\t\ttrack.style.transition = anim ? 'transform 0.35s ease' : 'none';\n\t\t\t\ttrack.style.transform = `translate3d(${-idx * w}px, 0, 0)`;\n\t\t\t\tupdateNav();\n\t\t\t}\n\n\t\t\tfunction next(){ goto(idx+1); }\n\t\t\tfunction prev(){ goto(idx-1); }\n\t\t\tfunction startAuto(){ if(isMobile()){ stopAuto(); timer=setInterval(next, 3000); } }\n\t\t\tfunction stopAuto(){ if(timer) clearInterval(timer); }\n\n\t\t\tsection.addEventListener('touchstart', e => {\n\t\t\t\tif(!isMobile()) return;\n\t\t\t\tisDown=true; startX=e.touches[0].clientX; curX=startX;\n\t\t\t\ttrack.style.transition='none'; stopAuto();\n\t\t\t}, {passive:true});\n\n\t\t\tsection.addEventListener('touchmove', e => {\n\t\t\t\tif(!isMobile() || !isDown) return;\n\t\t\t\tconst x = e.touches[0].clientX;\n\t\t\t\tconst dx = x - startX;\n\t\t\t\tif(Math.abs(dx) > 10) locked=true;\n\t\t\t\tif(locked){\n\t\t\t\t\tcurX=x;\n\t\t\t\t\tconst w = section.clientWidth;\n\t\t\t\t\ttrack.style.transform = `translate3d(${(-idx*w)+dx}px, 0, 0)`;\n\t\t\t\t}\n\t\t\t}, {passive:true});\n\n\t\t\tsection.addEventListener('touchend', e => {\n\t\t\t\tif(!isMobile() || !isDown) return;\n\t\t\t\tisDown=false; locked=false;\n\t\t\t\tconst dx = curX - startX;\n\t\t\t\tif(Math.abs(dx) > 50) { if(dx < 0) next(); else prev(); } else { goto(idx); }\n\t\t\t\tstartAuto();\n\t\t\t});\n\n\t\t\twindow.addEventListener('resize', () => {\n\t\t\t\tapplySize(); buildNav(); \n\t\t\t\tif(isMobile()) startAuto();\n\t\t\t});\n\n\t\t\tapplySize(); buildNav();\n\t\t\tif(isMobile()) startAuto();\n\n\t\t})();\n\t\t<\/script>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7e2dcb e-con-full e-flex e-con e-parent\" data-id=\"a7e2dcb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7681efa elementor-widget elementor-widget-html\" data-id=\"7681efa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ozeldp-softSlider\" aria-label=\"Dutpinar Sector Slider\">\r\n  <div class=\"ozeldp-softSlider__container\">\r\n    <div class=\"ozeldp-softSlider__viewport\" id=\"ozeldpSoftVp\">\r\n      <div class=\"ozeldp-softSlider__track\" id=\"ozeldpSoftTrack\">\r\n\r\n        <!-- Slide 1 -->\r\n        <div class=\"ozeldp-softSlider__slide\" data-label=\"Cesaret\" data-img=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/08\/454635456789.jpg\">\r\n          <div class=\"ozeldp-softSlider__grid\">\r\n            <div class=\"ozeldp-softSlider__left\">\r\n              <h2 class=\"ozeldp-softSlider__title\">Step Boldly Takes<\/h2>\r\n\r\n              <p class=\"ozeldp-softSlider__text\">\r\n                Our strength as dutpinar farm production; planned growth, traceability and sustainability we're moving forward with the basics. Reinforces the quality standards in every step, reliable supply we are continuing with the determination of the approach.\r\n              <\/p>\r\n\r\n              <div class=\"ozeldp-softSlider__actions\">\r\n                <a class=\"ozeldp-softSlider__btn ozeldp-softSlider__btn--primary\" href=\"\/en\/sektorler\/dutpinar-ciftligi\/\">\r\n                  Farm Dutpinar\r\n                <\/a>\r\n                <a class=\"ozeldp-softSlider__btn ozeldp-softSlider__btn--ghost\" href=\"\/en\/sektorler\/\">\r\n                  All Sectors\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ozeldp-softSlider__right\" aria-hidden=\"true\">\r\n              <div class=\"ozeldp-softSlider__orb\">\r\n                <img decoding=\"async\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/08\/454635456789.jpg\" alt=\"Dutp\u0131nar \u00c7iftli\u011fi\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 2 -->\r\n        <div class=\"ozeldp-softSlider__slide\" data-label=\"Tutku\" data-img=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/56756766566.jpg\">\r\n          <div class=\"ozeldp-softSlider__grid\">\r\n            <div class=\"ozeldp-softSlider__left\">\r\n              <h2 class=\"ozeldp-softSlider__title\">Works With Passion<\/h2>\r\n\r\n              <p class=\"ozeldp-softSlider__text\">\r\n                Dutpinar food production; discipline, with the principles of Hygiene and quality control is executed. The experience we have received from tradition combines with modern processes, consistency and confidence in each product we aim to provide.\r\n              <\/p>\r\n\r\n              <div class=\"ozeldp-softSlider__actions\">\r\n                <a class=\"ozeldp-softSlider__btn ozeldp-softSlider__btn--primary\" href=\"\/en\/sektorler\/dutpinar-gida\/\">\r\n                  Food Dutpinar\r\n                <\/a>\r\n                <a class=\"ozeldp-softSlider__btn ozeldp-softSlider__btn--ghost\" href=\"\/en\/urunler\/\">\r\n                  Products\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ozeldp-softSlider__right\" aria-hidden=\"true\">\r\n              <div class=\"ozeldp-softSlider__orb\">\r\n                <img decoding=\"async\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/56756766566.jpg\" alt=\"Dutp\u0131nar G\u0131da\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slide 3 -->\r\n        <div class=\"ozeldp-softSlider__slide\" data-label=\"Bereket\" data-img=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/5768457643456.jpg\">\r\n          <div class=\"ozeldp-softSlider__grid\">\r\n            <div class=\"ozeldp-softSlider__left\">\r\n              <h2 class=\"ozeldp-softSlider__title\">We Are Growing With Abundance<\/h2>\r\n\r\n              <p class=\"ozeldp-softSlider__text\">\r\n                Dutpinar fish farming; sustainable production model, the quality can be controlled and monitored process understanding executes. Our approach nature with respect to production efficiency, strong supply we continue to grow with our structure.\r\n              <\/p>\r\n\r\n              <div class=\"ozeldp-softSlider__actions\">\r\n                <a class=\"ozeldp-softSlider__btn ozeldp-softSlider__btn--primary\" href=\"\/en\/sektorler\/balik-yetistiriciligi\/\">\r\n                  Fish Farming\r\n                <\/a>\r\n                <a class=\"ozeldp-softSlider__btn ozeldp-softSlider__btn--ghost\" href=\"\/en\/kalite\/\">\r\n                  Quality\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ozeldp-softSlider__right\" aria-hidden=\"true\">\r\n              <div class=\"ozeldp-softSlider__orb\">\r\n                <img decoding=\"async\" src=\"https:\/\/dutpinar.com\/wp-content\/uploads\/2025\/09\/5768457643456.jpg\" alt=\"Bal\u0131k Yeti\u015ftiricili\u011fi\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Bottom bar -->\r\n      <div class=\"ozeldp-softSlider__bottom\">\r\n        <div class=\"ozeldp-softSlider__tabs\" id=\"ozeldpSoftTabs\"><\/div>\r\n\r\n        <div class=\"ozeldp-softSlider__nav\">\r\n          <button class=\"ozeldp-softSlider__arrow\" type=\"button\" id=\"ozeldpSoftPrev\" aria-label=\"Previous\">\r\n            <i class=\"fa fa-chevron-left\"><\/i>\r\n          <\/button>\r\n          <button class=\"ozeldp-softSlider__arrow\" type=\"button\" id=\"ozeldpSoftNext\" aria-label=\"Next\">\r\n            <i class=\"fa fa-chevron-right\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n  .ozeldp-softSlider,\r\n    .ozeldp-softSlider h1,\r\n    .ozeldp-softSlider h2,\r\n    .ozeldp-softSlider h3,\r\n    .ozeldp-softSlider h4,\r\n    .ozeldp-softSlider h5,\r\n    .ozeldp-softSlider h6,\r\n    .ozeldp-softSlider p,\r\n    .ozeldp-softSlider a,\r\n    .ozeldp-softSlider button,\r\n    .ozeldp-softSlider span,\r\n    .ozeldp-softSlider small,\r\n    .ozeldp-softSlider strong,\r\n    .ozeldp-softSlider em,\r\n    .ozeldp-softSlider li,\r\n    .ozeldp-softSlider ul,\r\n    .ozeldp-softSlider ol,\r\n    .ozeldp-softSlider label,\r\n    .ozeldp-softSlider input,\r\n    .ozeldp-softSlider textarea,\r\n    .ozeldp-softSlider div {\r\n      font-family: \"Roboto\", sans-serif !important;\r\n    }\r\n    \r\n    .ozeldp-softSlider__tab div {\r\n        font-weight: 500 !important;\r\n    }\r\n    \r\n    .ozeldp-softSlider__btn {\r\n        font-weight: 400 !important;\r\n    }\r\n    \r\n    .ozeldp-softSlider__tab:after {\r\n        display: none !important;\r\n    }\r\n  \r\n    .ozeldp-softSlider{\r\n      font-family: Aeonik, sans-serif;\r\n      --dp-primary:#1f4e3d;\r\n      --dp-accent:#f7c35f;\r\n      background:\r\n        radial-gradient(1200px 700px at 70% 30%, rgba(140, 210, 255, .35), transparent 55%),\r\n        radial-gradient(900px 600px at 25% 25%, rgba(235, 245, 255, .85), transparent 60%),\r\n        linear-gradient(120deg, rgba(240, 252, 255, .95), rgba(230, 248, 255, .92));\r\n      padding: 40px 0;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .ozeldp-softSlider, .ozeldp-softSlider *{ border-radius:0 !important; }\r\n\r\n    .ozeldp-softSlider__container{\r\n      width: min(1320px, calc(100% - 24px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .ozeldp-softSlider__viewport{\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: transparent;\r\n    }\r\n\r\n    .ozeldp-softSlider__track{\r\n      display:flex;\r\n      will-change: transform;\r\n      transform: translate3d(0,0,0);\r\n      transition: transform .35s ease;\r\n      touch-action: pan-y;\r\n    }\r\n\r\n    .ozeldp-softSlider__slide{\r\n      flex: 0 0 100%;\r\n      width: 100%;\r\n      padding: 56px 0 84px 0;\r\n    }\r\n\r\n    .ozeldp-softSlider__grid{\r\n      display:grid;\r\n      grid-template-columns: 1.1fr .9fr;\r\n      align-items:center;\r\n      gap: 44px;\r\n      min-height: 460px;\r\n    }\r\n\r\n    .ozeldp-softSlider__title{\r\n      font-size: clamp(40px, 3.8vw, 74px);\r\n      line-height: 1.02;\r\n      letter-spacing: -1px;\r\n      font-weight: 900;\r\n      color: #1f1d4a;\r\n      margin: 0 0 18px 0;\r\n    }\r\n\r\n    .ozeldp-softSlider__text{\r\n      font-size: 16px;\r\n      line-height: 1.9;\r\n      color: rgba(25, 25, 60, .78);\r\n      max-width: 70ch;\r\n      margin: 0 0 26px 0;\r\n    }\r\n\r\n    .ozeldp-softSlider__actions{\r\n      display:flex;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n      align-items:center;\r\n    }\r\n\r\n    .ozeldp-softSlider__btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      padding: 14px 20px;\r\n      font-weight: 900;\r\n      text-decoration:none;\r\n      letter-spacing:.2px;\r\n      border: none;\r\n      cursor:pointer;\r\n      transition: transform .15s ease, opacity .15s ease;\r\n      user-select:none;\r\n      -webkit-user-select:none;\r\n    }\r\n    .ozeldp-softSlider__btn:hover{ transform: translateY(-1px); }\r\n\r\n    .ozeldp-softSlider__btn--primary{\r\n      background: rgba(31,78,61,.92);\r\n      color:#fff;\r\n    }\r\n\r\n    .ozeldp-softSlider__btn--ghost{\r\n      background: rgba(255,255,255,.55);\r\n      color: rgba(25,25,60,.88);\r\n      border: 1px solid rgba(25,25,60,.12);\r\n    }\r\n\r\n    .ozeldp-softSlider__right{\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n    }\r\n\r\n    \/* Orb: sadece orb yuvarlak (\u00f6rnekteki gibi) *\/\r\n    .ozeldp-softSlider__orb{\r\n      width: min(520px, 44vw);\r\n      aspect-ratio: 1 \/ 1;\r\n      border-radius: 999px !important;\r\n      overflow: hidden;\r\n      position: relative;\r\n      background: rgba(255,255,255,.35);\r\n      box-shadow:\r\n        0 40px 80px rgba(10, 20, 60, .10),\r\n        inset 0 0 0 1px rgba(255,255,255,.55);\r\n    }\r\n    .ozeldp-softSlider__orb::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background: radial-gradient(circle at 40% 35%, rgba(255,255,255,.35), transparent 55%);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .ozeldp-softSlider__orb img{\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      filter: saturate(1.05) contrast(1.02);\r\n      transform: scale(1.02);\r\n\r\n      \/* DRAG YAPI\u015eMA FIX *\/\r\n      pointer-events: none;\r\n      -webkit-user-drag: none;\r\n      user-drag: none;\r\n      user-select: none;\r\n      -webkit-user-select: none;\r\n    }\r\n\r\n    \/* Bottom: hover BG yok, sadece aktif sar\u0131 *\/\r\n    .ozeldp-softSlider__bottom{\r\n      position:absolute;\r\n      left:0;\r\n      right:0;\r\n      bottom: 10px;\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 18px;\r\n      padding: 0;\r\n    }\r\n\r\n    .ozeldp-softSlider__tabs{\r\n      flex: 1 1 auto;\r\n      display:grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 0;\r\n      align-items:end;\r\n    }\r\n\r\n    .ozeldp-softSlider__tab{\r\n      background: transparent !important; \/* hover bg yok *\/\r\n      border: none;\r\n      padding: 10px 6px;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      color: rgba(25,25,60,.80);\r\n      font-weight: 900;\r\n      letter-spacing: .2px;\r\n      position: relative;\r\n      user-select:none;\r\n      -webkit-user-select:none;\r\n    }\r\n    .ozeldp-softSlider__tab:hover{ background: transparent !important; }\r\n\r\n    .ozeldp-softSlider__rail{\r\n      height: 6px;\r\n      width: 100%;\r\n      background: rgba(25,25,60,.18);\r\n      margin-top: 10px;\r\n      position: relative;\r\n    }\r\n\r\n    .ozeldp-softSlider__fill{\r\n      height: 100%;\r\n      width: 0%;\r\n      background: #f7c35f; \/* AKTIF SARI *\/\r\n      transition: width .35s linear;\r\n    }\r\n\r\n    .ozeldp-softSlider__tab.is-active{\r\n      color: rgba(25,25,60,1);\r\n    }\r\n    .ozeldp-softSlider__tab.is-active .ozeldp-softSlider__fill{ width: 100%; }\r\n\r\n    .ozeldp-softSlider__nav{\r\n      flex: 0 0 auto;\r\n      display:flex;\r\n      gap: 10px;\r\n      align-items:center;\r\n      padding-left: 14px;\r\n    }\r\n\r\n    .ozeldp-softSlider__arrow{\r\n      width: 40px;\r\n      height: 40px;\r\n      border: none;\r\n      background: transparent;\r\n      color: rgba(25,25,60,.80);\r\n      cursor:pointer;\r\n      display:grid;\r\n      place-items:center;\r\n      transition: transform .15s ease, opacity .15s ease;\r\n    }\r\n    .ozeldp-softSlider__arrow:hover{ transform: translateY(-1px); }\r\n\r\n    @media (max-width: 991.98px){\r\n      .ozeldp-softSlider{ padding: 26px 0; }\r\n      .ozeldp-softSlider__slide{ padding: 22px 0 84px 0; }\r\n\r\n      .ozeldp-softSlider__grid{\r\n        grid-template-columns: 1fr;\r\n        gap: 14px;\r\n        min-height: 0;\r\n      }\r\n\r\n      .ozeldp-softSlider__right{ order: -1; }\r\n\r\n      .ozeldp-softSlider__orb{\r\n        width: min(380px, 80vw);\r\n      }\r\n\r\n      .ozeldp-softSlider__title{\r\n        font-size: clamp(28px, 7vw, 44px);\r\n        line-height: 1.06;\r\n      }\r\n\r\n      .ozeldp-softSlider__text{ font-size: 15px; }\r\n\r\n      .ozeldp-softSlider__bottom{\r\n        bottom: 10px;\r\n        gap: 10px;\r\n      }\r\n\r\n      .ozeldp-softSlider__nav{ padding-left: 6px; }\r\n      .ozeldp-softSlider__arrow{ width: 36px; height: 36px; }\r\n      .ozeldp-softSlider__tab{ font-size: 14px; }\r\n      .ozeldp-softSlider__rail{ height: 6px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .ozeldp-softSlider__track, .ozeldp-softSlider__fill, .ozeldp-softSlider__arrow{ transition:none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n  (function(){\r\n    const root = document.querySelector('.ozeldp-softSlider');\r\n    if (!root) return;\r\n\r\n    const vp = root.querySelector('#ozeldpSoftVp');\r\n    const track = root.querySelector('#ozeldpSoftTrack');\r\n    const slides = Array.from(root.querySelectorAll('.ozeldp-softSlider__slide'));\r\n    const tabsWrap = root.querySelector('#ozeldpSoftTabs');\r\n    const prevBtn = root.querySelector('#ozeldpSoftPrev');\r\n    const nextBtn = root.querySelector('#ozeldpSoftNext');\r\n\r\n    const AUTOPLAY_MS = 3000;\r\n\r\n    let idx = 0;\r\n    let timer = null;\r\n\r\n    \/\/ drag state\r\n    let isDown = false;\r\n    let startX = 0;\r\n    let curX = 0;\r\n\r\n    \/\/ \u2705 axis-lock i\u00e7in eklenenler (dikey scroll'da slider k\u0131p\u0131rdamas\u0131n)\r\n    let startY = 0;\r\n    let axisLocked = false;\r\n    let isHorizontal = false;\r\n\r\n    function slideW(){ return vp.clientWidth || root.clientWidth || window.innerWidth; }\r\n\r\n    function buildTabs(){\r\n      tabsWrap.innerHTML = '';\r\n      slides.forEach((s, i) => {\r\n        const label = s.getAttribute('data-label') || ('Slide ' + (i+1));\r\n        const btn = document.createElement('button');\r\n        btn.type = 'button';\r\n        btn.className = 'ozeldp-softSlider__tab' + (i===idx ? ' is-active' : '');\r\n        btn.innerHTML = `\r\n          <div>${label}<\/div>\r\n          <div class=\"ozeldp-softSlider__rail\"><div class=\"ozeldp-softSlider__fill\"><\/div><\/div>\r\n        `;\r\n        btn.addEventListener('click', () => { stop(); goTo(i, true); start(); });\r\n        tabsWrap.appendChild(btn);\r\n      });\r\n    }\r\n\r\n    function setActive(){\r\n      const tabs = Array.from(root.querySelectorAll('.ozeldp-softSlider__tab'));\r\n      tabs.forEach((t, i) => t.classList.toggle('is-active', i===idx));\r\n    }\r\n\r\n    function goTo(i, animate){\r\n      idx = (i + slides.length) % slides.length;\r\n      const x = -(idx * slideW());\r\n      track.style.transition = animate ? 'transform .35s ease' : 'none';\r\n      track.style.transform = `translate3d(${x}px,0,0)`;\r\n      setActive();\r\n      if (!animate) requestAnimationFrame(() => track.style.transition = 'transform .35s ease');\r\n    }\r\n\r\n    function next(){ goTo(idx+1, true); }\r\n    function prev(){ goTo(idx-1, true); }\r\n\r\n    function start(){\r\n      stop();\r\n      timer = setInterval(next, AUTOPLAY_MS);\r\n    }\r\n    function stop(){\r\n      if (timer){ clearInterval(timer); timer = null; }\r\n    }\r\n\r\n    \/\/ DRAGSTART iptal: g\u00f6rsel yap\u0131\u015fma fix\r\n    root.querySelectorAll('img').forEach(img => {\r\n      img.addEventListener('dragstart', e => e.preventDefault());\r\n    });\r\n\r\n    \/\/ \u2705 Swipe \/ Drag (axis lock fix)\r\n    function onDown(e){\r\n      isDown = true;\r\n\r\n      axisLocked = false;\r\n      isHorizontal = false;\r\n\r\n      startX = (e.touches ? e.touches[0].clientX : e.clientX);\r\n      startY = (e.touches ? e.touches[0].clientY : e.clientY);\r\n      curX = startX;\r\n\r\n      track.style.transition = 'none';\r\n      stop();\r\n    }\r\n\r\n    function onMove(e){\r\n      if (!isDown) return;\r\n\r\n      const x = (e.touches ? e.touches[0].clientX : e.clientX);\r\n      const y = (e.touches ? e.touches[0].clientY : e.clientY);\r\n\r\n      const dx = x - startX;\r\n      const dy = y - startY;\r\n\r\n      \/\/ k\u00fc\u00e7\u00fck titre\u015fimleri yok say + y\u00f6n kilidi\r\n      if (!axisLocked) {\r\n        const min = 10; \/\/ hassasiyet (istersen 12 yap)\r\n        if (Math.abs(dx) < min && Math.abs(dy) < min) return;\r\n\r\n        axisLocked = true;\r\n        isHorizontal = Math.abs(dx) > Math.abs(dy);\r\n      }\r\n\r\n      \/\/ dikey scroll ise slider hi\u00e7 k\u0131p\u0131rdamas\u0131n\r\n      if (!isHorizontal) return;\r\n\r\n      \/\/ yatay swipe ise sayfa scroll engellensin\r\n      if (e.cancelable) e.preventDefault();\r\n\r\n      curX = x;\r\n      const base = -(idx * slideW());\r\n      track.style.transform = `translate3d(${base + dx}px,0,0)`;\r\n    }\r\n\r\n    function onUp(){\r\n      if (!isDown) return;\r\n      isDown = false;\r\n\r\n      \/\/ dikey scroll ise hi\u00e7bir \u015fey yapma\r\n      if (!isHorizontal) { start(); return; }\r\n\r\n      const dx = curX - startX;\r\n      const w = slideW();\r\n      const threshold = Math.max(60, w * 0.12);\r\n\r\n      if (dx <= -threshold) next();\r\n      else if (dx >= threshold) prev();\r\n      else goTo(idx, true);\r\n\r\n      start();\r\n    }\r\n\r\n    \/\/ \u2705 touchmove passive:false olmal\u0131 ki preventDefault \u00e7al\u0131\u015fs\u0131n\r\n    vp.addEventListener('touchstart', onDown, { passive:true });\r\n    vp.addEventListener('touchmove', onMove, { passive:false });\r\n    vp.addEventListener('touchend', onUp, { passive:true });\r\n\r\n    vp.addEventListener('mousedown', onDown);\r\n    window.addEventListener('mousemove', onMove);\r\n    window.addEventListener('mouseup', onUp);\r\n\r\n    \/\/ Mouse viewport d\u0131\u015f\u0131na \u00e7\u0131k\u0131nca da b\u0131rak (yap\u0131\u015fma fix)\r\n    vp.addEventListener('mouseleave', onUp);\r\n\r\n    prevBtn.addEventListener('click', () => { stop(); prev(); start(); });\r\n    nextBtn.addEventListener('click', () => { stop(); next(); start(); });\r\n\r\n    vp.addEventListener('mouseenter', stop);\r\n    vp.addEventListener('mouseleave', start);\r\n\r\n    window.addEventListener('resize', () => { goTo(idx, false); });\r\n\r\n    \/\/ init\r\n    buildTabs();\r\n    goTo(0, false);\r\n    start();\r\n  })();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MEN\u00dc TR EN ZH TR EN ZH Dutp\u0131nar Ana Sayfa Hakk\u0131m\u0131zda Sekt\u00f6rler Katalog \u00dcr\u00fcnler \u00dcr\u00fcnlerimiz S\u00fct \u00dcr\u00fcnleri Et \u00dcr\u00fcnleri Pekmez \u00c7e\u015fitleri Bilgi &#038; \u0130leti\u015fim \u015eubelerimiz \u0130leti\u015fim Kariyer \u00a92026 Dutp\u0131nar T\u00fcm Haklar\u0131 Sakl\u0131d\u0131r. DUTPINAR \u2022 Kurumsal G\u0131da &#038; Tedarik Kaliteyi Standart Haline Getiren Tedarik G\u00fcvenilir \u00fcretim, d\u00fczenli sevkiyat ve s\u00fcrd\u00fcr\u00fclebilir i\u015f ortakl\u0131\u011f\u0131 yakla\u015f\u0131m\u0131. Teklif Al \u00dcr\u00fcnleri&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pgc_sgb_lightbox_settings":"","_joinchat":[],"footnotes":""},"class_list":["post-3998","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/pages\/3998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/comments?post=3998"}],"version-history":[{"count":490,"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/pages\/3998\/revisions"}],"predecessor-version":[{"id":4652,"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/pages\/3998\/revisions\/4652"}],"wp:attachment":[{"href":"https:\/\/dutpinar.com\/en\/wp-json\/wp\/v2\/media?parent=3998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}