{"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-05-02T12:59:37","modified_gmt":"2026-05-02T12:59:37","slug":"anasayfa-2","status":"publish","type":"page","link":"https:\/\/garantitavukculuk.com\/en\/","title":{"rendered":"ANASAYFA"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nGaranti Tavuk\u00e7uluk \u2014 Pure & Clean Since 1996<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\/>\r\n<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<style>\r\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\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 { scroll-behavior:smooth; }\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 cursor:none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CURSOR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#cur-ring {\r\n position:fixed; width:30px; height:30px;\r\n border:1.5px solid rgba(17,17,16,.35);\r\n border-radius:50%;\r\n pointer-events:none; z-index:99999;\r\n transform:translate(-50%,-50%);\r\n transition:width .3s cubic-bezier(.16,1,.3,1),\r\n height .3s cubic-bezier(.16,1,.3,1),\r\n border-color .25s, background .25s;\r\n}\r\n#cur-dot {\r\n position:fixed; width:5px; height:5px;\r\n background:var(--red); border-radius:50%;\r\n pointer-events:none; z-index:100000;\r\n transform:translate(-50%,-50%);\r\n}\r\nbody.ch #cur-ring {\r\n width:52px; height:52px;\r\n border-color:var(--red);\r\n background:rgba(200,40,30,.06);\r\n}\r\n.fp {\r\n position:fixed; pointer-events:none; z-index:99990;\r\n transform:translate(-50%,-50%) rotate(var(--r,0deg));\r\n animation:fpOut 900ms ease forwards;\r\n}\r\n@keyframes fpOut {\r\n 0% { opacity:.55; }\r\n 100% { opacity:0; transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(.65); }\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; inset:0; z-index:9999;\r\n background:var(--ink);\r\n display:flex; flex-direction:column;\r\n align-items:center; justify-content:center;\r\n overflow:hidden;\r\n}\r\n.loader-inner {\r\n display:flex; flex-direction:column; align-items:center; gap:28px;\r\n}\r\n.loader-egg {\r\n width:90px; height:110px; position:relative;\r\n}\r\n.loader-egg svg { width:100%; height:100%; }\r\n.egg-draw {\r\n stroke-dasharray:640; stroke-dashoffset:640;\r\n animation:drawEgg 1.6s cubic-bezier(.4,0,.2,1) .2s forwards;\r\n}\r\n@keyframes drawEgg { to { stroke-dashoffset:0; } }\r\n\r\n.loader-crack {\r\n stroke-dasharray:80; stroke-dashoffset:80; opacity:0;\r\n animation:crackIn .4s ease 1.8s forwards, drawEgg .35s ease 1.8s forwards;\r\n}\r\n@keyframes crackIn { to { opacity:1; } }\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); letter-spacing:.02em;\r\n opacity:0; transform:translateY(12px);\r\n animation:wUp .6s cubic-bezier(.16,1,.3,1) 1.4s forwards;\r\n}\r\n.loader-sub {\r\n font-size:9px; font-weight:500; letter-spacing:.32em; text-transform:uppercase;\r\n color:rgba(242,237,228,.25);\r\n opacity:0; animation:wUp .5s ease 1.6s forwards;\r\n}\r\n@keyframes wUp { to { opacity:1; transform:translateY(0); } }\r\n\r\n.loader-bar-track {\r\n width:clamp(140px,20vw,220px); height:1px;\r\n background:rgba(242,237,228,.12); position:relative; overflow:hidden;\r\n}\r\n.loader-bar-fill {\r\n position:absolute; 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@keyframes barFill { to { right:0; } }\r\n\r\n#loader.out { animation:loaderOut 1s cubic-bezier(.87,0,.13,1) forwards; }\r\n@keyframes loaderOut {\r\n 0% { clip-path:inset(0 0 0 0); }\r\n 100% { clip-path:inset(100% 0 0 0); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nheader{\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n right:0;\r\n z-index:1000;\r\n height:92px;\r\n padding:0 clamp(26px, 4vw, 54px);\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:24px;\r\n opacity:0;\r\n animation:fadeIn .6s ease 3.2s forwards;\r\n transition:\r\n background .35s ease,\r\n border-bottom .35s ease,\r\n backdrop-filter .35s ease,\r\n box-shadow .35s ease;\r\n background:rgba(250,250,248,.92);\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n border-bottom:1px solid rgba(17,17,16,.04);\r\n}\r\n\r\nheader.stuck{\r\n background:rgba(250,250,248,.97);\r\n backdrop-filter:blur(18px);\r\n -webkit-backdrop-filter:blur(18px);\r\n border-bottom:1px solid var(--line);\r\n box-shadow:0 10px 35px rgba(17,17,16,.06);\r\n}\r\n\r\n.logo{\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-start;\r\n text-decoration:none;\r\n line-height:0;\r\n flex:0 0 auto;\r\n min-width:220px;\r\n}\r\n\r\n.logo img{\r\n height:58px;\r\n width:auto;\r\n max-width:240px;\r\n display:block;\r\n object-fit:contain;\r\n object-position:left center;\r\n transition:transform .28s ease, opacity .28s ease;\r\n}\r\n\r\n.logo:hover img{\r\n transform:translateY(-1px);\r\n opacity:.94;\r\n}\r\n\r\n.nav{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:2px;\r\n flex:1;\r\n min-width:0;\r\n}\r\n\r\n.nav-item{\r\n position:relative;\r\n}\r\n\r\n.nav-link,\r\n.nav-label{\r\n position:relative;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:6px;\r\n height:92px;\r\n padding:0 14px;\r\n text-decoration:none;\r\n color:var(--mid);\r\n font-size:11px;\r\n font-weight:500;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n white-space:nowrap;\r\n transition:color .25s ease;\r\n}\r\n\r\n.nav-link.multi{\r\n line-height:1.18;\r\n text-align:center;\r\n}\r\n\r\n.nav-link::before,\r\n.nav-label::before{\r\n content:\"\";\r\n position:absolute;\r\n left:10px;\r\n right:10px;\r\n bottom:18px;\r\n height:2px;\r\n background:var(--red);\r\n transform:scaleX(0);\r\n transform-origin:center;\r\n transition:transform .32s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.nav-item:hover > .nav-link,\r\n.nav-item:hover > .nav-label{\r\n color:var(--ink);\r\n}\r\n\r\n.nav-item:hover > .nav-link::before,\r\n.nav-item:hover > .nav-label::before{\r\n transform:scaleX(1);\r\n}\r\n\r\n.nav-arrow,\r\n.sub-arrow{\r\n font-size:9px;\r\n opacity:.5;\r\n transition:transform .25s ease, opacity .25s ease;\r\n}\r\n\r\n.nav-item:hover .nav-arrow{\r\n transform:rotate(180deg);\r\n opacity:.85;\r\n}\r\n\r\n.dropdown-l1{\r\n display:none;\r\n position:absolute;\r\n top:calc(100% - 10px);\r\n left:50%;\r\n transform:translateX(-50%);\r\n min-width:260px;\r\n padding:10px 0;\r\n list-style:none;\r\n background:rgba(250,250,248,.98);\r\n backdrop-filter:blur(18px);\r\n -webkit-backdrop-filter:blur(18px);\r\n border:1px solid rgba(17,17,16,.08);\r\n border-radius:18px;\r\n box-shadow:0 24px 80px rgba(17,17,16,.10);\r\n z-index:3000;\r\n animation:gtDropDown .22s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n.nav-item:hover > .dropdown-l1{\r\n display:block;\r\n}\r\n\r\n.dropdown-l1 > li{\r\n position:relative;\r\n list-style:none;\r\n}\r\n\r\n.dropdown-l1 > li > a,\r\n.dropdown-l1 > li > span{\r\n margin:0 8px;\r\n border-radius:12px;\r\n padding:12px 16px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:12px;\r\n font-size:12px;\r\n font-weight:500;\r\n line-height:1.45;\r\n color:var(--mid);\r\n text-decoration:none;\r\n transition:background .22s ease, color .22s ease, transform .22s ease;\r\n}\r\n\r\n.dropdown-l1 > li:hover > a,\r\n.dropdown-l1 > li:hover > span{\r\n background:rgba(200,40,30,.06);\r\n color:var(--ink);\r\n transform:translateX(2px);\r\n}\r\n\r\n.dropdown-l1 > li:hover .sub-arrow{\r\n transform:rotate(90deg);\r\n opacity:.9;\r\n}\r\n\r\n.dropdown-l2{\r\n display:none;\r\n position:absolute;\r\n top:0;\r\n left:calc(100% + 8px);\r\n min-width:220px;\r\n padding:10px 0;\r\n list-style:none;\r\n background:rgba(250,250,248,.98);\r\n backdrop-filter:blur(18px);\r\n -webkit-backdrop-filter:blur(18px);\r\n border:1px solid rgba(17,17,16,.08);\r\n border-radius:18px;\r\n box-shadow:0 24px 80px rgba(17,17,16,.10);\r\n z-index:3100;\r\n animation:gtDropRight .22s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n.dropdown-l1 > li:hover > .dropdown-l2{\r\n display:block;\r\n}\r\n\r\n.dropdown-l2 li{\r\n list-style:none;\r\n}\r\n\r\n.dropdown-l2 li a{\r\n display:block;\r\n margin:0 8px;\r\n border-radius:12px;\r\n padding:12px 16px;\r\n font-size:12px;\r\n font-weight:500;\r\n color:var(--mid);\r\n text-decoration:none;\r\n transition:background .22s ease, color .22s ease, transform .22s ease;\r\n}\r\n\r\n.dropdown-l2 li a:hover{\r\n background:rgba(200,40,30,.06);\r\n color:var(--ink);\r\n transform:translateX(2px);\r\n}\r\n\r\n.gt-lang{\r\n position:relative;\r\n flex:0 0 auto;\r\n margin-left:6px;\r\n}\r\n\r\n.gt-lang-btn{\r\n min-height:44px;\r\n padding:0 18px;\r\n border-radius:999px;\r\n border:1px solid rgba(17,17,16,.10);\r\n background:rgba(242,237,229,.82);\r\n backdrop-filter:blur(10px);\r\n -webkit-backdrop-filter:blur(10px);\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--mid);\r\n font-family:'Nunito',sans-serif;\r\n font-size:11px;\r\n font-weight:600;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n transition:all .28s ease;\r\n}\r\n\r\n.gt-lang:hover .gt-lang-btn{\r\n border-color:rgba(200,40,30,.25);\r\n background:rgba(200,40,30,.05);\r\n color:var(--ink);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.lang-globe{\r\n font-size:15px;\r\n line-height:1;\r\n}\r\n\r\n.lang-chevron{\r\n font-size:8px;\r\n opacity:.55;\r\n transition:transform .28s ease, opacity .28s ease;\r\n}\r\n\r\n.gt-lang:hover .lang-chevron{\r\n transform:rotate(180deg);\r\n opacity:.9;\r\n}\r\n\r\n.lang-dropdown{\r\n display:none;\r\n position:absolute;\r\n top:calc(100% + 12px);\r\n right:0;\r\n min-width:190px;\r\n padding:10px 0;\r\n list-style:none;\r\n background:rgba(250,250,248,.98);\r\n backdrop-filter:blur(18px);\r\n -webkit-backdrop-filter:blur(18px);\r\n border:1px solid rgba(17,17,16,.08);\r\n border-radius:18px;\r\n box-shadow:0 24px 80px rgba(17,17,16,.10);\r\n z-index:3200;\r\n animation:gtDropDownSmall .22s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n.gt-lang:hover .lang-dropdown{\r\n display:block;\r\n}\r\n\r\n.lang-dropdown li{\r\n list-style:none;\r\n}\r\n\r\n.lang-dropdown li a{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 8px;\r\n border-radius:12px;\r\n padding:11px 14px;\r\n text-decoration:none;\r\n color:var(--mid);\r\n font-size:12px;\r\n font-weight:500;\r\n transition:background .22s ease, color .22s ease, transform .22s ease;\r\n}\r\n\r\n.lang-dropdown li a:hover{\r\n background:rgba(200,40,30,.06);\r\n color:var(--ink);\r\n transform:translateX(2px);\r\n}\r\n\r\n.lang-flag{\r\n font-size:16px;\r\n}\r\n\r\n.lang-active{\r\n color:var(--red)!important;\r\n}\r\n\r\n.burger{\r\n display:none;\r\n flex-direction:column;\r\n gap:5px;\r\n background:none;\r\n border:none;\r\n cursor:none;\r\n padding:4px;\r\n}\r\n\r\n.burger span{\r\n display:block;\r\n width:22px;\r\n height:1.5px;\r\n background:var(--ink);\r\n}\r\n\r\n@keyframes gtDropDown{\r\n from{\r\n opacity:0;\r\n transform:translateX(-50%) translateY(-10px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateX(-50%) translateY(0);\r\n }\r\n}\r\n\r\n@keyframes gtDropDownSmall{\r\n from{\r\n opacity:0;\r\n transform:translateY(-10px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n@keyframes gtDropRight{\r\n from{\r\n opacity:0;\r\n transform:translateX(-10px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateX(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; overflow:hidden;\r\n display:flex; 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\/* Each slide has its own text content that fades in\/out *\/\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\/* Text elements within each content slide *\/\r\n.hero-tag {\r\n display:flex; align-items:center; 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 { width:40px; height:2px; background:var(--red); }\r\n.hero-tag-txt {\r\n font-size:9px; font-weight:600; letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--red);\r\n}\r\n\r\n.hero-hl {\r\n display:flex; flex-direction:column; gap:2px;\r\n max-width:720px;\r\n margin-bottom:0;\r\n overflow:hidden;\r\n}\r\n\r\n.hl-row { overflow:hidden; }\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; 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 { transform:translateY(0); transition-delay:.35s; }\r\n.hero-content-slide.is-active .hl-row:nth-child(2) .hl-word { transform:translateY(0); transition-delay:.48s; }\r\n.hero-content-slide.is-active .hl-row:nth-child(3) .hl-word { transform:translateY(0); transition-delay:.61s; }\r\n\r\n.hl-word.it { font-style:italic; color:var(--red); }\r\n\r\n.hero-bottom {\r\n display:flex; align-items:flex-end; justify-content:space-between;\r\n gap:40px; 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; color:var(--mid);\r\n max-width:400px; font-weight:300;\r\n}\r\n.hero-actions { display:flex; align-items:center; gap:18px; flex-shrink:0; }\r\n.btn-main {\r\n display:inline-flex; align-items:center; gap:12px;\r\n padding:14px 30px;\r\n background:var(--red); color:var(--white);\r\n text-decoration:none; font-size:10px; font-weight:600;\r\n letter-spacing:.14em; text-transform:uppercase;\r\n transition:background .3s, transform .3s;\r\n}\r\n.btn-main:hover { background:var(--ink); transform:translateY(-2px); }\r\n.btn-line {\r\n text-decoration:none; color:var(--mid);\r\n font-size:10px; font-weight:500; letter-spacing:.1em; text-transform:uppercase;\r\n padding-bottom:3px; border-bottom:1px solid var(--line);\r\n transition:color .25s, border-color .25s;\r\n}\r\n.btn-line:hover { color:var(--red); border-color:var(--red); }\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 { opacity:0; }\r\n to { opacity:1; }\r\n}\r\n\r\n\/* First slide text: page-load stagger *\/\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.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.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.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 { transform:translateY(105%); }\r\n to { transform:translateY(0); }\r\n}\r\n@keyframes fadeUpInit {\r\n from { opacity:0; transform:translateY(14px); }\r\n to { opacity:1; transform:translateY(0); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO DOTS \u2014 centered, progress bar style \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:none;\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; bottom:clamp(16px,3vw,32px); left:50%;\r\n transform:translateX(-50%);\r\n display:flex; flex-direction:column; align-items:center; gap:8px;\r\n z-index:3;\r\n opacity:0; animation:fadeIn .5s ease 4.4s forwards;\r\n}\r\n.scroll-arrow span {\r\n font-size:7px; font-weight:600; letter-spacing:.3em; text-transform:uppercase;\r\n color:var(--fog);\r\n}\r\n.scroll-arrow svg { animation:bounce 1.8s ease infinite; }\r\n@keyframes bounce {\r\n 0%,100% { transform:translateY(0); }\r\n 50% { transform:translateY(6px); }\r\n}\r\n\r\n\/* stats strip *\/\r\n.stats-strip {\r\n background:var(--ink); color:var(--white);\r\n display:grid; grid-template-columns:repeat(3,1fr);\r\n position:relative; z-index:3;\r\n opacity:0; animation:fadeIn .5s ease 4.2s forwards;\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; flex-direction:column; gap:8px;\r\n position:relative; overflow:hidden; cursor:default;\r\n transition:background .3s;\r\n}\r\n.stat-cell:last-child { border-right:none; }\r\n.stat-cell:hover { background:rgba(200,40,30,.12); }\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; color:var(--white); letter-spacing:-.02em;\r\n}\r\n.stat-cell-num sup { font-size:14px; color:var(--red); vertical-align:super; font-family:'Nunito',sans-serif; font-weight:300; }\r\n.stat-cell-lbl {\r\n font-size:9px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;\r\n color:rgba(255,255,255,.4); 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); overflow:hidden; border-bottom:1px solid var(--line);\r\n}\r\n.marquee-track {\r\n display:flex; white-space:nowrap;\r\n padding:18px 0;\r\n animation:marquee 24s linear infinite;\r\n}\r\n.m-it { display:flex; align-items:center; gap:20px; padding:0 20px; flex-shrink:0; }\r\n.m-it span { font-size:9px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--fog); }\r\n.m-dot { width:3px; height:3px; border-radius:50%; background:var(--red); flex-shrink:0; }\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; transform:translateY(36px);\r\n transition:opacity .85s cubic-bezier(.16,1,.3,1),\r\n transform .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n.reveal.in { opacity:1; transform:translateY(0); }\r\n.d1 { transition-delay:.1s; }\r\n.d2 { transition-delay:.22s; }\r\n.d3 { transition-delay:.34s; }\r\n.d4 { transition-delay:.46s; }\r\n\r\n.s-label {\r\n display:inline-flex; align-items:center; gap:12px;\r\n font-size:9px; font-weight:600; letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--red);\r\n}\r\n.s-label::before { content:''; display:block; width:32px; height:2px; background:var(--red); }\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.what-top {\r\n display:flex; align-items:flex-end; justify-content:space-between;\r\n margin-bottom:clamp(48px,7vw,80px); gap:40px; flex-wrap:wrap;\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; letter-spacing:-.01em; color:var(--ink);\r\n max-width:560px;\r\n}\r\n.what-title em { font-style:italic; color:var(--red); }\r\n.what-intro { font-size:13px; line-height:1.85; color:var(--fog); max-width:280px; font-weight:300; }\r\n\r\n.what-grid {\r\n display:grid; grid-template-columns:repeat(3,1fr);\r\n gap:clamp(16px,2.5vw,32px);\r\n}\r\n.prod-card {\r\n position:relative; overflow:hidden;\r\n aspect-ratio:3\/4; background:#e8e3da;\r\n display:flex; flex-direction:column; justify-content:flex-end;\r\n}\r\n.prod-card img {\r\n position:absolute; inset:0; width:100%; height:100%;\r\n object-fit:cover; object-position:center;\r\n transition:transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.prod-card:hover img { transform:scale(1.06); }\r\n\r\n.prod-card-overlay {\r\n position:absolute; 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.prod-card-body {\r\n position:relative; z-index:2;\r\n padding:clamp(20px,3vw,36px);\r\n display:flex; flex-direction:column; gap:10px;\r\n}\r\n.prod-card-tag {\r\n font-size:8px; font-weight:600; letter-spacing:.28em; text-transform:uppercase;\r\n color:var(--red);\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); line-height:1.1;\r\n}\r\n.prod-card-desc {\r\n font-size:12px; font-weight:300; line-height:1.7;\r\n color:rgba(255,255,255,.7);\r\n max-height:0; overflow:hidden;\r\n transition:max-height .5s cubic-bezier(.16,1,.3,1), opacity .4s;\r\n opacity:0;\r\n}\r\n.prod-card:hover .prod-card-desc { max-height:100px; opacity:1; }\r\n.prod-card-link {\r\n display:inline-flex; align-items:center; gap:8px;\r\n font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;\r\n color:var(--white); text-decoration:none;\r\n opacity:0; transform:translateY(8px);\r\n transition:opacity .4s, transform .4s;\r\n}\r\n.prod-card-link::after { content:'\u2192'; }\r\n.prod-card:hover .prod-card-link { opacity:1; transform:translateY(0); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 SPLIT IMAGE + TEXT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-split {\r\n display:grid; grid-template-columns:1fr 1fr;\r\n min-height:clamp(400px,60vw,680px);\r\n}\r\n.split-media {\r\n position:relative; overflow:hidden;\r\n}\r\n.split-media video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\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.split-content {\r\n background:var(--off);\r\n padding:clamp(48px,7vw,96px) clamp(32px,5vw,72px);\r\n display:flex; flex-direction:column; justify-content:center; gap:32px;\r\n}\r\n.split-content.dark {\r\n background:var(--ink); color:var(--white);\r\n}\r\n.split-content.dark .split-body { color:rgba(255,255,255,.55); }\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; letter-spacing:-.01em; color:var(--ink);\r\n}\r\n.split-content.dark .split-h { color:var(--white); }\r\n.split-h em { font-style:italic; color:var(--red); }\r\n\r\n.split-body {\r\n font-size:13px; line-height:1.85; color:var(--mid); font-weight:300; max-width:380px;\r\n}\r\n\r\n.feat-list { display:flex; flex-direction:column; gap:0; }\r\n.feat-item {\r\n display:flex; gap:18px; padding:18px 0;\r\n border-bottom:1px solid rgba(17,17,16,.08);\r\n}\r\n.split-content.dark .feat-item { border-bottom-color:rgba(255,255,255,.07); }\r\n.feat-item:last-child { border-bottom:none; }\r\n.feat-n { font-size:9px; font-weight:600; color:var(--red); min-width:20px; padding-top:2px; }\r\n.feat-t { font-size:12px; font-weight:500; color:var(--ink); }\r\n.split-content.dark .feat-t { color:var(--white); }\r\n.feat-d { font-size:12px; font-weight:300; color:var(--fog); line-height:1.65; margin-top:4px; }\r\n.split-content.dark .feat-d { color:rgba(255,255,255,.4); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 NUMBERS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-numbers {\r\n background:var(--white);\r\n padding:clamp(72px,10vw,130px) var(--p);\r\n}\r\n.num-header {\r\n text-align:center; margin-bottom:clamp(48px,6vw,80px);\r\n display:flex; flex-direction:column; align-items:center; gap:20px;\r\n}\r\n.num-title {\r\n font-family:'Nunito', sans-serif;\r\n font-weight:900;\r\n font-size:clamp(32px,5vw,64px);\r\n line-height:1; letter-spacing:-.01em; color:var(--ink);\r\n}\r\n.num-title em { font-style:italic; color:var(--red); }\r\n\r\n.num-grid {\r\n display:grid; grid-template-columns:repeat(4,1fr);\r\n border:1px solid var(--line);\r\n}\r\n.num-cell {\r\n padding:clamp(32px,4vw,52px) clamp(20px,3vw,36px);\r\n border-right:1px solid var(--line);\r\n display:flex; flex-direction:column; gap:10px;\r\n position:relative; overflow:hidden;\r\n transition:background .3s;\r\n}\r\n.num-cell:last-child { border-right:none; }\r\n.num-cell::after {\r\n content:''; position:absolute; bottom:0; left:0; right:0; height:2px;\r\n background:var(--red); transform:scaleX(0); transform-origin:left;\r\n transition:transform .5s cubic-bezier(.16,1,.3,1);\r\n}\r\n.num-cell:hover { background:var(--off); }\r\n.num-cell:hover::after { transform:scaleX(1); }\r\n\r\n.n-val {\r\n font-family:'Nunito', sans-serif;\r\n font-weight:900;\r\n font-size:clamp(40px,5vw,72px);\r\n line-height:.9; color:var(--ink); letter-spacing:-.02em;\r\n display:flex; align-items:baseline; gap:4px;\r\n}\r\n.n-sup {\r\n font-family:'Nunito', sans-serif; font-size:13px; font-weight:400;\r\n color:var(--red); letter-spacing:0;\r\n}\r\n.n-lbl {\r\n font-size:9px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;\r\n color:var(--fog); line-height:1.6;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 FULL VIDEO STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-video video{\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: contain;\r\n object-position: center;\r\n background: #111110;\r\n}\r\n.s-video{\r\n height: 520px;\r\n overflow: hidden;\r\n}\r\n.s-video:hover img { transform:scale(1); }\r\n.video-overlay {\r\n position:absolute; inset:0; z-index:2;\r\n display:flex; flex-direction:column;\r\n align-items:center; justify-content:center; gap:28px;\r\n text-align:center;\r\n background:linear-gradient(to bottom, rgba(17,17,16,.25) 0%, rgba(17,17,16,.4) 100%);\r\n}\r\n.video-tag {\r\n font-size:9px; font-weight:600; letter-spacing:.28em; text-transform:uppercase;\r\n color:rgba(255,255,255,.55);\r\n}\r\n.video-title {\r\n font-family:'Nunito', sans-serif;\r\n font-weight:900;\r\n font-size:clamp(32px,6vw,80px);\r\n color:var(--white); line-height:1;\r\n}\r\n.play-btn {\r\n width:70px; height:70px; border-radius:50%;\r\n background:rgba(255,255,255,.12);\r\n border:1.5px solid rgba(255,255,255,.35);\r\n display:flex; align-items:center; justify-content:center;\r\n backdrop-filter:blur(6px);\r\n cursor:none;\r\n transition:background .3s, transform .3s;\r\n}\r\n.play-btn:hover { background:var(--red); transform:scale(1.08); border-color:var(--red); }\r\n.play-btn svg { margin-left:4px; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 GALLERY STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-gallery {\r\n display:grid; grid-template-columns:2fr 1fr 1fr;\r\n height:clamp(280px,40vw,520px);\r\n}\r\n.g-cell {\r\n position:relative; overflow:hidden; background:#e0dbd2;\r\n}\r\n.g-cell img {\r\n width:100%; height:100%; object-fit:cover;\r\n transition:transform 1s cubic-bezier(.16,1,.3,1);\r\n}\r\n.g-cell:hover img { transform:scale(1.07); }\r\n.g-cell::after {\r\n content:''; position:absolute; inset:0;\r\n background:rgba(17,17,16,0);\r\n transition:background .4s;\r\n}\r\n.g-cell:hover::after { background:rgba(17,17,16,.08); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 EXPORT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-export {\r\n background:var(--off);\r\n padding:clamp(72px,10vw,130px) var(--p);\r\n}\r\n.export-inner {\r\n display:grid; grid-template-columns:1fr 1fr;\r\n gap:clamp(40px,7vw,100px); align-items:center;\r\n}\r\n.export-left { display:flex; flex-direction:column; gap:28px; }\r\n.export-h {\r\n font-family:'Nunito', sans-serif;\r\n font-weight:900;\r\n font-size:clamp(30px,4.5vw,62px);\r\n line-height:1.05; letter-spacing:-.01em; color:var(--ink);\r\n}\r\n.export-h em { font-style:italic; color:var(--red); }\r\n.export-body { font-size:13px; line-height:1.85; color:var(--mid); font-weight:300; }\r\n\r\n.regions {\r\n display:grid; grid-template-columns:1fr 1fr;\r\n gap:12px; margin-top:8px;\r\n}\r\n.region-pill {\r\n padding:12px 18px;\r\n background:var(--white); border:1px solid var(--line);\r\n display:flex; align-items:center; gap:10px;\r\n transition:border-color .25s, background .25s;\r\n}\r\n.region-pill:hover { border-color:var(--red); background:rgba(200,40,30,.03); }\r\n.region-dot { width:6px; height:6px; border-radius:50%; background:var(--red); flex-shrink:0; }\r\n.region-name { font-size:11px; font-weight:500; letter-spacing:.06em; color:var(--mid); }\r\n\r\n.export-right {\r\n position:relative;\r\n}\r\n.map-wrap {\r\n width:100%; aspect-ratio:3\/2;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n overflow:hidden; position:relative;\r\n display:flex; align-items:center; justify-content:center;\r\n}\r\n.map-wrap svg { width:100%; height:100%; opacity:.55; }\r\n.map-pulse {\r\n position:absolute; width:10px; height:10px;\r\n}\r\n.map-pulse::before, .map-pulse::after {\r\n content:''; position:absolute; inset:0; border-radius:50%;\r\n}\r\n.map-pulse::before { background:var(--red); width:6px; height:6px; top:2px; left:2px; }\r\n.map-pulse::after {\r\n border:1.5px solid var(--red);\r\n animation:pulse 2s ease-out infinite;\r\n}\r\n@keyframes pulse {\r\n 0% { transform:scale(1); opacity:.8; }\r\n 100% { transform:scale(3); opacity:0; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION \u2014 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s-cta {\r\n background:var(--ink); color:var(--white);\r\n padding:clamp(80px,12vw,160px) var(--p);\r\n display:flex; flex-direction:column; align-items:center;\r\n text-align:center; gap:40px;\r\n position:relative; overflow:hidden;\r\n}\r\n.s-cta::before {\r\n content:''; position:absolute; inset:0;\r\n background:\r\n radial-gradient(ellipse 60% 80% at 50% 120%, rgba(200,40,30,.12) 0%, transparent 70%),\r\n radial-gradient(ellipse 40% 40% at 80% 20%, rgba(200,40,30,.06) 0%, transparent 60%);\r\n}\r\n.cta-label { font-size:9px; font-weight:600; letter-spacing:.28em; text-transform:uppercase; color:var(--red); z-index:1; }\r\n.cta-h {\r\n font-family:'Nunito', sans-serif;\r\n font-weight:900;\r\n font-size:clamp(36px,7vw,100px);\r\n line-height:.95; letter-spacing:-.01em; color:var(--white);\r\n max-width:800px; z-index:1;\r\n}\r\n.cta-h em { font-style:italic; color:var(--red); }\r\n.cta-sub { font-size:14px; font-weight:300; color:rgba(255,255,255,.5); max-width:400px; line-height:1.75; z-index:1; }\r\n.cta-row { display:flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:center; z-index:1; }\r\n.btn-white {\r\n display:inline-flex; align-items:center; gap:12px;\r\n padding:14px 30px; background:var(--white); color:var(--ink);\r\n text-decoration:none; font-size:10px; font-weight:600;\r\n letter-spacing:.14em; text-transform:uppercase;\r\n transition:background .3s, color .3s;\r\n}\r\n.btn-white:hover { background:var(--red); color:var(--white); }\r\n.btn-ghost2 {\r\n text-decoration:none; color:rgba(255,255,255,.5);\r\n font-size:10px; font-weight:500; letter-spacing:.1em; text-transform:uppercase;\r\n border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:3px;\r\n transition:color .25s, border-color .25s;\r\n}\r\n.btn-ghost2:hover { color:var(--white); border-color:var(--white); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfooter {\r\n background:var(--ink);\r\n border-top:1px solid rgba(255,255,255,.05);\r\n padding:clamp(24px,3vw,40px) var(--p);\r\n display:flex; align-items:center; justify-content:space-between;\r\n flex-wrap:wrap; gap:16px;\r\n}\r\n.foot-logo img { height:26px; width:auto; filter:brightness(0) invert(1); opacity:.5; }\r\n.foot-copy { font-size:10px; color:rgba(255,255,255,.2); }\r\n.foot-nav { display:flex; gap:24px; }\r\n.foot-nav a {\r\n text-decoration:none; color:rgba(255,255,255,.25);\r\n font-size:9px; letter-spacing:.14em; text-transform:uppercase;\r\n transition:color .25s;\r\n}\r\n.foot-nav a:hover { color:rgba(255,255,255,.65); }\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 { to { opacity:1; } }\r\n@keyframes fadeUp {\r\n from { opacity:0; transform:translateY(14px); }\r\n to { opacity:1; transform:translateY(0); }\r\n}\r\n@keyframes slideUp { to { transform:translateY(0); } }\r\n@keyframes marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }\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.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.map-copy{\r\n max-width:720px;\r\n display:flex;\r\n flex-direction:column;\r\n gap:18px;\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.map-title em{\r\n font-style:italic;\r\n color:var(--red);\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.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.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.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.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.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.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#gt-home-map{\r\n width:100%;\r\n height:clamp(400px,42vw,520px);\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.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.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.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.map-legend-dash{\r\n width:28px;\r\n height:2px;\r\n background:repeating-linear-gradient(90deg, rgba(200,40,30,.72) 0, rgba(200,40,30,.72) 6px, transparent 6px, transparent 10px);\r\n flex-shrink:0;\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.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.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.map-regions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:24px;\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.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.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.s-map .leaflet-control-attribution{\r\n font-size:9px;\r\n background:rgba(250,250,248,.72);\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.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.s-map .leaflet-control-zoom a:hover{\r\n background:var(--red)!important;\r\n color:var(--white)!important;\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.s-map .leaflet-tooltip:before{\r\n border-top-color:rgba(17,17,16,.92)!important;\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.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@keyframes gtHomePulse{\r\n 0% { box-shadow:0 0 0 0 rgba(200,40,30,.22), 0 8px 20px rgba(17,17,16,.18); }\r\n 70% { box-shadow:0 0 0 14px rgba(200,40,30,0), 0 8px 20px rgba(17,17,16,.18); }\r\n 100% { box-shadow:0 0 0 0 rgba(200,40,30,0), 0 8px 20px rgba(17,17,16,.18); }\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.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\/* \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 header{\r\n height:78px;\r\n padding:0 18px;\r\n }\r\n\r\n .logo{\r\n min-width:auto;\r\n }\r\n\r\n .logo img{\r\n height:48px;\r\n max-width:180px;\r\n }\r\n\r\n .what-grid { grid-template-columns:1fr 1fr; }\r\n .s-split { grid-template-columns:1fr; }\r\n .split-media { height:clamp(260px,50vw,420px); }\r\n .s-gallery { grid-template-columns:1fr 1fr; }\r\n .g-cell:first-child { grid-column:span 2; }\r\n .num-grid { grid-template-columns:repeat(2,1fr); }\r\n .num-cell:nth-child(2) { border-right:none; }\r\n .export-inner { grid-template-columns:1fr; }\r\n .nav { display:none; }\r\n .burger { display:flex; }\r\n .gt-lang{ display:none; }\r\n .stats-strip { grid-template-columns:1fr; }\r\n .stat-cell { border-right:none; border-bottom:1px solid rgba(255,255,255,.07); }\r\n .stat-cell:last-child { border-bottom:none; }\r\n .map-head { align-items:flex-start; }\r\n .map-side { width:100%; }\r\n .map-floating-badge { top:14px; right:14px; }\r\n\r\n .hero-content-slide {\r\n padding:68px var(--p) clamp(150px,20vw,220px);\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 .what-grid { grid-template-columns:1fr; }\r\n .s-gallery { grid-template-columns:1fr; height:auto; }\r\n .g-cell { height:220px; }\r\n .g-cell:first-child { grid-column:1; }\r\n .num-grid { grid-template-columns:1fr 1fr; }\r\n .hero-bottom { flex-direction:column; align-items:flex-start; }\r\n .regions { grid-template-columns:1fr; }\r\n #gt-home-map { height:400px; }\r\n .map-floating-badge,\r\n .map-legend { position:static; margin:14px; }\r\n .map-shell { padding-bottom:0; border-radius:18px; }\r\n .map-regions { gap:10px; }\r\n}\r\n@media (max-width:480px) {\r\n .map-title { font-size:clamp(28px,9vw,40px); }\r\n #gt-home-map { height:340px; }\r\n .map-pill { width:100%; justify-content:flex-start; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- cursor -->\r\n<div id=\"cur-ring\"><\/div>\r\n<div id=\"cur-dot\"><\/div>\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><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\r\n <\/filter>\r\n <\/defs>\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 <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 <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 <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 <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 <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\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 <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 <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 \u2014 Lojistik \/ Global sevkiyat -->\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 & G\u00fcnl\u00fck Civciv \u00dcreticisi<\/div>\r\n <\/div>\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 <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 40'tan fazla \u00fclkeye ihracat yap\u0131yoruz. Her y\u0131l 500 milyonun \u00fczerinde\r\n \u00fcretim kapasitesiyle sekt\u00f6rde lider konumday\u0131z.\r\n <\/p>\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\"><path d=\"M1 5H15M10 1L15 5L10 9\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Content slide 2 \u2014 Tesis \/ Modern altyap\u0131 -->\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 <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 <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 <div class=\"hero-actions\">\r\n <a href=\"\/hakkimizda\/\" class=\"btn-main\">\r\n Tesislerimiz\r\n <svg width=\"16\" height=\"10\" viewBox=\"0 0 16 10\" fill=\"none\"><path d=\"M1 5H15M10 1L15 5L10 9\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Content slide 3 \u2014 Civciv \/ \u00dcr\u00fcn -->\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 <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 <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 <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\"><path d=\"M1 5H15M10 1L15 5L10 9\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/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<\/section>\r\n\r\n<div class=\"stats-strip\">\r\n <div class=\"stat-cell\">\r\n <div class=\"stat-cell-num\"><span class=\"cnt-num\" data-to=\"500\">0<\/span><sup>M+<\/sup><\/div>\r\n <div class=\"stat-cell-lbl\">Y\u0131ll\u0131k Kulu\u00e7kal\u0131k Yumurta Kapasitesi<\/div>\r\n <\/div>\r\n <div class=\"stat-cell\">\r\n <div class=\"stat-cell-num\"><span class=\"cnt-num\" data-to=\"40\">0<\/span><sup>+<\/sup><\/div>\r\n <div class=\"stat-cell-lbl\">\u0130hracat Yap\u0131lan \u00dclke Say\u0131s\u0131<\/div>\r\n <\/div>\r\n <div class=\"stat-cell\">\r\n <div class=\"stat-cell-num\"><span class=\"cnt-num\" data-to=\"29\">0<\/span><sup> YIL<\/sup><\/div>\r\n <div class=\"stat-cell-lbl\">Sekt\u00f6rdeki Tecr\u00fcbe<\/div>\r\n <\/div>\r\n<\/div>\r\n\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>40+ \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 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>40+ \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 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>40+ \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<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 <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 <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 <div class=\"prod-card-overlay\"><\/div>\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\">Ross 308 ve Cobb 500 hatlar\u0131nda, sertifikal\u0131 dam\u0131zl\u0131k s\u00fcr\u00fclerinden elde edilen y\u00fcksek verimli yumurtalar.<\/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 <div class=\"prod-card-overlay\"><\/div>\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\">Modern kulu\u00e7kahane altyap\u0131s\u0131ndan \u00e7\u0131kan, y\u00fcksek canl\u0131l\u0131k oran\u0131na sahip, a\u015f\u0131l\u0131 g\u00fcnl\u00fck civcivler.<\/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 <div class=\"prod-card-overlay\"><\/div>\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\">So\u011fuk zinciri bozmadan 40+ \u00fclkeye \u00f6zel ara\u00e7larla g\u00fcvenli uluslararas\u0131 sevkiyat \u00e7\u00f6z\u00fcmleri.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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\/03\/yumurta-toplama-foto2.mp4\"\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 <div class=\"split-content\">\r\n <div class=\"s-label reveal\">\u00dcretim S\u00fcre\u00e7leri<\/div>\r\n <h2 class=\"split-h reveal d1\">\r\n Hijyen ve<br>g\u00fcvenli\u011fi<br><em>hi\u00e7 \u00f6d\u00fcn vermeden.<\/em>\r\n <\/h2>\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\">Uluslararas\u0131 protokollerle \u00fcretimin her a\u015famas\u0131nda tam hijyen kontrol\u00fc.<\/div>\r\n <\/div>\r\n <\/div>\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\">D\u00fcnya standartlar\u0131nda sertifikal\u0131 Ross 308, Cobb 500 ve Hubbard hatlar\u0131.<\/div>\r\n <\/div>\r\n <\/div>\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\">Yemden \u00fcr\u00fcne tam entegre \u00fcretim, ba\u015ftan sona kalite g\u00fcvencesi.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\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 <h2 class=\"split-h reveal d1\">\r\n 40'tan fazla<br>\u00fclkeye<br><em>g\u00fcvenle ula\u015f\u0131yoruz.<\/em>\r\n <\/h2>\r\n <p class=\"split-body reveal d2\">\r\n Asya, Afrika, Orta Do\u011fu ve Kuzey Do\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 <div class=\"split-media reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412651409-8963ce7935a7?w=1000&q=80&fit=crop\" alt=\"Global ihracat\">\r\n <\/div>\r\n<\/div>\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 <h2 class=\"map-title reveal d1\">\r\n T\u00fcrkiye'den d\u00fcnyaya<br><em>g\u00fcvenle ula\u015f\u0131yoruz.<\/em>\r\n <\/h2>\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>40+<\/strong>\r\n <span>Ula\u015f\u0131lan \u00fclke<\/span>\r\n <\/div>\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 <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 <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<div class=\"s-video reveal\">\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=\"Tesis\"\r\n ><\/video>\r\n <div class=\"video-overlay\">\r\n <div class=\"video-tag\">Tesislerimiz<\/div>\r\n <div class=\"video-title\">Modern Dam\u0131zl\u0131k <\/br> Tesislerimiz<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<section class=\"s-cta\">\r\n <div class=\"cta-label reveal\">Birlikte B\u00fcy\u00fcyelim<\/div>\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 <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 <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 src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n<script>\r\n(function(){\r\n const loader = document.getElementById('loader');\r\n setTimeout(() => {\r\n loader.classList.add('out');\r\n setTimeout(() => loader.style.display='none', 1050);\r\n }, 2700);\r\n})();\r\n\r\nconst hdr = document.getElementById('hdr');\r\nwindow.addEventListener('scroll', () => {\r\n hdr.classList.toggle('stuck', window.scrollY > 60);\r\n}, {passive:true});\r\n\r\nconst ring = document.getElementById('cur-ring');\r\nconst dot = document.getElementById('cur-dot');\r\nlet mx=-200,my=-200,rx=-200,ry=-200;\r\ndocument.addEventListener('mousemove', e => {\r\n mx=e.clientX; my=e.clientY;\r\n dot.style.left=mx+'px'; dot.style.top=my+'px';\r\n});\r\n(function loop(){\r\n rx += (mx-rx)*.13; ry += (my-ry)*.13;\r\n ring.style.left=rx+'px'; ring.style.top=ry+'px';\r\n requestAnimationFrame(loop);\r\n})();\r\ndocument.querySelectorAll('a,button,[role=button]').forEach(el=>{\r\n el.addEventListener('mouseenter',()=>document.body.classList.add('ch'));\r\n el.addEventListener('mouseleave',()=>document.body.classList.remove('ch'));\r\n});\r\n\r\nfunction fpSVG(){\r\n return`<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 50 65\" width=\"20\" height=\"26\">\r\n <g fill=\"rgba(200,40,30,.55)\">\r\n <ellipse cx=\"25\" cy=\"36\" rx=\"4\" ry=\"3.5\"\/>\r\n <rect x=\"23.5\" y=\"7\" width=\"3\" height=\"26\" rx=\"1.5\"\/>\r\n <polygon points=\"25,3 22.5,7 27.5,7\"\/>\r\n <g transform=\"rotate(38,25,36)\">\r\n <rect x=\"7\" y=\"16\" width=\"2.5\" height=\"18\" rx=\"1.2\"\/>\r\n <polygon points=\"7,16 4.5,20 9.5,20\"\/>\r\n <\/g>\r\n <g transform=\"rotate(-38,25,36)\">\r\n <rect x=\"40.5\" y=\"16\" width=\"2.5\" height=\"18\" rx=\"1.2\"\/>\r\n <polygon points=\"40.5,16 38,20 43,20\"\/>\r\n <\/g>\r\n <g transform=\"rotate(18,25,36)\">\r\n <rect x=\"19\" y=\"46\" width=\"2.5\" height=\"14\" rx=\"1.2\"\/>\r\n <polygon points=\"19,60 16.5,64 21.5,64\"\/>\r\n <\/g>\r\n <g transform=\"rotate(-18,25,36)\">\r\n <rect x=\"28.5\" y=\"46\" width=\"2.5\" height=\"14\" rx=\"1.2\"\/>\r\n <polygon points=\"28.5,60 26,64 31,64\"\/>\r\n <\/g>\r\n <\/g>\r\n <\/svg>`;\r\n}\r\n\r\nlet lastFt=0,lastFx=0,lastFy=0,side=0;\r\ndocument.addEventListener('mousemove', e=>{\r\n const now=Date.now();\r\n if(now-lastFt<85) return;\r\n const dx=e.clientX-lastFx, dy=e.clientY-lastFy;\r\n if(Math.sqrt(dx*dx+dy*dy)<10) return;\r\n lastFt=now; lastFx=e.clientX; lastFy=e.clientY;\r\n const angle=Math.atan2(dy,dx)*180\/Math.PI+90;\r\n const pr=Math.atan2(dy,dx)+Math.PI\/2;\r\n const off=11;\r\n const ox=Math.cos(pr)*off*(side?1:-1);\r\n const oy=Math.sin(pr)*off*(side?1:-1);\r\n side=1-side;\r\n const el=document.createElement('div');\r\n el.className='fp';\r\n el.style.cssText=`left:${e.clientX+ox}px;top:${e.clientY+oy}px;--r:${angle}deg;`;\r\n el.innerHTML=fpSVG();\r\n document.body.appendChild(el);\r\n setTimeout(()=>el.remove(), 920);\r\n});\r\n\r\nconst revEls=document.querySelectorAll('.reveal');\r\nconst rio=new IntersectionObserver(entries=>{\r\n entries.forEach(en=>{\r\n if(en.isIntersecting){ en.target.classList.add('in'); rio.unobserve(en.target); }\r\n });\r\n},{threshold:.1,rootMargin:'0px 0px -50px 0px'});\r\nrevEls.forEach(el=>rio.observe(el));\r\n\r\nfunction runCounter(el, to, dur){\r\n let start=null;\r\n function step(ts){\r\n if(!start) start=ts;\r\n const p=Math.min((ts-start)\/dur,1);\r\n const ep=1-Math.pow(1-p,3);\r\n el.textContent=Math.round(ep*to);\r\n if(p<1) requestAnimationFrame(step);\r\n else el.textContent=to;\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\r\nconst cio=new IntersectionObserver(entries=>{\r\n entries.forEach(en=>{\r\n if(en.isIntersecting){\r\n en.target.querySelectorAll('.cnt-num2').forEach(el=>{\r\n runCounter(el, parseInt(el.dataset.to), 1400);\r\n });\r\n cio.unobserve(en.target);\r\n }\r\n });\r\n},{threshold:.3});\r\ndocument.querySelectorAll('.num-grid').forEach(el=>cio.observe(el));\r\n\r\ndocument.getElementById('burgerBtn').addEventListener('click',()=>{\r\n const nav=document.getElementById('navD');\r\n const isOpen=nav.classList.contains('mob-open');\r\n\r\n if(isOpen){\r\n nav.classList.remove('mob-open');\r\n nav.style.cssText='';\r\n }else{\r\n nav.classList.add('mob-open');\r\n nav.style.cssText=\r\n 'display:flex;' +\r\n 'flex-direction:column;' +\r\n 'align-items:flex-start;' +\r\n 'position:fixed;' +\r\n 'top:92px;' +\r\n 'left:0;' +\r\n 'right:0;' +\r\n 'background:rgba(250,250,248,.97);' +\r\n 'padding:20px clamp(26px,4vw,54px) 30px;' +\r\n 'gap:0;' +\r\n 'border-bottom:1px solid rgba(17,17,16,.08);' +\r\n 'backdrop-filter:blur(16px);' +\r\n '-webkit-backdrop-filter:blur(16px);' +\r\n 'z-index:999;';\r\n }\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; \/\/ ms between slides\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 \/\/ Set the CSS variable so the progress bar animation duration matches\r\n dots.forEach(d => d.style.setProperty('--slide-duration', DELAY + 'ms'));\r\n\r\n function resetDot(dot){\r\n \/\/ Force reflow to restart the CSS transition\r\n dot.classList.remove('is-active');\r\n void dot.offsetWidth; \/\/ reflow\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 \/\/ Image slides\r\n imgSlides[prev].classList.remove('is-active');\r\n imgSlides[activeIndex].classList.add('is-active');\r\n\r\n \/\/ Content slides \u2014 reset text animations by toggling class\r\n contentSlides[prev].classList.remove('is-active');\r\n \/\/ Small delay so CSS transitions on the outgoing slide can finish\r\n contentSlides[activeIndex].classList.add('is-active');\r\n\r\n \/\/ Dots\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){ clearInterval(timer); timer = null; }\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 \/\/ Pause on hover\r\n imgSlider.closest('.hero').addEventListener('mouseenter', stopTimer);\r\n imgSlider.closest('.hero').addEventListener('mouseleave', startTimer);\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\nwindow.addEventListener('scroll',()=>{\r\n const sy=window.scrollY;\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\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function(){\r\n if(typeof L === 'undefined' || document.getElementById('gt-home-map') === null || window.__gtHomeMapInit) return;\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 L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_nolabels\/{z}\/{x}\/{y}{r}.png', {\r\n attribution: '© OpenStreetMap © 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){ return d * Math.PI \/ 180; }\r\n function toDeg(r){ return r * 180 \/ Math.PI; }\r\n\r\n function geodesicPoints(from, to, steps){\r\n const lat1 = toRad(from[0]), lon1 = toRad(from[1]);\r\n const lat2 = toRad(to[0]), lon2 = toRad(to[1]);\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 const pts = [];\r\n for(let i = 0; i <= steps; i++){\r\n const f = i \/ steps;\r\n if(d < 0.0001){ pts.push([from[0], from[1]]); continue; }\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 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 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 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', {direction:'top'});\r\n\r\n routes.forEach((route) => {\r\n const points = geodesicPoints(ORIGIN, route.ll, 100);\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 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, {direction:'top'});\r\n visibleBounds.extend(route.ll);\r\n });\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 const eggs = routes.map((route, index) => {\r\n const pts = geodesicPoints(ORIGIN, route.ll, 320);\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 return { marker, pts, total: pts.length, progress: index \/ routes.length, speed: 0.0011 + Math.random() * 0.0007 };\r\n });\r\n\r\n function animateEggs(){\r\n eggs.forEach((item) => {\r\n item.progress += item.speed;\r\n if(item.progress >= 1) item.progress = 0;\r\n const currentIndex = Math.floor(item.progress * (item.total - 1));\r\n item.marker.setLatLng(item.pts[currentIndex]);\r\n });\r\n requestAnimationFrame(animateEggs);\r\n }\r\n animateEggs();\r\n\r\n function resizeMap(){\r\n setTimeout(() => {\r\n map.invalidateSize();\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 }, 200);\r\n }\r\n window.addEventListener('resize', resizeMap);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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 \u2014 Pure & Clean Since 1996 Garanti Tavuk\u00e7uluk Kulu\u00e7kal\u0131k Yumurta & G\u00fcnl\u00fck Civciv \u00dcreticisi D\u00fcnyan\u0131n her k\u00f6\u015fesine kaliteyle. 2007’dan bu yana kulu\u00e7kal\u0131k yumurta ve g\u00fcnl\u00fck civciv \u00fcretiminde 40’tan fazla \u00fclkeye ihracat yap\u0131yoruz. Her y\u0131l 500 milyonun \u00fczerinde \u00fcretim kapasitesiyle sekt\u00f6rde lider konumday\u0131z. \u00dcr\u00fcnlerimiz Modern Dam\u0131zl\u0131k Tesisleri \u00dcretimin kalbinde teknoloji. Biyog\u00fcvenlik standartlar\u0131yla donat\u0131lm\u0131\u015f modern […]<\/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":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages\/1483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/comments?post=1483"}],"version-history":[{"count":98,"href":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages\/1483\/revisions"}],"predecessor-version":[{"id":1919,"href":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/pages\/1483\/revisions\/1919"}],"wp:attachment":[{"href":"https:\/\/garantitavukculuk.com\/en\/wp-json\/wp\/v2\/media?parent=1483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}