{"id":1483,"date":"2026-03-24T07:16:26","date_gmt":"2026-03-24T07:16:26","guid":{"rendered":"https:\/\/garantitavukculuk.com\/?page_id=1483"},"modified":"2026-06-17T11:57:16","modified_gmt":"2026-06-17T11:57:16","slug":"anasayfa-2","status":"publish","type":"page","link":"http:\/\/garantitavukculuk.com\/en\/","title":{"rendered":"ANASAYFA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1483\" class=\"elementor elementor-1483\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2e7534 e-con-full e-flex e-con e-parent\" data-id=\"c2e7534\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8cb880 elementor-widget elementor-widget-html\" data-id=\"a8cb880\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*, *::before, *::after {\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n:root {\r\n  --white: #FAFAF8;\r\n  --off:   #F2EDE5;\r\n  --ink:   #111110;\r\n  --mid:   #3A3935;\r\n  --fog:   #888580;\r\n  --red:   #C8281E;\r\n  --gold:  #C09A4A;\r\n  --line:  rgba(17,17,16,.1);\r\n  --p: clamp(20px, 5vw, 72px);\r\n}\r\n\r\nhtml {\r\n  scroll-behavior:smooth;\r\n}\r\n\r\nbody {\r\n  font-family:'Nunito', sans-serif;\r\n  background:var(--white);\r\n  color:var(--ink);\r\n  overflow-x:hidden;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LOADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#loader {\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:9999;\r\n  background:var(--ink);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n}\r\n\r\n.loader-inner {\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:28px;\r\n}\r\n\r\n.loader-egg {\r\n  width:90px;\r\n  height:110px;\r\n  position:relative;\r\n}\r\n\r\n.loader-egg svg {\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\n.egg-draw {\r\n  stroke-dasharray:640;\r\n  stroke-dashoffset:640;\r\n  animation:drawEgg 1.6s cubic-bezier(.4,0,.2,1) .2s forwards;\r\n}\r\n\r\n@keyframes drawEgg {\r\n  to {\r\n    stroke-dashoffset:0;\r\n  }\r\n}\r\n\r\n.loader-crack {\r\n  stroke-dasharray:80;\r\n  stroke-dashoffset:80;\r\n  opacity:0;\r\n  animation:crackIn .4s ease 1.8s forwards, drawEgg .35s ease 1.8s forwards;\r\n}\r\n\r\n@keyframes crackIn {\r\n  to {\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n.loader-word {\r\n  font-family:'Nunito', sans-serif;\r\n  font-size:clamp(22px,3vw,32px);\r\n  font-weight:800;\r\n  color:var(--off);\r\n  letter-spacing:.02em;\r\n  opacity:0;\r\n  transform:translateY(12px);\r\n  animation:wUp .6s cubic-bezier(.16,1,.3,1) 1.4s forwards;\r\n}\r\n\r\n.loader-sub {\r\n  font-size:9px;\r\n  font-weight:500;\r\n  letter-spacing:.32em;\r\n  text-transform:uppercase;\r\n  color:rgba(242,237,228,.25);\r\n  opacity:0;\r\n  animation:wUp .5s ease 1.6s forwards;\r\n}\r\n\r\n@keyframes wUp {\r\n  to {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n.loader-bar-track {\r\n  width:clamp(140px,20vw,220px);\r\n  height:1px;\r\n  background:rgba(242,237,228,.12);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.loader-bar-fill {\r\n  position:absolute;\r\n  inset:0 100% 0 0;\r\n  background:var(--red);\r\n  animation:barFill 2.2s cubic-bezier(.4,0,.2,1) .3s forwards;\r\n}\r\n\r\n@keyframes barFill {\r\n  to {\r\n    right:0;\r\n  }\r\n}\r\n\r\n#loader.out {\r\n  animation:loaderOut 1s cubic-bezier(.87,0,.13,1) forwards;\r\n}\r\n\r\n@keyframes loaderOut {\r\n  0% {\r\n    clip-path:inset(0 0 0 0);\r\n  }\r\n\r\n  100% {\r\n    clip-path:inset(100% 0 0 0);\r\n  }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n  min-height:100svh;\r\n  position:relative;\r\n  overflow:hidden;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.hero-media {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  overflow:hidden;\r\n  --hero-shift:0px;\r\n}\r\n\r\n.hero-slide {\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:0;\r\n  transform:scale(1.065);\r\n  transition:\r\n    opacity 1.15s cubic-bezier(.16,1,.3,1),\r\n    transform 7.2s cubic-bezier(.16,1,.3,1);\r\n  will-change:opacity, transform;\r\n  z-index:0;\r\n}\r\n\r\n.hero-slide.is-active {\r\n  opacity:1;\r\n  transform:scale(1);\r\n  z-index:1;\r\n}\r\n\r\n.hero-slide img {\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:var(--slide-pos, center center);\r\n  display:block;\r\n  transform:translateY(var(--hero-shift));\r\n  transition:transform .18s linear;\r\n}\r\n\r\n.hero-media::after {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:3;\r\n  pointer-events:none;\r\n  background:linear-gradient(\r\n    to bottom,\r\n    rgba(250,250,248,.08) 0%,\r\n    rgba(250,250,248,.0) 35%,\r\n    rgba(250,250,248,.72) 75%,\r\n    rgba(250,250,248,1) 100%\r\n  );\r\n}\r\n\r\n.hero-media::before {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:4;\r\n  pointer-events:none;\r\n  background:linear-gradient(\r\n    to right,\r\n    rgba(250,250,248,.88) 0%,\r\n    rgba(250,250,248,.55) 38%,\r\n    transparent 65%\r\n  );\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO CONTENT SLIDES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero-content-slide {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:5;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n  padding:68px var(--p) clamp(130px,16vw,200px);\r\n  max-width:1400px;\r\n  width:100%;\r\n  margin:0 auto;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  opacity:0;\r\n  pointer-events:none;\r\n  transition:opacity .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.hero-content-slide.is-active {\r\n  opacity:1;\r\n  pointer-events:auto;\r\n}\r\n\r\n.hero-tag {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:24px;\r\n  opacity:0;\r\n  transform:translateY(10px);\r\n  transition:opacity .5s ease, transform .5s ease;\r\n  transition-delay:0s;\r\n}\r\n\r\n.hero-content-slide.is-active .hero-tag {\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  transition-delay:.25s;\r\n}\r\n\r\n.hero-tag-bar {\r\n  width:40px;\r\n  height:2px;\r\n  background:var(--red);\r\n}\r\n\r\n.hero-tag-txt {\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n}\r\n\r\n.hero-hl {\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:2px;\r\n  max-width:720px;\r\n  margin-bottom:0;\r\n  overflow:hidden;\r\n}\r\n\r\n.hl-row {\r\n  overflow:hidden;\r\n}\r\n\r\n.hl-word {\r\n  display:inline-block;\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(42px, 7vw, 106px);\r\n  line-height:.95;\r\n  letter-spacing:-.01em;\r\n  color:var(--ink);\r\n  transform:translateY(105%);\r\n  transition:transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.hero-content-slide.is-active .hl-row:nth-child(1) .hl-word {\r\n  transform:translateY(0);\r\n  transition-delay:.35s;\r\n}\r\n\r\n.hero-content-slide.is-active .hl-row:nth-child(2) .hl-word {\r\n  transform:translateY(0);\r\n  transition-delay:.48s;\r\n}\r\n\r\n.hero-content-slide.is-active .hl-row:nth-child(3) .hl-word {\r\n  transform:translateY(0);\r\n  transition-delay:.61s;\r\n}\r\n\r\n.hl-word.it {\r\n  font-style:italic;\r\n  color:var(--red);\r\n}\r\n\r\n.hero-bottom {\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:40px;\r\n  flex-wrap:wrap;\r\n  margin-top:32px;\r\n  opacity:0;\r\n  transform:translateY(14px);\r\n  transition:opacity .7s ease, transform .7s ease;\r\n  transition-delay:0s;\r\n}\r\n\r\n.hero-content-slide.is-active .hero-bottom {\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  transition-delay:.72s;\r\n}\r\n\r\n.hero-desc {\r\n  font-size:clamp(13px,1.4vw,15px);\r\n  line-height:1.85;\r\n  color:var(--mid);\r\n  max-width:400px;\r\n  font-weight:300;\r\n}\r\n\r\n.hero-actions {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  flex-shrink:0;\r\n}\r\n\r\n.btn-main {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:14px 30px;\r\n  background:var(--red);\r\n  color:var(--white);\r\n  text-decoration:none;\r\n  font-size:10px;\r\n  font-weight:600;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  transition:background .3s, transform .3s;\r\n}\r\n\r\n.btn-main:hover {\r\n  background:var(--ink);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\/* Initial page-load animation for first slide *\/\r\n.hero-content-slide:first-child {\r\n  opacity:0;\r\n  animation:heroFirstIn .8s cubic-bezier(.16,1,.3,1) 3.3s forwards;\r\n}\r\n\r\n.hero-content-slide:first-child.is-active {\r\n  opacity:1;\r\n}\r\n\r\n@keyframes heroFirstIn {\r\n  from {\r\n    opacity:0;\r\n  }\r\n\r\n  to {\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n.hero-content-slide:first-child .hero-tag {\r\n  animation:fadeUpInit .6s cubic-bezier(.16,1,.3,1) 3.3s forwards;\r\n}\r\n\r\n.hero-content-slide:first-child .hl-row:nth-child(1) .hl-word {\r\n  animation:slideUpInit .9s cubic-bezier(.16,1,.3,1) 3.45s forwards;\r\n}\r\n\r\n.hero-content-slide:first-child .hl-row:nth-child(2) .hl-word {\r\n  animation:slideUpInit .9s cubic-bezier(.16,1,.3,1) 3.58s forwards;\r\n}\r\n\r\n.hero-content-slide:first-child .hl-row:nth-child(3) .hl-word {\r\n  animation:slideUpInit .9s cubic-bezier(.16,1,.3,1) 3.71s forwards;\r\n}\r\n\r\n.hero-content-slide:first-child .hero-bottom {\r\n  animation:fadeUpInit .7s cubic-bezier(.16,1,.3,1) 3.9s forwards;\r\n}\r\n\r\n@keyframes slideUpInit {\r\n  from {\r\n    transform:translateY(105%);\r\n  }\r\n\r\n  to {\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeUpInit {\r\n  from {\r\n    opacity:0;\r\n    transform:translateY(14px);\r\n  }\r\n\r\n  to {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO DOTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero-dots {\r\n  position:absolute;\r\n  bottom:clamp(80px, 10vw, 110px);\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  z-index:6;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  opacity:0;\r\n  animation:fadeIn .5s ease 4.35s forwards;\r\n}\r\n\r\n.hero-dot {\r\n  width:32px;\r\n  height:3px;\r\n  border-radius:999px;\r\n  border:none;\r\n  background:rgba(17,17,16,.18);\r\n  padding:0;\r\n  cursor:pointer;\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:background .3s ease, width .3s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.hero-dot::after {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:var(--red);\r\n  border-radius:999px;\r\n  transform:scaleX(0);\r\n  transform-origin:left;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n.hero-dot.is-active {\r\n  width:64px;\r\n  background:rgba(200,40,30,.18);\r\n}\r\n\r\n.hero-dot.is-active::after {\r\n  transform:scaleX(1);\r\n  transition:transform var(--slide-duration, 6200ms) linear;\r\n}\r\n\r\n\/* scroll arrow *\/\r\n.scroll-arrow {\r\n  position:absolute;\r\n  bottom:clamp(16px,3vw,32px);\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:8px;\r\n  z-index:3;\r\n  opacity:0;\r\n  animation:fadeIn .5s ease 4.4s forwards;\r\n}\r\n\r\n.scroll-arrow span {\r\n  font-size:7px;\r\n  font-weight:600;\r\n  letter-spacing:.3em;\r\n  text-transform:uppercase;\r\n  color:var(--fog);\r\n}\r\n\r\n.scroll-arrow svg {\r\n  animation:bounce 1.8s ease infinite;\r\n}\r\n\r\n@keyframes bounce {\r\n  0%,100% {\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform:translateY(6px);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  to {\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width:960px) {\r\n  .hero-content-slide {\r\n    padding:68px var(--p) clamp(150px,20vw,220px);\r\n  }\r\n}\r\n\r\n@media (max-width:600px) {\r\n  .hero-dots {\r\n    bottom:90px;\r\n  }\r\n\r\n  .hero-dot {\r\n    width:24px;\r\n    height:3px;\r\n  }\r\n\r\n  .hero-dot.is-active {\r\n    width:48px;\r\n  }\r\n\r\n  .hero-bottom {\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n  }\r\n}\r\n\/* HERO TEXT CLIPPING FIX *\/\r\n.hero-hl {\r\n  max-width: min(920px, 100%);\r\n  overflow: visible;\r\n}\r\n\r\n.hl-row {\r\n  overflow: visible;\r\n  padding-top: 0.04em;\r\n  padding-bottom: 0.10em;\r\n}\r\n\r\n.hl-word {\r\n  line-height: 1.05;\r\n  font-size: clamp(38px, min(7vw, 11.5vh), 106px);\r\n}\r\n\r\n\/* K\u00fc\u00e7\u00fck ekranlarda yaz\u0131n\u0131n hero alan\u0131ndan ta\u015fmas\u0131n\u0131 engeller *\/\r\n@media (max-width: 960px) {\r\n  .hero-content-slide {\r\n    padding-top: 92px;\r\n    padding-bottom: clamp(130px, 18vw, 190px);\r\n  }\r\n\r\n  .hero-hl {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .hl-word {\r\n    font-size: clamp(40px, 10vw, 78px);\r\n    line-height: 1.04;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hero-content-slide {\r\n    padding-top: 88px;\r\n    padding-bottom: 145px;\r\n  }\r\n\r\n  .hl-word {\r\n    font-size: clamp(38px, 12vw, 58px);\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .hero-tag-txt {\r\n    line-height: 1.4;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550 LOADER \u2550\u2550 -->\r\n<div id=\"loader\">\r\n  <div class=\"loader-inner\">\r\n    <div class=\"loader-egg\">\r\n      <svg viewBox=\"0 0 100 130\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <defs>\r\n          <filter id=\"glow\">\r\n            <feGaussianBlur stdDeviation=\"4\" result=\"b\"\/>\r\n            <feMerge>\r\n              <feMergeNode in=\"b\"\/>\r\n              <feMergeNode in=\"SourceGraphic\"\/>\r\n            <\/feMerge>\r\n          <\/filter>\r\n        <\/defs>\r\n\r\n        <path fill=\"none\" stroke=\"#C8281E\" stroke-width=\"6\" opacity=\".15\" filter=\"url(#glow)\"\r\n          d=\"M50,10 C76,10 82,36 82,58 C82,90 70,120 50,122 C30,120 18,90 18,58 C18,36 24,10 50,10 Z\"\/>\r\n\r\n        <path class=\"egg-draw\" fill=\"none\" stroke=\"#C8281E\" stroke-width=\"1.5\" stroke-linecap=\"round\"\r\n          d=\"M50,10 C76,10 82,36 82,58 C82,90 70,120 50,122 C30,120 18,90 18,58 C18,36 24,10 50,10 Z\"\/>\r\n\r\n        <path class=\"loader-crack\" fill=\"none\" stroke=\"#FAFAF8\" stroke-width=\"1\" stroke-linecap=\"round\"\r\n          d=\"M50,10 L46,40 L54,58 L48,76\"\/>\r\n\r\n        <path class=\"loader-crack\" fill=\"none\" stroke=\"#FAFAF8\" stroke-width=\".8\" stroke-linecap=\"round\"\r\n          style=\"--delay:.05s\"\r\n          d=\"M54,58 L66,65 L60,78\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div style=\"display:flex; flex-direction:column; align-items:center; gap:10px;\">\r\n      <div class=\"loader-word\">Garanti Tavuk\u00e7uluk<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"loader-bar-track\">\r\n      <div class=\"loader-bar-fill\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 HERO \u2550\u2550 -->\r\n<section class=\"hero\">\r\n\r\n  <!-- Background image slides -->\r\n  <div class=\"hero-media\" id=\"heroSlider\">\r\n    <div class=\"hero-slide is-active\">\r\n      <img decoding=\"async\"\r\n        src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2026\/04\/garanti.png\"\r\n        alt=\"Garanti Tavuk\u00e7uluk lojistik ve sevkiyat\"\r\n        loading=\"eager\"\r\n        fetchpriority=\"high\"\r\n        style=\"--slide-pos:center 40%;\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"hero-slide\">\r\n      <img decoding=\"async\"\r\n        src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2026\/04\/tesis.png\"\r\n        alt=\"Garanti Tavuk\u00e7uluk modern dam\u0131zl\u0131k tesisleri\"\r\n        loading=\"lazy\"\r\n        style=\"--slide-pos:center center;\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"hero-slide\">\r\n      <img decoding=\"async\"\r\n        src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2026\/04\/civciv.png\"\r\n        alt=\"Garanti Tavuk\u00e7uluk g\u00fcnl\u00fck civciv \u00fcretimi\"\r\n        loading=\"lazy\"\r\n        style=\"--slide-pos:center center;\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Content slide 1 -->\r\n  <div class=\"hero-content-slide is-active\">\r\n    <div class=\"hero-tag\">\r\n      <div class=\"hero-tag-bar\"><\/div>\r\n      <div class=\"hero-tag-txt\">Kulu\u00e7kal\u0131k Yumurta &amp; G\u00fcnl\u00fck Civciv \u00dcreticisi<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-hl\">\r\n      <div class=\"hl-row\"><span class=\"hl-word\">D\u00fcnyan\u0131n<\/span><\/div>\r\n      <div class=\"hl-row\"><span class=\"hl-word\">her k\u00f6\u015fesine<\/span><\/div>\r\n      <div class=\"hl-row\"><span class=\"hl-word it\">kaliteyle.<\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-bottom\">\r\n      <p class=\"hero-desc\">\r\n        2007'dan bu yana kulu\u00e7kal\u0131k yumurta ve g\u00fcnl\u00fck civciv \u00fcretiminde\r\n        10'tan fazla \u00fclkeye ihracat yap\u0131yoruz.\r\n      <\/p>\r\n\r\n      <div class=\"hero-actions\">\r\n        <a href=\"\/urunlerimiz\/\" class=\"btn-main\">\r\n          \u00dcr\u00fcnlerimiz\r\n          <svg width=\"16\" height=\"10\" viewBox=\"0 0 16 10\" fill=\"none\">\r\n            <path d=\"M1 5H15M10 1L15 5L10 9\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Content slide 2 -->\r\n  <div class=\"hero-content-slide\">\r\n    <div class=\"hero-tag\">\r\n      <div class=\"hero-tag-bar\"><\/div>\r\n      <div class=\"hero-tag-txt\">Modern Dam\u0131zl\u0131k Tesisleri<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-hl\">\r\n      <div class=\"hl-row\"><span class=\"hl-word\">\u00dcretimin<\/span><\/div>\r\n      <div class=\"hl-row\"><span class=\"hl-word\">kalbinde<\/span><\/div>\r\n      <div class=\"hl-row\"><span class=\"hl-word it\">teknoloji.<\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-bottom\">\r\n      <p class=\"hero-desc\">\r\n        Biyog\u00fcvenlik standartlar\u0131yla donat\u0131lm\u0131\u015f modern tesislerimizde\r\n        her a\u015fama titizlikle kontrol edilmektedir. Sekt\u00f6r\u00fcn en ileri\r\n        altyap\u0131s\u0131yla kaliteyi garantiye al\u0131yoruz.\r\n      <\/p>\r\n\r\n      \r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Content slide 3 -->\r\n  <div class=\"hero-content-slide\">\r\n    <div class=\"hero-tag\">\r\n      <div class=\"hero-tag-bar\"><\/div>\r\n      <div class=\"hero-tag-txt\">G\u00fcnl\u00fck Civciv \u00dcretimi<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-hl\">\r\n      <div class=\"hl-row\"><span class=\"hl-word\">Her civciv<\/span><\/div>\r\n      <div class=\"hl-row\"><span class=\"hl-word\">sa\u011fl\u0131kl\u0131 bir<\/span><\/div>\r\n      <div class=\"hl-row\"><span class=\"hl-word it\">ba\u015flang\u0131\u00e7.<\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-bottom\">\r\n      <p class=\"hero-desc\">\r\n        Sertifikal\u0131 dam\u0131zl\u0131k s\u00fcr\u00fclerinden elde edilen, a\u015f\u0131lanm\u0131\u015f ve\r\n        y\u00fcksek canl\u0131l\u0131k oran\u0131na sahip g\u00fcnl\u00fck civcivlerimiz modern\r\n        kulu\u00e7kahanelerimizden d\u00fcnyaya ula\u015f\u0131yor.\r\n      <\/p>\r\n\r\n      <div class=\"hero-actions\">\r\n        <a href=\"\/urunlerimiz\/\" class=\"btn-main\">\r\n          \u00dcr\u00fcnlerimizi Ke\u015ffet\r\n          <svg width=\"16\" height=\"10\" viewBox=\"0 0 16 10\" fill=\"none\">\r\n            <path d=\"M1 5H15M10 1L15 5L10 9\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Centered progress dots -->\r\n  <div class=\"hero-dots\" id=\"heroDots\" aria-label=\"Hero g\u00f6rsel se\u00e7ici\">\r\n    <button class=\"hero-dot is-active\" type=\"button\" aria-label=\"1. g\u00f6rsel\" aria-selected=\"true\"><\/button>\r\n    <button class=\"hero-dot\" type=\"button\" aria-label=\"2. g\u00f6rsel\" aria-selected=\"false\"><\/button>\r\n    <button class=\"hero-dot\" type=\"button\" aria-label=\"3. g\u00f6rsel\" aria-selected=\"false\"><\/button>\r\n  <\/div>\r\n\r\n  <div class=\"scroll-arrow\">\r\n    <span>Ke\u015ffet<\/span>\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <path d=\"M9 2V16M3 10L9 16L15 10\" stroke=\"rgba(17,17,16,.4)\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const loader = document.getElementById('loader');\r\n  if(!loader) return;\r\n\r\n  setTimeout(() => {\r\n    loader.classList.add('out');\r\n    setTimeout(() => {\r\n      loader.style.display = 'none';\r\n    }, 1050);\r\n  }, 2700);\r\n})();\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO SLIDER \u2014 images + content + dots \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function(){\r\n  const imgSlider = document.getElementById('heroSlider');\r\n  if(!imgSlider) return;\r\n\r\n  const DELAY = 6200;\r\n\r\n  const imgSlides = Array.from(imgSlider.querySelectorAll('.hero-slide'));\r\n  const contentSlides = Array.from(document.querySelectorAll('.hero-content-slide'));\r\n  const dots = Array.from(document.querySelectorAll('.hero-dot'));\r\n\r\n  let activeIndex = 0;\r\n  let timer = null;\r\n\r\n  dots.forEach(d => d.style.setProperty('--slide-duration', DELAY + 'ms'));\r\n\r\n  function resetDot(dot){\r\n    dot.classList.remove('is-active');\r\n    void dot.offsetWidth;\r\n  }\r\n\r\n  function setSlide(nextIndex){\r\n    const prev = activeIndex;\r\n    activeIndex = ((nextIndex % imgSlides.length) + imgSlides.length) % imgSlides.length;\r\n\r\n    imgSlides[prev].classList.remove('is-active');\r\n    imgSlides[activeIndex].classList.add('is-active');\r\n\r\n    contentSlides[prev].classList.remove('is-active');\r\n    contentSlides[activeIndex].classList.add('is-active');\r\n\r\n    resetDot(dots[prev]);\r\n    dots[prev].setAttribute('aria-selected', 'false');\r\n\r\n    dots[activeIndex].classList.add('is-active');\r\n    dots[activeIndex].setAttribute('aria-selected', 'true');\r\n  }\r\n\r\n  function startTimer(){\r\n    stopTimer();\r\n    timer = setInterval(() => setSlide(activeIndex + 1), DELAY);\r\n  }\r\n\r\n  function stopTimer(){\r\n    if(timer){\r\n      clearInterval(timer);\r\n      timer = null;\r\n    }\r\n  }\r\n\r\n  dots.forEach((dot, i) => {\r\n    dot.addEventListener('click', () => {\r\n      setSlide(i);\r\n      startTimer();\r\n    });\r\n  });\r\n\r\n\r\n  startTimer();\r\n})();\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO PARALLAX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nconst heroMedia = document.querySelector('.hero-media');\r\n\r\nwindow.addEventListener('scroll', () => {\r\n  const sy = window.scrollY;\r\n\r\n  if(sy < window.innerHeight * 1.2 && heroMedia){\r\n    heroMedia.style.setProperty('--hero-shift', `${sy * 0.12}px`);\r\n  }\r\n}, {passive:true});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4352f55 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4352f55\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Bu de\u011fi\u015fkenler \u00f6nceki hero kodunda zaten varsa tekrar eklemene gerek yok *\/\r\n:root {\r\n  --white: #FAFAF8;\r\n  --off:   #F2EDE5;\r\n  --ink:   #111110;\r\n  --mid:   #3A3935;\r\n  --fog:   #888580;\r\n  --red:   #C8281E;\r\n  --gold:  #C09A4A;\r\n  --line:  rgba(17,17,16,.1);\r\n  --p: clamp(20px, 5vw, 72px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes fadeIn {\r\n  to {\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform:translateX(0);\r\n  }\r\n\r\n  to {\r\n    transform:translateX(-50%);\r\n  }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION UTILITY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.reveal {\r\n  opacity:0;\r\n  transform:translateY(36px);\r\n  transition:\r\n    opacity .85s cubic-bezier(.16,1,.3,1),\r\n    transform .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.reveal.in {\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.d1 {\r\n  transition-delay:.1s;\r\n}\r\n\r\n.d2 {\r\n  transition-delay:.22s;\r\n}\r\n\r\n.d3 {\r\n  transition-delay:.34s;\r\n}\r\n\r\n.d4 {\r\n  transition-delay:.46s;\r\n}\r\n\r\n.s-label {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n}\r\n\r\n.s-label::before {\r\n  content:'';\r\n  display:block;\r\n  width:32px;\r\n  height:2px;\r\n  background:var(--red);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATS STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.stats-strip {\r\n  background:var(--ink);\r\n  color:var(--white);\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  position:relative;\r\n  z-index:3;\r\n  opacity:0;\r\n  animation:fadeIn .5s ease 4.2s forwards;\r\n}\r\n\r\n.stat-cell {\r\n  padding:clamp(22px,3vw,38px) clamp(24px,4vw,56px);\r\n  border-right:1px solid rgba(255,255,255,.07);\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:8px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  cursor:default;\r\n  transition:background .3s;\r\n}\r\n\r\n.stat-cell:last-child {\r\n  border-right:none;\r\n}\r\n\r\n.stat-cell:hover {\r\n  background:rgba(200,40,30,.12);\r\n}\r\n\r\n.stat-cell-num {\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(36px,4.5vw,62px);\r\n  line-height:1;\r\n  color:var(--white);\r\n  letter-spacing:-.02em;\r\n}\r\n\r\n.stat-cell-num sup {\r\n  font-size:14px;\r\n  color:var(--red);\r\n  vertical-align:super;\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:300;\r\n}\r\n\r\n.stat-cell-lbl {\r\n  font-size:9px;\r\n  font-weight:500;\r\n  letter-spacing:.2em;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,.4);\r\n  line-height:1.5;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.marquee {\r\n  background:var(--off);\r\n  overflow:hidden;\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n.marquee-track {\r\n  display:flex;\r\n  white-space:nowrap;\r\n  padding:18px 0;\r\n  animation:marquee 24s linear infinite;\r\n}\r\n\r\n.m-it {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:20px;\r\n  padding:0 20px;\r\n  flex-shrink:0;\r\n}\r\n\r\n.m-it span {\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n  color:var(--fog);\r\n}\r\n\r\n.m-dot {\r\n  width:3px;\r\n  height:3px;\r\n  border-radius:50%;\r\n  background:var(--red);\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 WHAT WE MAKE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-what {\r\n  padding:clamp(72px,10vw,140px) var(--p);\r\n  background:var(--white);\r\n}\r\n\r\n.what-top {\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  margin-bottom:clamp(48px,7vw,80px);\r\n  gap:40px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.what-title {\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(34px,5vw,68px);\r\n  line-height:1;\r\n  letter-spacing:-.01em;\r\n  color:var(--ink);\r\n  max-width:560px;\r\n}\r\n\r\n.what-title em {\r\n  font-style:italic;\r\n  color:var(--red);\r\n}\r\n\r\n.what-intro {\r\n  font-size:13px;\r\n  line-height:1.85;\r\n  color:var(--fog);\r\n  max-width:280px;\r\n  font-weight:300;\r\n}\r\n\r\n.what-grid {\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:clamp(16px,2.5vw,32px);\r\n}\r\n\r\n.prod-card {\r\n  position:relative;\r\n  overflow:hidden;\r\n  aspect-ratio:3\/4;\r\n  background:#e8e3da;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n}\r\n\r\n.prod-card img {\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  transition:transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.prod-card:hover img {\r\n  transform:scale(1.06);\r\n}\r\n\r\n.prod-card-overlay {\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to top, rgba(17,17,16,.72) 0%, transparent 60%);\r\n  z-index:1;\r\n}\r\n\r\n.prod-card-body {\r\n  position:relative;\r\n  z-index:2;\r\n  padding:clamp(20px,3vw,36px);\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:10px;\r\n}\r\n\r\n.prod-card-tag {\r\n  font-size:8px;\r\n  font-weight:600;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n}\r\n\r\n.prod-card-title {\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(22px,2.5vw,34px);\r\n  color:var(--white);\r\n  line-height:1.1;\r\n}\r\n\r\n.prod-card-desc {\r\n  font-size:12px;\r\n  font-weight:300;\r\n  line-height:1.7;\r\n  color:rgba(255,255,255,.7);\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height .5s cubic-bezier(.16,1,.3,1), opacity .4s;\r\n  opacity:0;\r\n}\r\n\r\n.prod-card:hover .prod-card-desc {\r\n  max-height:100px;\r\n  opacity:1;\r\n}\r\n\r\n.prod-card-link {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n  color:var(--white);\r\n  text-decoration:none;\r\n  opacity:0;\r\n  transform:translateY(8px);\r\n  transition:opacity .4s, transform .4s;\r\n}\r\n\r\n.prod-card-link::after {\r\n  content:'\u2192';\r\n}\r\n\r\n.prod-card:hover .prod-card-link {\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width:960px) {\r\n  .stats-strip {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .stat-cell {\r\n    border-right:none;\r\n    border-bottom:1px solid rgba(255,255,255,.07);\r\n  }\r\n\r\n  .stat-cell:last-child {\r\n    border-bottom:none;\r\n  }\r\n\r\n  .what-grid {\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width:600px) {\r\n  .what-grid {\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATS STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"stats-strip\">\r\n  <div class=\"stat-cell\">\r\n    <div class=\"stat-cell-num\">\r\n      <span class=\"cnt-num\" data-to=\"130\">0<\/span><sup>M+<\/sup>\r\n    <\/div>\r\n    <div class=\"stat-cell-lbl\">Y\u0131ll\u0131k Kulu\u00e7kal\u0131k Yumurta \u00dcretimi<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"stat-cell\">\r\n    <div class=\"stat-cell-num\">\r\n      <span class=\"cnt-num\" data-to=\"109\">0<\/span><sup>M<\/sup>\r\n    <\/div>\r\n    <div class=\"stat-cell-lbl\">Y\u0131ll\u0131k G\u00fcnl\u00fck Civciv \u00dcretimi<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"stat-cell\">\r\n    <div class=\"stat-cell-num\">\r\n      <span class=\"cnt-num\" data-to=\"500\">0<\/span><sup>+<\/sup>\r\n    <\/div>\r\n    <div class=\"stat-cell-lbl\">\u00c7al\u0131\u015fan Say\u0131s\u0131<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"marquee\">\r\n  <div class=\"marquee-track\">\r\n    <div class=\"m-it\"><span>Kulu\u00e7kal\u0131k Yumurta<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>G\u00fcnl\u00fck Civciv<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Ross 308<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Biyog\u00fcvenlik<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>10+ \u00dclke \u0130hracat<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Yem Fabrikas\u0131<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Lojistik<\/span><div class=\"m-dot\"><\/div><\/div>\r\n\r\n    <div class=\"m-it\"><span>Kulu\u00e7kal\u0131k Yumurta<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>G\u00fcnl\u00fck Civciv<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Ross 308<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Biyog\u00fcvenlik<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>10+ \u00dclke \u0130hracat<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Yem Fabrikas\u0131<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Lojistik<\/span><div class=\"m-dot\"><\/div><\/div>\r\n\r\n    <div class=\"m-it\"><span>Kulu\u00e7kal\u0131k Yumurta<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>G\u00fcnl\u00fck Civciv<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Ross 308<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Biyog\u00fcvenlik<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>10+ \u00dclke \u0130hracat<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Yem Fabrikas\u0131<\/span><div class=\"m-dot\"><\/div><\/div>\r\n    <div class=\"m-it\"><span>Lojistik<\/span><div class=\"m-dot\"><\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u00dcR\u00dcNLER\u0130M\u0130Z \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"s-what\">\r\n  <div class=\"what-top\">\r\n    <div>\r\n      <div class=\"s-label reveal\" style=\"margin-bottom:18px\">\u00dcr\u00fcnlerimiz<\/div>\r\n\r\n      <h2 class=\"what-title reveal d1\">\r\n        Sekt\u00f6r\u00fcn en<br>\r\n        <em>kaliteli<\/em> \u00fcr\u00fcnleri,<br>\r\n        tek \u00e7at\u0131 alt\u0131nda.\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <p class=\"what-intro reveal d2\">\r\n      Her \u00fcr\u00fcn\u00fcm\u00fcz uluslararas\u0131 standartlarda,\r\n      \u00f6zel biyog\u00fcvenlik protokolleri ile \u00fcretilmektedir.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"what-grid\">\r\n    <div class=\"prod-card reveal\">\r\n      <img decoding=\"async\" src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/revslider\/video-media\/videp2_2.jpeg\" alt=\"Kulu\u00e7kal\u0131k Yumurta\">\r\n\r\n      <div class=\"prod-card-overlay\"><\/div>\r\n\r\n      <div class=\"prod-card-body\">\r\n        <div class=\"prod-card-tag\">01 \u2014 Dam\u0131zl\u0131k<\/div>\r\n        <div class=\"prod-card-title\">Kulu\u00e7kal\u0131k<br>Yumurta<\/div>\r\n        <div class=\"prod-card-desc\">\r\n          Ross 308 ve Cobb 500 hatlar\u0131nda, sertifikal\u0131 dam\u0131zl\u0131k s\u00fcr\u00fclerinden elde edilen y\u00fcksek verimli yumurtalar.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"prod-card reveal d1\">\r\n      <img decoding=\"async\" src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2024\/10\/chics.png\" alt=\"G\u00fcnl\u00fck Civciv\">\r\n\r\n      <div class=\"prod-card-overlay\"><\/div>\r\n\r\n      <div class=\"prod-card-body\">\r\n        <div class=\"prod-card-tag\">02 \u2014 Civciv<\/div>\r\n        <div class=\"prod-card-title\">G\u00fcnl\u00fck<br>Civciv<\/div>\r\n        <div class=\"prod-card-desc\">\r\n          Modern kulu\u00e7kahane altyap\u0131s\u0131ndan \u00e7\u0131kan, y\u00fcksek canl\u0131l\u0131k oran\u0131na sahip, a\u015f\u0131l\u0131 g\u00fcnl\u00fck civcivler.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"prod-card reveal d2\">\r\n      <img decoding=\"async\" src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2024\/10\/ihracat164406668131.jpg\" alt=\"Lojistik\">\r\n\r\n      <div class=\"prod-card-overlay\"><\/div>\r\n\r\n      <div class=\"prod-card-body\">\r\n        <div class=\"prod-card-tag\">03 \u2014 Lojistik<\/div>\r\n        <div class=\"prod-card-title\">Lojistik<\/div>\r\n        <div class=\"prod-card-desc\">\r\n          So\u011fuk zinciri bozmadan 10+ \u00fclkeye \u00f6zel ara\u00e7larla g\u00fcvenli uluslararas\u0131 sevkiyat \u00e7\u00f6z\u00fcmleri.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 REVEAL ANIMATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nconst revEls = document.querySelectorAll('.reveal');\r\n\r\nconst rio = new IntersectionObserver(entries => {\r\n  entries.forEach(en => {\r\n    if(en.isIntersecting){\r\n      en.target.classList.add('in');\r\n      rio.unobserve(en.target);\r\n    }\r\n  });\r\n}, {\r\n  threshold:.1,\r\n  rootMargin:'0px 0px -50px 0px'\r\n});\r\n\r\nrevEls.forEach(el => rio.observe(el));\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COUNTER ANIMATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction runCounter(el, to, dur){\r\n  let start = null;\r\n\r\n  function step(ts){\r\n    if(!start) start = ts;\r\n\r\n    const p = Math.min((ts - start) \/ dur, 1);\r\n    const ep = 1 - Math.pow(1 - p, 3);\r\n\r\n    el.textContent = Math.round(ep * to);\r\n\r\n    if(p < 1){\r\n      requestAnimationFrame(step);\r\n    }else{\r\n      el.textContent = to;\r\n    }\r\n  }\r\n\r\n  requestAnimationFrame(step);\r\n}\r\n\r\nsetTimeout(() => {\r\n  document.querySelectorAll('.cnt-num').forEach(el => {\r\n    runCounter(el, parseInt(el.dataset.to), 1800);\r\n  });\r\n}, 2900);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75db16a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"75db16a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n  --white: #FAFAF8;\r\n  --off:   #F2EDE5;\r\n  --ink:   #111110;\r\n  --mid:   #3A3935;\r\n  --fog:   #888580;\r\n  --red:   #C8281E;\r\n  --line:  rgba(17,17,16,.1);\r\n  --p: clamp(20px, 5vw, 72px);\r\n}\r\n\r\n\/* Reveal *\/\r\n.reveal {\r\n  opacity:0;\r\n  transform:translateY(36px);\r\n  transition:\r\n    opacity .85s cubic-bezier(.16,1,.3,1),\r\n    transform .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.reveal.in {\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.d1 { transition-delay:.1s; }\r\n.d2 { transition-delay:.22s; }\r\n.d3 { transition-delay:.34s; }\r\n\r\n\/* Label *\/\r\n.s-label {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n}\r\n\r\n.s-label::before {\r\n  content:'';\r\n  display:block;\r\n  width:32px;\r\n  height:2px;\r\n  background:var(--red);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 DA\u011eITIM HAR\u0130TASI \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-map {\r\n  background:var(--off);\r\n  padding:clamp(76px,10vw,132px) var(--p);\r\n  border-top:1px solid rgba(17,17,16,.05);\r\n  border-bottom:1px solid rgba(17,17,16,.05);\r\n}\r\n\r\n.map-head {\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:40px;\r\n  flex-wrap:wrap;\r\n  margin-bottom:clamp(36px,5vw,56px);\r\n}\r\n\r\n.map-copy {\r\n  max-width:720px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:18px;\r\n}\r\n\r\n.map-title {\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(30px,4.8vw,64px);\r\n  line-height:1.02;\r\n  letter-spacing:-.02em;\r\n  color:var(--ink);\r\n}\r\n\r\n.map-title em {\r\n  font-style:italic;\r\n  color:var(--red);\r\n}\r\n\r\n.map-desc {\r\n  max-width:580px;\r\n  font-size:13px;\r\n  line-height:1.9;\r\n  color:var(--mid);\r\n  font-weight:300;\r\n}\r\n\r\n.map-side {\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-start;\r\n  gap:14px;\r\n}\r\n\r\n.map-badge-mini {\r\n  padding:12px 18px;\r\n  border:1px solid rgba(17,17,16,.08);\r\n  background:rgba(250,250,248,.82);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:4px;\r\n}\r\n\r\n.map-badge-mini strong {\r\n  font-family:'Nunito', sans-serif;\r\n  font-size:30px;\r\n  line-height:1;\r\n  color:var(--ink);\r\n}\r\n\r\n.map-badge-mini span {\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.2em;\r\n  text-transform:uppercase;\r\n  color:var(--fog);\r\n}\r\n\r\n.map-note {\r\n  font-size:11px;\r\n  line-height:1.7;\r\n  color:var(--fog);\r\n  max-width:220px;\r\n}\r\n\r\n.map-shell {\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:var(--white);\r\n  border:1px solid rgba(17,17,16,.08);\r\n  box-shadow:0 30px 80px rgba(17,17,16,.08);\r\n  max-width:1460px;\r\n  margin:0 auto;\r\n  border-radius:24px;\r\n}\r\n\r\n#gt-home-map {\r\n  width:100%;\r\n  height:clamp(400px,42vw,520px);\r\n  z-index:1;\r\n}\r\n\r\n.map-vignette {\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:\r\n    radial-gradient(circle at 50% 50%, transparent 58%, rgba(17,17,16,.14) 100%),\r\n    linear-gradient(to bottom, rgba(250,250,248,.04), rgba(250,250,248,0));\r\n  z-index:450;\r\n}\r\n\r\n.map-legend {\r\n  position:absolute;\r\n  left:18px;\r\n  bottom:18px;\r\n  z-index:500;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:10px;\r\n  padding:14px 16px;\r\n  background:rgba(250,250,248,.92);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  border:1px solid rgba(17,17,16,.08);\r\n  box-shadow:0 10px 30px rgba(17,17,16,.08);\r\n  border-radius:16px;\r\n}\r\n\r\n.map-legend-row {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--mid);\r\n}\r\n\r\n.map-legend-dot {\r\n  width:12px;\r\n  height:12px;\r\n  border-radius:50%;\r\n  background:var(--red);\r\n  box-shadow:0 0 0 4px rgba(200,40,30,.12);\r\n  flex-shrink:0;\r\n}\r\n\r\n.map-legend-dash {\r\n  width:28px;\r\n  height:2px;\r\n  background:repeating-linear-gradient(\r\n    90deg,\r\n    rgba(200,40,30,.72) 0,\r\n    rgba(200,40,30,.72) 6px,\r\n    transparent 6px,\r\n    transparent 10px\r\n  );\r\n  flex-shrink:0;\r\n}\r\n\r\n.map-floating-badge {\r\n  position:absolute;\r\n  top:18px;\r\n  right:18px;\r\n  z-index:500;\r\n  padding:14px 18px;\r\n  background:rgba(250,250,248,.92);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  border:1px solid rgba(17,17,16,.08);\r\n  box-shadow:0 10px 30px rgba(17,17,16,.08);\r\n  text-align:right;\r\n  border-radius:16px;\r\n}\r\n\r\n.map-floating-badge strong {\r\n  display:block;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  color:var(--red);\r\n  letter-spacing:.04em;\r\n}\r\n\r\n.map-floating-badge span {\r\n  display:block;\r\n  margin-top:4px;\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n  color:var(--fog);\r\n}\r\n\r\n.map-regions {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:24px;\r\n}\r\n\r\n.map-pill {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:11px 16px;\r\n  background:rgba(250,250,248,.84);\r\n  border:1px solid rgba(17,17,16,.08);\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.04em;\r\n  color:var(--mid);\r\n  transition:border-color .25s ease, transform .25s ease, background .25s ease;\r\n}\r\n\r\n.map-pill:hover {\r\n  border-color:rgba(200,40,30,.28);\r\n  background:rgba(200,40,30,.04);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.map-pill-dot {\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:var(--red);\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* Leaflet \u00f6zel stiller *\/\r\n.s-map .leaflet-control-attribution {\r\n  font-size:9px;\r\n  background:rgba(250,250,248,.72);\r\n}\r\n\r\n.s-map .leaflet-control-zoom {\r\n  border:none!important;\r\n  border-radius:14px!important;\r\n  overflow:hidden;\r\n  box-shadow:0 8px 24px rgba(17,17,16,.12)!important;\r\n}\r\n\r\n.s-map .leaflet-control-zoom a {\r\n  width:36px!important;\r\n  height:36px!important;\r\n  line-height:36px!important;\r\n  background:rgba(250,250,248,.96)!important;\r\n  color:var(--ink)!important;\r\n  border-bottom:1px solid rgba(17,17,16,.06)!important;\r\n  transition:background .25s ease, color .25s ease!important;\r\n}\r\n\r\n.s-map .leaflet-control-zoom a:hover {\r\n  background:var(--red)!important;\r\n  color:var(--white)!important;\r\n}\r\n\r\n.s-map .leaflet-tooltip {\r\n  background:rgba(17,17,16,.92)!important;\r\n  color:var(--white)!important;\r\n  border:1px solid rgba(255,255,255,.08)!important;\r\n  border-radius:12px!important;\r\n  box-shadow:0 12px 28px rgba(17,17,16,.18)!important;\r\n  font-family:'Nunito', sans-serif!important;\r\n  font-size:12px!important;\r\n  font-weight:700!important;\r\n  padding:8px 12px!important;\r\n}\r\n\r\n.s-map .leaflet-tooltip:before {\r\n  border-top-color:rgba(17,17,16,.92)!important;\r\n}\r\n\r\n.gt-map-icon {\r\n  background:none!important;\r\n  border:none!important;\r\n  box-shadow:none!important;\r\n}\r\n\r\n.gt-map-origin {\r\n  width:22px;\r\n  height:22px;\r\n  border-radius:50%;\r\n  background:var(--red);\r\n  border:3px solid #fff;\r\n  box-shadow:0 0 0 0 rgba(200,40,30,.22), 0 8px 20px rgba(17,17,16,.18);\r\n  animation:gtHomePulse 2.2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gtHomePulse {\r\n  0% {\r\n    box-shadow:0 0 0 0 rgba(200,40,30,.22), 0 8px 20px rgba(17,17,16,.18);\r\n  }\r\n\r\n  70% {\r\n    box-shadow:0 0 0 14px rgba(200,40,30,0), 0 8px 20px rgba(17,17,16,.18);\r\n  }\r\n\r\n  100% {\r\n    box-shadow:0 0 0 0 rgba(200,40,30,0), 0 8px 20px rgba(17,17,16,.18);\r\n  }\r\n}\r\n\r\n.gt-map-dest {\r\n  width:14px;\r\n  height:14px;\r\n  border-radius:50%;\r\n  background:#E84A3A;\r\n  border:2.5px solid #fff;\r\n  box-shadow:0 8px 18px rgba(17,17,16,.18);\r\n}\r\n\r\n.gt-map-egg {\r\n  font-size:22px;\r\n  line-height:1;\r\n  filter:drop-shadow(0 6px 12px rgba(17,17,16,.24));\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:960px) {\r\n  .map-head {\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .map-side {\r\n    width:100%;\r\n  }\r\n\r\n  .map-floating-badge {\r\n    top:14px;\r\n    right:14px;\r\n  }\r\n}\r\n\r\n@media (max-width:600px) {\r\n  #gt-home-map {\r\n    height:400px;\r\n  }\r\n\r\n  .map-floating-badge,\r\n  .map-legend {\r\n    position:static;\r\n    margin:14px;\r\n  }\r\n\r\n  .map-shell {\r\n    padding-bottom:0;\r\n    border-radius:18px;\r\n  }\r\n\r\n  .map-regions {\r\n    gap:10px;\r\n  }\r\n}\r\n\r\n@media (max-width:480px) {\r\n  .map-title {\r\n    font-size:clamp(28px,9vw,40px);\r\n  }\r\n\r\n  #gt-home-map {\r\n    height:340px;\r\n  }\r\n\r\n  .map-pill {\r\n    width:100%;\r\n    justify-content:flex-start;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"s-map\">\r\n  <div class=\"map-head\">\r\n    <div class=\"map-copy\">\r\n      <div class=\"s-label reveal\">Da\u011f\u0131t\u0131m A\u011f\u0131m\u0131z<\/div>\r\n\r\n      <h2 class=\"map-title reveal d1\">\r\n        T\u00fcrkiye'den d\u00fcnyaya<br>\r\n        <em>g\u00fcvenle ula\u015f\u0131yoruz.<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"map-desc reveal d2\">\r\n        Garanti Tavuk\u00e7uluk'un g\u00fc\u00e7l\u00fc lojistik a\u011f\u0131; \u00fcretim merkezinden \u00e7\u0131kan kulu\u00e7kal\u0131k yumurta\r\n        ve g\u00fcnl\u00fck civciv sevkiyatlar\u0131n\u0131 farkl\u0131 co\u011frafyalara d\u00fczenli, kontroll\u00fc ve zaman\u0131nda ula\u015ft\u0131r\u0131r.\r\n        A\u015fa\u011f\u0131daki harita, da\u011f\u0131t\u0131m ve ihracat ak\u0131\u015f\u0131n\u0131 daha g\u00f6r\u00fcn\u00fcr k\u0131lan dinamik bir genel bak\u0131\u015f sunar.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"map-side reveal d3\">\r\n      <div class=\"map-badge-mini\">\r\n        <strong>10+<\/strong>\r\n        <span>Ula\u015f\u0131lan \u00fclke<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"map-note\">\r\n        Harita etkile\u015fimlidir. Yak\u0131nla\u015ft\u0131rabilir, s\u00fcr\u00fckleyebilir ve noktalar\u0131n \u00fczerine gelerek detay g\u00f6rebilirsin.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"map-shell reveal d2\">\r\n    <div id=\"gt-home-map\" aria-label=\"Garanti Tavuk\u00e7uluk da\u011f\u0131t\u0131m haritas\u0131\"><\/div>\r\n\r\n    <div class=\"map-vignette\"><\/div>\r\n\r\n    <div class=\"map-floating-badge\">\r\n      <strong>Garanti Tavuk\u00e7uluk<\/strong>\r\n      <span>Global da\u011f\u0131t\u0131m a\u011f\u0131<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"map-legend\">\r\n      <div class=\"map-legend-row\">\r\n        <div class=\"map-legend-dot\"><\/div>\r\n        \u00c7\u0131k\u0131\u015f noktas\u0131\r\n      <\/div>\r\n\r\n      <div class=\"map-legend-row\">\r\n        <div class=\"map-legend-dash\"><\/div>\r\n        Sevkiyat rotas\u0131\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"map-regions reveal d3\">\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Irak<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Suriye<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Rusya<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Kazakistan<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> G\u00fcrcistan<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Mali<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Suudi Arabistan<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> BAE<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Umman<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Katar<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> Azerbaycan<\/div>\r\n    <div class=\"map-pill\"><span class=\"map-pill-dot\"><\/span> K\u0131br\u0131s<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n  function loadLeafletCSS(){\r\n    if(document.getElementById('leaflet-css')) return;\r\n\r\n    const link = document.createElement('link');\r\n    link.id = 'leaflet-css';\r\n    link.rel = 'stylesheet';\r\n    link.href = 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css';\r\n    document.head.appendChild(link);\r\n  }\r\n\r\n  function loadLeafletJS(callback){\r\n    if(window.L){\r\n      callback();\r\n      return;\r\n    }\r\n\r\n    if(document.getElementById('leaflet-js')){\r\n      const check = setInterval(function(){\r\n        if(window.L){\r\n          clearInterval(check);\r\n          callback();\r\n        }\r\n      }, 100);\r\n      return;\r\n    }\r\n\r\n    const script = document.createElement('script');\r\n    script.id = 'leaflet-js';\r\n    script.src = 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js';\r\n    script.onload = callback;\r\n    document.body.appendChild(script);\r\n  }\r\n\r\n  function initReveal(){\r\n    const revEls = document.querySelectorAll('.s-map .reveal');\r\n\r\n    if(!('IntersectionObserver' in window)){\r\n      revEls.forEach(el => el.classList.add('in'));\r\n      return;\r\n    }\r\n\r\n    const rio = new IntersectionObserver(entries => {\r\n      entries.forEach(en => {\r\n        if(en.isIntersecting){\r\n          en.target.classList.add('in');\r\n          rio.unobserve(en.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold:.1,\r\n      rootMargin:'0px 0px -50px 0px'\r\n    });\r\n\r\n    revEls.forEach(el => rio.observe(el));\r\n  }\r\n\r\n  function initMap(){\r\n    const mapEl = document.getElementById('gt-home-map');\r\n\r\n    if(!mapEl || typeof L === 'undefined') return;\r\n\r\n    if(window.__gtHomeMapInit){\r\n      setTimeout(function(){\r\n        if(window.__gtHomeMapObject){\r\n          window.__gtHomeMapObject.invalidateSize();\r\n        }\r\n      }, 300);\r\n      return;\r\n    }\r\n\r\n    window.__gtHomeMapInit = true;\r\n\r\n    const map = L.map('gt-home-map', {\r\n      center: [38, 34],\r\n      zoom: 3,\r\n      zoomSnap: 0.25,\r\n      zoomDelta: 0.25,\r\n      minZoom: 2.5,\r\n      maxZoom: 6,\r\n      zoomControl: true,\r\n      scrollWheelZoom: false,\r\n      attributionControl: true,\r\n      worldCopyJump: false\r\n    });\r\n\r\n    window.__gtHomeMapObject = map;\r\n\r\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_nolabels\/{z}\/{x}\/{y}{r}.png', {\r\n      attribution: '&copy; OpenStreetMap &copy; CARTO',\r\n      subdomains: 'abcd',\r\n      maxZoom: 19\r\n    }).addTo(map);\r\n\r\n    const ORIGIN = [40.8, 30.4];\r\n\r\n    const routes = [\r\n      { name: 'Irak', flag: '\ud83c\uddee\ud83c\uddf6', ll: [33.3152, 44.3661] },\r\n      { name: 'Suriye', flag: '\ud83c\uddf8\ud83c\uddfe', ll: [33.5138, 36.2765] },\r\n      { name: 'Rusya', flag: '\ud83c\uddf7\ud83c\uddfa', ll: [55.7558, 37.6173] },\r\n      { name: 'Kazakistan', flag: '\ud83c\uddf0\ud83c\uddff', ll: [51.1694, 71.4491] },\r\n      { name: 'G\u00fcrcistan', flag: '\ud83c\uddec\ud83c\uddea', ll: [41.7151, 44.8271] },\r\n      { name: 'Mali', flag: '\ud83c\uddf2\ud83c\uddf1', ll: [12.6392, -8.0029] },\r\n      { name: 'Suudi Arabistan', flag: '\ud83c\uddf8\ud83c\udde6', ll: [24.7136, 46.6753] },\r\n      { name: 'Birle\u015fik Arap Emirlikleri', flag: '\ud83c\udde6\ud83c\uddea', ll: [25.2048, 55.2708] },\r\n      { name: 'Umman', flag: '\ud83c\uddf4\ud83c\uddf2', ll: [23.5880, 58.3829] },\r\n      { name: 'Katar', flag: '\ud83c\uddf6\ud83c\udde6', ll: [25.2854, 51.5310] },\r\n      { name: 'Azerbaycan', flag: '\ud83c\udde6\ud83c\uddff', ll: [40.4093, 49.8671] },\r\n      { name: 'K\u0131br\u0131s', flag: '\ud83c\udde8\ud83c\uddfe', ll: [35.1856, 33.3823] }\r\n    ];\r\n\r\n    function toRad(d){\r\n      return d * Math.PI \/ 180;\r\n    }\r\n\r\n    function toDeg(r){\r\n      return r * 180 \/ Math.PI;\r\n    }\r\n\r\n    function geodesicPoints(from, to, steps){\r\n      const lat1 = toRad(from[0]);\r\n      const lon1 = toRad(from[1]);\r\n      const lat2 = toRad(to[0]);\r\n      const lon2 = toRad(to[1]);\r\n\r\n      const d = 2 * Math.asin(Math.sqrt(\r\n        Math.pow(Math.sin((lat2 - lat1) \/ 2), 2) +\r\n        Math.cos(lat1) * Math.cos(lat2) * Math.pow(Math.sin((lon2 - lon1) \/ 2), 2)\r\n      ));\r\n\r\n      const pts = [];\r\n\r\n      for(let i = 0; i <= steps; i++){\r\n        const f = i \/ steps;\r\n\r\n        if(d < 0.0001){\r\n          pts.push([from[0], from[1]]);\r\n          continue;\r\n        }\r\n\r\n        const sd = Math.sin(d);\r\n        const A = Math.sin((1 - f) * d) \/ sd;\r\n        const B = Math.sin(f * d) \/ sd;\r\n\r\n        const x = A * Math.cos(lat1) * Math.cos(lon1) + B * Math.cos(lat2) * Math.cos(lon2);\r\n        const y = A * Math.cos(lat1) * Math.sin(lon1) + B * Math.cos(lat2) * Math.sin(lon2);\r\n        const z = A * Math.sin(lat1) + B * Math.sin(lat2);\r\n\r\n        pts.push([\r\n          toDeg(Math.atan2(z, Math.sqrt(x * x + y * y))),\r\n          toDeg(Math.atan2(y, x))\r\n        ]);\r\n      }\r\n\r\n      return pts;\r\n    }\r\n\r\n    const visibleBounds = L.latLngBounds([ORIGIN]);\r\n\r\n    L.marker(ORIGIN, {\r\n      icon: L.divIcon({\r\n        className: 'gt-map-icon',\r\n        html: '<div class=\"gt-map-origin\"><\/div>',\r\n        iconSize: [22,22],\r\n        iconAnchor: [11,11]\r\n      })\r\n    }).addTo(map).bindTooltip('\ud83c\uddf9\ud83c\uddf7 T\u00fcrkiye<br>\u00dcretim ve \u00e7\u0131k\u0131\u015f noktas\u0131', {\r\n      direction:'top'\r\n    });\r\n\r\n    routes.forEach(route => {\r\n      const points = geodesicPoints(ORIGIN, route.ll, 100);\r\n\r\n      L.polyline(points, {\r\n        color: '#C8281E',\r\n        weight: 2.4,\r\n        opacity: 0.45,\r\n        dashArray: '8 7'\r\n      }).addTo(map);\r\n\r\n      L.marker(route.ll, {\r\n        icon: L.divIcon({\r\n          className: 'gt-map-icon',\r\n          html: '<div class=\"gt-map-dest\"><\/div>',\r\n          iconSize: [14,14],\r\n          iconAnchor: [7,7]\r\n        })\r\n      }).addTo(map).bindTooltip(route.flag + ' ' + route.name, {\r\n        direction:'top'\r\n      });\r\n\r\n      visibleBounds.extend(route.ll);\r\n    });\r\n\r\n    function fitMap(){\r\n      map.invalidateSize();\r\n\r\n      map.fitBounds(visibleBounds.pad(0.28), {\r\n        animate: false,\r\n        maxZoom: window.innerWidth < 768 ? 2.75 : 3.5,\r\n        paddingTopLeft: window.innerWidth < 768 ? [20, 20] : [60, 40],\r\n        paddingBottomRight: window.innerWidth < 768 ? [20, 20] : [60, 40]\r\n      });\r\n    }\r\n\r\n    setTimeout(fitMap, 250);\r\n\r\n    \/* Yumurta animasyonu *\/\r\n    const eggs = routes.map((route, index) => {\r\n      const pts = geodesicPoints(ORIGIN, route.ll, 320);\r\n\r\n      const marker = L.marker(pts[0], {\r\n        icon: L.divIcon({\r\n          className: 'gt-map-icon',\r\n          html: '<div class=\"gt-map-egg\">\ud83e\udd5a<\/div>',\r\n          iconSize: [30,30],\r\n          iconAnchor: [15,15]\r\n        }),\r\n        zIndexOffset: 1000\r\n      }).addTo(map);\r\n\r\n      return {\r\n        marker: marker,\r\n        pts: pts,\r\n        total: pts.length,\r\n        progress: index \/ routes.length,\r\n        speed: 0.0011 + Math.random() * 0.0007\r\n      };\r\n    });\r\n\r\n    function animateEggs(){\r\n      eggs.forEach(item => {\r\n        item.progress += item.speed;\r\n\r\n        if(item.progress >= 1){\r\n          item.progress = 0;\r\n        }\r\n\r\n        const currentIndex = Math.floor(item.progress * (item.total - 1));\r\n        item.marker.setLatLng(item.pts[currentIndex]);\r\n      });\r\n\r\n      requestAnimationFrame(animateEggs);\r\n    }\r\n\r\n    animateEggs();\r\n\r\n    window.addEventListener('resize', function(){\r\n      setTimeout(fitMap, 250);\r\n    });\r\n  }\r\n\r\n  function start(){\r\n    initReveal();\r\n    loadLeafletCSS();\r\n    loadLeafletJS(initMap);\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', start);\r\n  }else{\r\n    start();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-342d1c9 elementor-widget elementor-widget-html\" data-id=\"342d1c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n  --white: #FAFAF8;\r\n  --off:   #F2EDE5;\r\n  --ink:   #111110;\r\n  --mid:   #3A3935;\r\n  --fog:   #888580;\r\n  --red:   #C8281E;\r\n  --line:  rgba(17,17,16,.1);\r\n  --p: clamp(20px, 5vw, 72px);\r\n}\r\n\r\n\/* Reveal animasyonlar\u0131 *\/\r\n.reveal {\r\n  opacity:0;\r\n  transform:translateY(36px);\r\n  transition:\r\n    opacity .85s cubic-bezier(.16,1,.3,1),\r\n    transform .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.reveal.in {\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.d1 { transition-delay:.1s; }\r\n.d2 { transition-delay:.22s; }\r\n.d3 { transition-delay:.34s; }\r\n\r\n\/* Section label *\/\r\n.s-label {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n}\r\n\r\n.s-label::before {\r\n  content:'';\r\n  display:block;\r\n  width:32px;\r\n  height:2px;\r\n  background:var(--red);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SPLIT SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-split {\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  min-height:clamp(400px,60vw,680px);\r\n  align-items:stretch;\r\n}\r\n\r\n.split-media {\r\n  position:relative;\r\n  overflow:hidden;\r\n  min-height:100%;\r\n}\r\n\r\n\/* Video i\u00e7in *\/\r\n.split-media video {\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  display:block;\r\n  background:#111110;\r\n  transition:transform 1.1s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.s-split:hover .split-media video {\r\n  transform:scale(1.02);\r\n}\r\n\r\n\/* D\u00dcZELTME BURADA:\r\n   Global ihracat g\u00f6rselinin siyah alanla ayn\u0131 hizada durmas\u0131 i\u00e7in eklendi. *\/\r\n.split-media img {\r\n  width:100%;\r\n  height:100%;\r\n  min-height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  display:block;\r\n  transition:transform 1.1s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.s-split:hover .split-media img {\r\n  transform:scale(1.02);\r\n}\r\n\r\n.split-content {\r\n  background:var(--off);\r\n  padding:clamp(48px,7vw,96px) clamp(32px,5vw,72px);\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  gap:32px;\r\n  min-height:100%;\r\n}\r\n\r\n.split-content.dark {\r\n  background:var(--ink);\r\n  color:var(--white);\r\n}\r\n\r\n.split-content.dark .split-body {\r\n  color:rgba(255,255,255,.55);\r\n}\r\n\r\n.split-h {\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(28px,3.8vw,56px);\r\n  line-height:1.05;\r\n  letter-spacing:-.01em;\r\n  color:var(--ink);\r\n}\r\n\r\n.split-content.dark .split-h {\r\n  color:var(--white);\r\n}\r\n\r\n.split-h em {\r\n  font-style:italic;\r\n  color:var(--red);\r\n}\r\n\r\n.split-body {\r\n  font-size:13px;\r\n  line-height:1.85;\r\n  color:var(--mid);\r\n  font-weight:300;\r\n  max-width:380px;\r\n}\r\n\r\n.feat-list {\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:0;\r\n}\r\n\r\n.feat-item {\r\n  display:flex;\r\n  gap:18px;\r\n  padding:18px 0;\r\n  border-bottom:1px solid rgba(17,17,16,.08);\r\n}\r\n\r\n.feat-item:last-child {\r\n  border-bottom:none;\r\n}\r\n\r\n.feat-n {\r\n  font-size:9px;\r\n  font-weight:600;\r\n  color:var(--red);\r\n  min-width:20px;\r\n  padding-top:2px;\r\n}\r\n\r\n.feat-t {\r\n  font-size:12px;\r\n  font-weight:500;\r\n  color:var(--ink);\r\n}\r\n\r\n.feat-d {\r\n  font-size:12px;\r\n  font-weight:300;\r\n  color:var(--fog);\r\n  line-height:1.65;\r\n  margin-top:4px;\r\n}\r\n\r\n\/* Dark alan i\u00e7indeki detaylar *\/\r\n.split-content.dark .feat-item {\r\n  border-bottom-color:rgba(255,255,255,.07);\r\n}\r\n\r\n.split-content.dark .feat-t {\r\n  color:var(--white);\r\n}\r\n\r\n.split-content.dark .feat-d {\r\n  color:rgba(255,255,255,.4);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:960px) {\r\n  .s-split {\r\n    grid-template-columns:1fr;\r\n    min-height:auto;\r\n  }\r\n\r\n  .split-media {\r\n    height:clamp(260px,50vw,420px);\r\n    min-height:unset;\r\n  }\r\n\r\n  .split-media img,\r\n  .split-media video {\r\n    height:100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u00dcRET\u0130M S\u00dcRE\u00c7LER\u0130 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"s-split\">\r\n  <div class=\"split-media reveal\">\r\n    <video\r\n      src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2026\/06\/IMG_0494.mov\"\r\n      autoplay\r\n      muted\r\n      loop\r\n      playsinline\r\n      preload=\"metadata\"\r\n      aria-label=\"Biyog\u00fcvenlik\"\r\n    ><\/video>\r\n  <\/div>\r\n\r\n  <div class=\"split-content\">\r\n    <div class=\"s-label reveal\">\u00dcretim S\u00fcre\u00e7leri<\/div>\r\n\r\n    <h2 class=\"split-h reveal d1\">\r\n      Hijyen ve<br>\r\n      g\u00fcvenli\u011fi<br>\r\n      <em>hi\u00e7 \u00f6d\u00fcn vermeden.<\/em>\r\n    <\/h2>\r\n\r\n    <div class=\"feat-list\">\r\n      <div class=\"feat-item reveal d1\">\r\n        <div class=\"feat-n\">01<\/div>\r\n        <div>\r\n          <div class=\"feat-t\">Entegre Biyog\u00fcvenlik<\/div>\r\n          <div class=\"feat-d\">\r\n            Uluslararas\u0131 protokollerle \u00fcretimin her a\u015famas\u0131nda tam hijyen kontrol\u00fc.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feat-item reveal d2\">\r\n        <div class=\"feat-n\">02<\/div>\r\n        <div>\r\n          <div class=\"feat-t\">Sertifikal\u0131 Dam\u0131zl\u0131k<\/div>\r\n          <div class=\"feat-d\">\r\n            D\u00fcnya standartlar\u0131nda sertifikal\u0131 Ross 308, Cobb 500 ve Hubbard hatlar\u0131.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"feat-item reveal d3\">\r\n        <div class=\"feat-n\">03<\/div>\r\n        <div>\r\n          <div class=\"feat-t\">Kendi Yem Fabrikam\u0131z<\/div>\r\n          <div class=\"feat-d\">\r\n            Yemden \u00fcr\u00fcne tam entegre \u00fcretim, ba\u015ftan sona kalite g\u00fcvencesi.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GLOBAL \u0130HRACAT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"s-split\">\r\n  <div class=\"split-content dark\">\r\n    <div class=\"s-label reveal\">Global \u0130hracat<\/div>\r\n\r\n    <h2 class=\"split-h reveal d1\">\r\n      10'dan fazla<br>\r\n      \u00fclkeye<br>\r\n      <em>g\u00fcvenle ula\u015f\u0131yoruz.<\/em>\r\n    <\/h2>\r\n\r\n    <p class=\"split-body reveal d2\">\r\n      Asya, Afrika, Ortado\u011fu ve Kuzeydo\u011fu Avrupa'ya uzanan g\u00fc\u00e7l\u00fc\r\n      lojistik a\u011f\u0131m\u0131z sayesinde \u00fcr\u00fcnlerimiz d\u00fcnyan\u0131n d\u00f6rt bir yan\u0131na\r\n      kesintisiz ula\u015fmaktad\u0131r.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"split-media reveal\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/images.unsplash.com\/photo-1494412651409-8963ce7935a7?w=1000&q=80&fit=crop\"\r\n      alt=\"Global ihracat\"\r\n    >\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\nconst revEls = document.querySelectorAll('.reveal');\r\n\r\nconst rio = new IntersectionObserver(entries => {\r\n  entries.forEach(en => {\r\n    if(en.isIntersecting){\r\n      en.target.classList.add('in');\r\n      rio.unobserve(en.target);\r\n    }\r\n  });\r\n}, {\r\n  threshold:.1,\r\n  rootMargin:'0px 0px -50px 0px'\r\n});\r\n\r\nrevEls.forEach(el => rio.observe(el));\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd25b94 elementor-widget elementor-widget-html\" data-id=\"cd25b94\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --white: #FAFAF8;\r\n  --off:   #F2EDE5;\r\n  --ink:   #111110;\r\n  --mid:   #3A3935;\r\n  --fog:   #888580;\r\n  --red:   #C8281E;\r\n  --line:  rgba(17,17,16,.1);\r\n  --p: clamp(20px, 5vw, 72px);\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\nbody {\r\n  font-family:'Nunito', sans-serif;\r\n}\r\n\r\n\/* Reveal *\/\r\n.reveal {\r\n  opacity:0;\r\n  transform:translateY(36px);\r\n  transition:\r\n    opacity .85s cubic-bezier(.16,1,.3,1),\r\n    transform .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.reveal.in {\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.d1 { transition-delay:.1s; }\r\n.d2 { transition-delay:.22s; }\r\n.d3 { transition-delay:.34s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PREMIUM FACILITY VIDEO SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.facility-showcase {\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:var(--ink);\r\n  color:var(--white);\r\n  padding:clamp(80px,10vw,140px) var(--p);\r\n}\r\n\r\n\/* Arka plandaki flu video *\/\r\n.facility-bg {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n  overflow:hidden;\r\n  opacity:.22;\r\n}\r\n\r\n.facility-bg video {\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  filter:blur(18px);\r\n  transform:scale(1.08);\r\n}\r\n\r\n\/* Karanl\u0131k derinlik efekti *\/\r\n.facility-showcase::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  background:\r\n    linear-gradient(90deg, rgba(17,17,16,.96) 0%, rgba(17,17,16,.78) 48%, rgba(17,17,16,.92) 100%),\r\n    radial-gradient(ellipse at 70% 30%, rgba(200,40,30,.16) 0%, transparent 45%);\r\n  pointer-events:none;\r\n}\r\n\r\n.facility-inner {\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1380px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:minmax(0, .9fr) minmax(0, 1.25fr);\r\n  gap:clamp(36px,5vw,76px);\r\n  align-items:center;\r\n}\r\n\r\n.facility-copy {\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:flex-start;\r\n  gap:26px;\r\n}\r\n\r\n.facility-label {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n}\r\n\r\n.facility-label::before {\r\n  content:\"\";\r\n  width:34px;\r\n  height:2px;\r\n  background:var(--red);\r\n}\r\n\r\n.facility-title {\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(36px,5.8vw,82px);\r\n  line-height:.96;\r\n  letter-spacing:-.025em;\r\n  color:var(--white);\r\n}\r\n\r\n.facility-title em {\r\n  display:block;\r\n  font-style:italic;\r\n  color:var(--red);\r\n}\r\n\r\n.facility-text {\r\n  max-width:430px;\r\n  font-size:14px;\r\n  line-height:1.85;\r\n  color:rgba(255,255,255,.56);\r\n  font-weight:300;\r\n}\r\n\r\n.facility-points {\r\n  display:grid;\r\n  grid-template-columns:repeat(3, minmax(0,1fr));\r\n  gap:10px;\r\n  width:100%;\r\n  max-width:520px;\r\n}\r\n\r\n.facility-point {\r\n  padding:14px 16px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:rgba(255,255,255,.035);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n.facility-point strong {\r\n  display:block;\r\n  font-size:18px;\r\n  font-weight:900;\r\n  color:var(--white);\r\n  line-height:1;\r\n  margin-bottom:8px;\r\n}\r\n\r\n.facility-point span {\r\n  display:block;\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,.38);\r\n  line-height:1.45;\r\n}\r\n\r\n\/* Video kart *\/\r\n.facility-video-card {\r\n  position:relative;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  background:rgba(255,255,255,.06);\r\n  box-shadow:\r\n    0 40px 120px rgba(0,0,0,.34),\r\n    0 0 0 1px rgba(255,255,255,.04) inset;\r\n  padding:12px;\r\n  overflow:hidden;\r\n}\r\n\r\n.facility-video-card::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  border:1px solid rgba(200,40,30,.22);\r\n  pointer-events:none;\r\n  z-index:3;\r\n}\r\n\r\n.facility-video-wrap {\r\n  position:relative;\r\n  aspect-ratio:16\/9;\r\n  overflow:hidden;\r\n  background:#111110;\r\n}\r\n\r\n.facility-video-wrap video {\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n  object-position:center;\r\n}\r\n\r\n.facility-video-overlay {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  background:\r\n    linear-gradient(to top, rgba(17,17,16,.52) 0%, transparent 42%),\r\n    linear-gradient(to right, rgba(17,17,16,.36) 0%, transparent 36%);\r\n  pointer-events:none;\r\n}\r\n\r\n.facility-video-caption {\r\n  position:absolute;\r\n  left:24px;\r\n  bottom:22px;\r\n  z-index:4;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:6px;\r\n}\r\n\r\n.facility-video-caption span {\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:.26em;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,.54);\r\n}\r\n\r\n.facility-video-caption strong {\r\n  font-size:clamp(22px,2.4vw,36px);\r\n  font-weight:900;\r\n  line-height:1.05;\r\n  color:var(--white);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-cta {\r\n  background:var(--ink);\r\n  color:var(--white);\r\n  padding:clamp(80px,12vw,150px) var(--p);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  text-align:center;\r\n  gap:38px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-top:1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n.s-cta::before {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(ellipse 58% 80% at 50% 120%, rgba(200,40,30,.13) 0%, transparent 70%),\r\n    radial-gradient(ellipse 36% 36% at 80% 20%, rgba(200,40,30,.07) 0%, transparent 60%);\r\n}\r\n\r\n.cta-label {\r\n  font-size:9px;\r\n  font-weight:600;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--red);\r\n  z-index:1;\r\n}\r\n\r\n.cta-h {\r\n  font-family:'Nunito', sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(36px,7vw,96px);\r\n  line-height:.95;\r\n  letter-spacing:-.01em;\r\n  color:var(--white);\r\n  max-width:850px;\r\n  z-index:1;\r\n}\r\n\r\n.cta-h em {\r\n  font-style:italic;\r\n  color:var(--red);\r\n}\r\n\r\n.cta-sub {\r\n  font-size:14px;\r\n  font-weight:300;\r\n  color:rgba(255,255,255,.5);\r\n  max-width:430px;\r\n  line-height:1.75;\r\n  z-index:1;\r\n}\r\n\r\n.cta-row {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:20px;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  z-index:1;\r\n}\r\n\r\n.btn-white {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:14px 30px;\r\n  background:var(--white);\r\n  color:var(--ink);\r\n  text-decoration:none;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  transition:background .3s, color .3s, transform .3s;\r\n}\r\n\r\n.btn-white:hover {\r\n  background:var(--red);\r\n  color:var(--white);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:960px) {\r\n  .facility-inner {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .facility-copy {\r\n    max-width:720px;\r\n  }\r\n\r\n  .facility-points {\r\n    grid-template-columns:1fr 1fr 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width:640px) {\r\n  .facility-showcase {\r\n    padding:72px var(--p);\r\n  }\r\n\r\n  .facility-points {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .facility-video-card {\r\n    padding:8px;\r\n  }\r\n\r\n  .facility-video-caption {\r\n    left:16px;\r\n    bottom:16px;\r\n  }\r\n\r\n  .s-cta {\r\n    padding:78px var(--p);\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODERN DAMIZLIK TES\u0130SLER\u0130M\u0130Z \u2014 YEN\u0130 TASARIM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"facility-showcase\">\r\n\r\n  <div class=\"facility-bg\" aria-hidden=\"true\">\r\n    <video\r\n      src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2026\/03\/Video-Project-4.mp4\"\r\n      autoplay\r\n      muted\r\n      loop\r\n      playsinline\r\n      preload=\"metadata\"\r\n    ><\/video>\r\n  <\/div>\r\n\r\n  <div class=\"facility-inner\">\r\n    <div class=\"facility-copy reveal\">\r\n      <div class=\"facility-label\">Tesislerimiz<\/div>\r\n\r\n      <h2 class=\"facility-title\">\r\n        Modern Dam\u0131zl\u0131k\r\n        <em>Tesislerimiz<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"facility-text\">\r\n        \u00dcretim s\u00fcre\u00e7lerimizi biyog\u00fcvenlik, hijyen ve s\u00fcrd\u00fcr\u00fclebilir kalite standartlar\u0131yla\r\n        destekleyen modern tesis altyap\u0131m\u0131zla, kulu\u00e7kal\u0131k yumurta ve g\u00fcnl\u00fck civciv \u00fcretiminde\r\n        g\u00fcvenilir bir yap\u0131 sunuyoruz.\r\n      <\/p>\r\n\r\n      <div class=\"facility-points\">\r\n        <div class=\"facility-point\">\r\n          <strong>01<\/strong>\r\n          <span>Modern \u00fcretim altyap\u0131s\u0131<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"facility-point\">\r\n          <strong>02<\/strong>\r\n          <span>Biyog\u00fcvenlik odakl\u0131 s\u00fcre\u00e7<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"facility-point\">\r\n          <strong>03<\/strong>\r\n          <span>Kontroll\u00fc tesis y\u00f6netimi<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"facility-video-card reveal d1\">\r\n      <div class=\"facility-video-wrap\">\r\n        <video\r\n          src=\"http:\/\/garantitavukculuk.com\/wp-content\/uploads\/2026\/03\/Video-Project-4.mp4\"\r\n          autoplay\r\n          muted\r\n          loop\r\n          playsinline\r\n          preload=\"metadata\"\r\n          aria-label=\"Modern Dam\u0131zl\u0131k Tesislerimiz\"\r\n        ><\/video>\r\n\r\n        <div class=\"facility-video-overlay\"><\/div>\r\n\r\n        <div class=\"facility-video-caption\">\r\n          <span>Garanti Tavuk\u00e7uluk<\/span>\r\n          <strong>Modern Dam\u0131zl\u0131k<br>Tesislerimiz<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"s-cta\">\r\n  <div class=\"cta-label reveal\">Birlikte B\u00fcy\u00fcyelim<\/div>\r\n\r\n  <h2 class=\"cta-h reveal d1\">\r\n    Global ticaretin<br>\r\n    <em>g\u00fcvenilir orta\u011f\u0131.<\/em>\r\n  <\/h2>\r\n\r\n  <p class=\"cta-sub reveal d2\">\r\n    \u0130hracat sorular\u0131n\u0131z, \u00fcr\u00fcn bilgisi ve i\u015fbirli\u011fi i\u00e7in\r\n    uzman ekibimizle ileti\u015fime ge\u00e7in.\r\n  <\/p>\r\n\r\n  <div class=\"cta-row reveal d3\">\r\n    <a href=\"\/iletisim\/\" class=\"btn-white\">\u0130leti\u015fime Ge\u00e7<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n  const revEls = document.querySelectorAll('.reveal');\r\n\r\n  if(!('IntersectionObserver' in window)){\r\n    revEls.forEach(el => el.classList.add('in'));\r\n    return;\r\n  }\r\n\r\n  const rio = new IntersectionObserver(entries => {\r\n    entries.forEach(en => {\r\n      if(en.isIntersecting){\r\n        en.target.classList.add('in');\r\n        rio.unobserve(en.target);\r\n      }\r\n    });\r\n  }, {\r\n    threshold:.1,\r\n    rootMargin:'0px 0px -50px 0px'\r\n  });\r\n\r\n  revEls.forEach(el => rio.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>Garanti Tavuk\u00e7uluk Kulu\u00e7kal\u0131k Yumurta &amp; G\u00fcnl\u00fck Civciv \u00dcreticisi D\u00fcnyan\u0131n her k\u00f6\u015fesine kaliteyle. 2007&#8217;dan bu yana kulu\u00e7kal\u0131k yumurta ve g\u00fcnl\u00fck civciv \u00fcretiminde 10&#8217;tan fazla \u00fclkeye ihracat yap\u0131yoruz. \u00dcr\u00fcnlerimiz Modern Dam\u0131zl\u0131k Tesisleri \u00dcretimin kalbinde teknoloji. Biyog\u00fcvenlik standartlar\u0131yla donat\u0131lm\u0131\u015f modern tesislerimizde her a\u015fama titizlikle kontrol edilmektedir. Sekt\u00f6r\u00fcn en ileri altyap\u0131s\u0131yla kaliteyi garantiye al\u0131yoruz. G\u00fcnl\u00fck Civciv \u00dcretimi Her civciv [&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-1483","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages\/1483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/comments?post=1483"}],"version-history":[{"count":128,"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages\/1483\/revisions"}],"predecessor-version":[{"id":1993,"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages\/1483\/revisions\/1993"}],"wp:attachment":[{"href":"http:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/media?parent=1483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}