{"id":1622,"date":"2026-10-12T12:32:19","date_gmt":"2026-10-12T12:32:19","guid":{"rendered":"https:\/\/avexegg.com\/?page_id=1622"},"modified":"2026-10-23T09:29:28","modified_gmt":"2026-10-23T09:29:28","slug":"production-processes","status":"publish","type":"page","link":"https:\/\/avexegg.com\/ru\/production-processes\/","title":{"rendered":"PRODUCT\u0130ON PROCESSES"},"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\nOrallar Zirai - Production Processes<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"orallar-production-story\">\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n ORALLAR Z\u0130RA\u0130\r\n \u00dcRET\u0130M S\u00dcRE\u00c7LER\u0130\r\n========================================================= *\/\r\n\r\n#orallar-production-story{\r\n\r\n --ops-red:#d71920;\r\n --ops-red-dark:#a81018;\r\n\r\n --ops-gold:#d4b64d;\r\n --ops-cream:#efe5c4;\r\n\r\n --ops-black:#171717;\r\n --ops-gray:#656565;\r\n\r\n --ops-white:#ffffff;\r\n --ops-soft:#faf9f6;\r\n --ops-line:#dfdcd5;\r\n\r\n --ops-ease-out:cubic-bezier(.16,1,.3,1);\r\n --ops-ease-soft:cubic-bezier(.22,.61,.36,1);\r\n --ops-ease-in-out:cubic-bezier(.65,0,.35,1);\r\n\r\n width:100%;\r\n\r\n background:#fff;\r\n\r\n color:var(--ops-black);\r\n\r\n font-family:\r\n \"DM Sans\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n#orallar-production-story *,\r\n#orallar-production-story *::before,\r\n#orallar-production-story *::after{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n#orallar-production-story img{\r\n display:block;\r\n width:100%;\r\n}\r\n\r\n\r\n.ops-container{\r\n\r\n width:min(\r\n 1380px,\r\n calc(100% - 90px)\r\n );\r\n\r\n margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO\r\n========================================================= *\/\r\n\r\n.ops-hero{\r\n\r\n position:relative;\r\n\r\n min-height:570px;\r\n\r\n overflow:hidden;\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n background:#1b1b1b;\r\n\r\n color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO ART\r\n========================================================= *\/\r\n\r\n.ops-hero-art{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.15fr\r\n .75fr\r\n .95fr\r\n .8fr;\r\n\r\n gap:7px;\r\n\r\n padding:\r\n 22px 26px\r\n 0;\r\n}\r\n\r\n\r\n.ops-hero-art-item{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n background:#292929;\r\n\r\n opacity:0;\r\n\r\n transform:\r\n scale(1.08)\r\n translateY(14px);\r\n\r\n animation:\r\n opsHeroIn\r\n 1.1s\r\n var(--ops-ease-out)\r\n forwards;\r\n}\r\n\r\n\r\n.ops-hero-art-item:nth-child(1){\r\n animation-delay:.02s;\r\n}\r\n\r\n.ops-hero-art-item:nth-child(2){\r\n animation-delay:.12s;\r\n}\r\n\r\n.ops-hero-art-item:nth-child(3){\r\n animation-delay:.22s;\r\n}\r\n\r\n.ops-hero-art-item:nth-child(4){\r\n animation-delay:.32s;\r\n}\r\n\r\n\r\n@keyframes opsHeroIn{\r\n\r\n to{\r\n opacity:1;\r\n\r\n transform:\r\n scale(1)\r\n translateY(0);\r\n }\r\n\r\n}\r\n\r\n\r\n.ops-hero-art-item:nth-child(1){\r\n\r\n height:88%;\r\n\r\n align-self:end;\r\n}\r\n\r\n\r\n.ops-hero-art-item:nth-child(2){\r\n\r\n height:72%;\r\n\r\n align-self:start;\r\n\r\n margin-top:20px;\r\n}\r\n\r\n\r\n.ops-hero-art-item:nth-child(3){\r\n\r\n height:92%;\r\n\r\n align-self:end;\r\n}\r\n\r\n\r\n.ops-hero-art-item:nth-child(4){\r\n\r\n height:76%;\r\n\r\n align-self:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NORMAL HERO PHOTOS\r\n========================================================= *\/\r\n\r\n.ops-hero-art-item img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n object-position:center;\r\n\r\n filter:\r\n brightness(.62)\r\n saturate(.8);\r\n\r\n transform:\r\n scale(1.03);\r\n\r\n transition:\r\n transform 1.4s var(--ops-ease-out),\r\n filter .6s var(--ops-ease-soft);\r\n\r\n will-change:transform;\r\n}\r\n\r\n\r\n.ops-hero-art-item:hover img{\r\n\r\n transform:\r\n scale(1.09);\r\n\r\n filter:\r\n brightness(.7)\r\n saturate(.95);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ONLY IMAGES THAT SHOULD REMAIN CONTAINED\r\n========================================================= *\/\r\n\r\n.ops-hero-art-item.contain{\r\n\r\n background:#e9dfbe;\r\n}\r\n\r\n\r\n.ops-hero-art-item.contain img{\r\n\r\n object-fit:contain;\r\n\r\n padding:22px;\r\n\r\n filter:\r\n brightness(.9)\r\n saturate(.9);\r\n}\r\n\r\n\r\n.ops-hero-art-item.contain:hover img{\r\n\r\n filter:\r\n brightness(.96)\r\n saturate(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LAST HERO IMAGE\r\n KUTUYU TAM DOLDURUR\r\n========================================================= *\/\r\n\r\n.ops-hero-art-item.hero-fill{\r\n\r\n background:#292929;\r\n}\r\n\r\n\r\n.ops-hero-art-item.hero-fill img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n object-position:center;\r\n\r\n padding:0;\r\n\r\n filter:\r\n brightness(.62)\r\n saturate(.8);\r\n}\r\n\r\n\r\n.ops-hero-art-item.hero-fill:hover img{\r\n\r\n transform:scale(1.09);\r\n\r\n filter:\r\n brightness(.7)\r\n saturate(.95);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO OVERLAY\r\n========================================================= *\/\r\n\r\n.ops-hero-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:2;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,0,0,.05) 0%,\r\n rgba(0,0,0,.12) 35%,\r\n rgba(0,0,0,.75) 100%\r\n ),\r\n\r\n linear-gradient(\r\n 90deg,\r\n rgba(0,0,0,.42),\r\n transparent 35%,\r\n transparent 65%,\r\n rgba(0,0,0,.33)\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO CONTENT\r\n========================================================= *\/\r\n\r\n.ops-hero-content{\r\n\r\n position:relative;\r\n\r\n z-index:5;\r\n\r\n width:100%;\r\n\r\n padding:\r\n 0 0 55px;\r\n}\r\n\r\n\r\n.ops-hero-inner{\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n gap:60px;\r\n}\r\n\r\n\r\n.ops-kicker{\r\n\r\n color:var(--ops-gold);\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:2.2px;\r\n\r\n text-transform:uppercase;\r\n\r\n opacity:0;\r\n\r\n transform:translateY(10px);\r\n\r\n animation:\r\n opsFadeUp\r\n .9s\r\n var(--ops-ease-out)\r\n .45s\r\n forwards;\r\n}\r\n\r\n\r\n.ops-hero h1{\r\n\r\n max-width:900px;\r\n\r\n margin:\r\n 10px 0 0;\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 54px,\r\n 7vw,\r\n 100px\r\n );\r\n\r\n line-height:.82;\r\n\r\n letter-spacing:-6px;\r\n\r\n font-weight:800;\r\n\r\n opacity:0;\r\n\r\n transform:translateY(18px);\r\n\r\n animation:\r\n opsFadeUp\r\n 1s\r\n var(--ops-ease-out)\r\n .58s\r\n forwards;\r\n}\r\n\r\n\r\n.ops-hero h1 span{\r\n\r\n display:block;\r\n\r\n color:var(--ops-red);\r\n}\r\n\r\n\r\n.ops-hero-copy{\r\n\r\n max-width:480px;\r\n\r\n padding-bottom:4px;\r\n\r\n color:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .82\r\n );\r\n\r\n font-size:15px;\r\n\r\n line-height:1.7;\r\n\r\n opacity:0;\r\n\r\n transform:translateY(14px);\r\n\r\n animation:\r\n opsFadeUp\r\n .9s\r\n var(--ops-ease-out)\r\n .78s\r\n forwards;\r\n}\r\n\r\n\r\n@keyframes opsFadeUp{\r\n\r\n to{\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO BOTTOM\r\n========================================================= *\/\r\n\r\n.ops-hero-bottom{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n\r\n height:34px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n background:var(--ops-red);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.ops-hero-track{\r\n\r\n display:flex;\r\n\r\n width:max-content;\r\n\r\n animation:\r\n opsMarquee\r\n 32s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n.ops-hero-track-group{\r\n\r\n display:flex;\r\n}\r\n\r\n\r\n.ops-hero-track span{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:17px;\r\n\r\n padding-right:17px;\r\n\r\n white-space:nowrap;\r\n\r\n font-size:9px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:1px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.ops-hero-track span::after{\r\n\r\n content:\"\";\r\n\r\n width:4px;\r\n height:4px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--ops-gold);\r\n}\r\n\r\n\r\n@keyframes opsMarquee{\r\n\r\n from{\r\n transform:translate3d(0,0,0);\r\n }\r\n\r\n to{\r\n transform:translate3d(-50%,0,0);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY INTRO\r\n========================================================= *\/\r\n\r\n.ops-story-intro{\r\n\r\n padding:\r\n 42px 0 26px;\r\n\r\n background:#fff;\r\n}\r\n\r\n\r\n.ops-story-intro-inner{\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n gap:50px;\r\n\r\n padding-bottom:25px;\r\n\r\n border-bottom:\r\n 1px solid\r\n var(--ops-line);\r\n}\r\n\r\n\r\n.ops-story-intro h2{\r\n\r\n max-width:740px;\r\n\r\n margin:0;\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 35px,\r\n 4vw,\r\n 55px\r\n );\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3px;\r\n}\r\n\r\n\r\n.ops-story-intro h2 span{\r\n\r\n color:var(--ops-red);\r\n}\r\n\r\n\r\n.ops-story-intro p{\r\n\r\n max-width:470px;\r\n\r\n margin:0;\r\n\r\n color:var(--ops-gray);\r\n\r\n font-size:15px;\r\n\r\n line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY\r\n========================================================= *\/\r\n\r\n.ops-story{\r\n\r\n position:relative;\r\n\r\n padding:\r\n 20px 0 80px;\r\n\r\n background:#fff;\r\n}\r\n\r\n\r\n.ops-story-layout{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.05fr\r\n .95fr;\r\n\r\n gap:85px;\r\n\r\n align-items:start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STICKY VISUAL\r\n========================================================= *\/\r\n\r\n.ops-visual-column{\r\n\r\n position:sticky;\r\n\r\n top:85px;\r\n\r\n height:\r\n calc(100vh - 120px);\r\n\r\n min-height:570px;\r\n\r\n max-height:760px;\r\n}\r\n\r\n\r\n.ops-visual-stage{\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n overflow:hidden;\r\n\r\n background:#222;\r\n\r\n border-radius:2px;\r\n}\r\n\r\n\r\n.ops-visual-slide{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n opacity:0;\r\n\r\n transform:\r\n scale(1.08);\r\n\r\n filter:\r\n blur(6px);\r\n\r\n transition:\r\n opacity 1s var(--ops-ease-in-out),\r\n transform 1.3s var(--ops-ease-out),\r\n filter 1s var(--ops-ease-out);\r\n\r\n will-change:\r\n opacity,\r\n transform,\r\n filter;\r\n}\r\n\r\n\r\n.ops-visual-slide.active{\r\n\r\n opacity:1;\r\n\r\n transform:scale(1);\r\n\r\n filter:blur(0);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n.ops-visual-slide img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n}\r\n\r\n\r\n.ops-visual-slide.contain{\r\n\r\n background:#eee6c9;\r\n}\r\n\r\n\r\n.ops-visual-slide.contain img{\r\n\r\n object-fit:contain;\r\n\r\n padding:45px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VISUAL SHADE\r\n========================================================= *\/\r\n\r\n.ops-visual-stage::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n z-index:4;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n transparent 55%,\r\n rgba(0,0,0,.72)\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CURRENT STAGE LABEL\r\n========================================================= *\/\r\n\r\n.ops-current{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n left:25px;\r\n bottom:24px;\r\n\r\n right:25px;\r\n\r\n color:#fff;\r\n}\r\n\r\n\r\n.ops-current-number{\r\n\r\n color:var(--ops-gold);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n\r\n display:inline-block;\r\n\r\n transition:\r\n opacity .35s var(--ops-ease-soft),\r\n transform .35s var(--ops-ease-soft);\r\n}\r\n\r\n\r\n.ops-current h3{\r\n\r\n margin:\r\n 5px 0 0;\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 27px,\r\n 3vw,\r\n 43px\r\n );\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-2px;\r\n\r\n display:inline-block;\r\n\r\n transition:\r\n opacity .45s var(--ops-ease-soft),\r\n transform .45s var(--ops-ease-soft);\r\n}\r\n\r\n\r\n.ops-current.ops-swap .ops-current-number,\r\n.ops-current.ops-swap h3{\r\n\r\n opacity:0;\r\n\r\n transform:translateY(8px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 21 DAY OVERLAY\r\n========================================================= *\/\r\n\r\n.ops-days-overlay{\r\n\r\n position:absolute;\r\n\r\n z-index:7;\r\n\r\n inset:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n color:#fff;\r\n\r\n opacity:0;\r\n\r\n pointer-events:none;\r\n\r\n transition:\r\n opacity .7s var(--ops-ease-in-out);\r\n}\r\n\r\n\r\n.ops-visual-stage.show-days\r\n.ops-days-overlay{\r\n\r\n opacity:1;\r\n}\r\n\r\n\r\n.ops-days-overlay::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n rgba(\r\n 181,\r\n 14,\r\n 22,\r\n .77\r\n );\r\n\r\n backdrop-filter:\r\n blur(2px);\r\n\r\n transition:\r\n backdrop-filter .7s var(--ops-ease-in-out);\r\n}\r\n\r\n\r\n\/* \u0130\u00e7erik *\/\r\n\r\n.ops-days-content{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n width:min(\r\n 760px,\r\n calc(100% - 50px)\r\n );\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.ops-days-kicker{\r\n\r\n margin-bottom:18px;\r\n\r\n color:rgba(255,255,255,.78);\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:9px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:1.8px;\r\n\r\n text-transform:uppercase;\r\n\r\n opacity:0;\r\n\r\n transform:translateY(10px);\r\n\r\n transition:\r\n opacity .55s var(--ops-ease-out),\r\n transform .55s var(--ops-ease-out);\r\n}\r\n\r\n\r\n.ops-days-flow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:24px;\r\n}\r\n\r\n\r\n.ops-days-item,\r\n.ops-days-divider{\r\n\r\n opacity:0;\r\n\r\n transform:\r\n translateY(10px)\r\n scale(.94);\r\n\r\n transition:\r\n opacity .55s var(--ops-ease-out),\r\n transform .55s var(--ops-ease-out);\r\n}\r\n\r\n\r\n.ops-visual-stage.show-days .ops-days-kicker,\r\n.ops-visual-stage.show-days .ops-days-item,\r\n.ops-visual-stage.show-days .ops-days-divider,\r\n.ops-visual-stage.show-days .ops-days-note{\r\n\r\n opacity:1;\r\n\r\n transform:\r\n translateY(0)\r\n scale(1);\r\n}\r\n\r\n\r\n.ops-visual-stage.show-days .ops-days-kicker{\r\n transition-delay:.06s;\r\n}\r\n\r\n.ops-visual-stage.show-days .ops-days-item:nth-child(1){\r\n transition-delay:.14s;\r\n}\r\n\r\n.ops-visual-stage.show-days .ops-days-divider:nth-child(2){\r\n transition-delay:.20s;\r\n}\r\n\r\n.ops-visual-stage.show-days .ops-days-item:nth-child(3){\r\n transition-delay:.26s;\r\n}\r\n\r\n.ops-visual-stage.show-days .ops-days-divider:nth-child(4){\r\n transition-delay:.32s;\r\n}\r\n\r\n.ops-visual-stage.show-days .ops-days-item:nth-child(5){\r\n transition-delay:.38s;\r\n}\r\n\r\n.ops-visual-stage.show-days .ops-days-note{\r\n transition-delay:.46s;\r\n}\r\n\r\n\r\n.ops-days-item{\r\n\r\n min-width:125px;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.ops-days-item strong{\r\n\r\n display:block;\r\n\r\n color:#f3e6ae;\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 55px,\r\n 7vw,\r\n 95px\r\n );\r\n\r\n line-height:.85;\r\n\r\n letter-spacing:-4px;\r\n}\r\n\r\n\r\n.ops-days-item span{\r\n\r\n display:block;\r\n\r\n margin-top:9px;\r\n\r\n font-size:9px;\r\n\r\n font-weight:800;\r\n\r\n line-height:1.35;\r\n\r\n letter-spacing:.8px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.ops-days-item.ops-days-total span{\r\n\r\n max-width:120px;\r\n\r\n margin-left:auto;\r\n\r\n margin-right:auto;\r\n}\r\n\r\n\r\n\/* + ve = yerine s\u00fcre\u00e7 ayrac\u0131 *\/\r\n\r\n.ops-days-divider{\r\n\r\n width:46px;\r\n height:1px;\r\n\r\n flex:0 0 46px;\r\n\r\n background:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .42\r\n );\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.ops-days-divider::before,\r\n.ops-days-divider::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:50%;\r\n\r\n width:4px;\r\n height:4px;\r\n\r\n border-radius:50%;\r\n\r\n background:#f3e6ae;\r\n\r\n transform:translateY(-50%);\r\n}\r\n\r\n\r\n.ops-days-divider::before{\r\n left:0;\r\n}\r\n\r\n\r\n.ops-days-divider::after{\r\n right:0;\r\n}\r\n\r\n\r\n.ops-days-note{\r\n\r\n max-width:570px;\r\n\r\n margin:\r\n 22px auto 0;\r\n\r\n color:\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n .84\r\n );\r\n\r\n font-size:11px;\r\n\r\n font-weight:600;\r\n\r\n line-height:1.6;\r\n\r\n letter-spacing:.15px;\r\n\r\n opacity:0;\r\n\r\n transform:translateY(10px);\r\n\r\n transition:\r\n opacity .55s var(--ops-ease-out),\r\n transform .55s var(--ops-ease-out);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n STORY STEPS\r\n========================================================= *\/\r\n\r\n.ops-steps{\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.ops-step{\r\n\r\n min-height:\r\n min(\r\n 620px,\r\n 78vh\r\n );\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n\r\n padding:\r\n 65px 0;\r\n\r\n border-bottom:\r\n 1px solid\r\n var(--ops-line);\r\n\r\n opacity:.36;\r\n\r\n transform:translateY(4px);\r\n\r\n transition:\r\n opacity .55s var(--ops-ease-soft),\r\n transform .55s var(--ops-ease-soft);\r\n}\r\n\r\n\r\n.ops-step.active{\r\n\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\r\n.ops-step:last-child{\r\n\r\n border-bottom:0;\r\n}\r\n\r\n\r\n.ops-step-number{\r\n\r\n color:var(--ops-red);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n.ops-step small{\r\n\r\n display:block;\r\n\r\n margin-top:18px;\r\n\r\n color:#999;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.4px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.ops-step h2{\r\n\r\n max-width:560px;\r\n\r\n margin:\r\n 7px 0 0;\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 33px,\r\n 3.7vw,\r\n 53px\r\n );\r\n\r\n line-height:.96;\r\n\r\n letter-spacing:-2.8px;\r\n}\r\n\r\n\r\n.ops-step h2 span{\r\n\r\n color:var(--ops-red);\r\n}\r\n\r\n\r\n.ops-step p{\r\n\r\n max-width:570px;\r\n\r\n margin:\r\n 16px 0 0;\r\n\r\n color:var(--ops-gray);\r\n\r\n font-size:15px;\r\n\r\n line-height:1.76;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FACTS\r\n========================================================= *\/\r\n\r\n.ops-facts{\r\n\r\n margin-top:22px;\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:\r\n 8px 19px;\r\n}\r\n\r\n\r\n.ops-facts span{\r\n\r\n position:relative;\r\n\r\n color:#555;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n opacity:.5;\r\n\r\n transform:translateY(6px);\r\n\r\n transition:\r\n opacity .5s var(--ops-ease-out),\r\n transform .5s var(--ops-ease-out);\r\n}\r\n\r\n\r\n.ops-step.active .ops-facts span{\r\n\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\r\n.ops-step.active .ops-facts span:nth-child(1){\r\n transition-delay:.08s;\r\n}\r\n\r\n.ops-step.active .ops-facts span:nth-child(2){\r\n transition-delay:.16s;\r\n}\r\n\r\n.ops-step.active .ops-facts span:nth-child(3){\r\n transition-delay:.24s;\r\n}\r\n\r\n.ops-step.active .ops-facts span:nth-child(4){\r\n transition-delay:.32s;\r\n}\r\n\r\n.ops-step.active .ops-facts span:nth-child(5){\r\n transition-delay:.4s;\r\n}\r\n\r\n\r\n.ops-facts span:not(:last-child)::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n right:-11px;\r\n\r\n top:50%;\r\n\r\n width:3px;\r\n height:3px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--ops-gold);\r\n\r\n transform:translateY(-50%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EGG QUALITY\r\n========================================================= *\/\r\n\r\n.ops-quality{\r\n\r\n margin-top:20px;\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n}\r\n\r\n\r\n.ops-quality span{\r\n\r\n padding:\r\n 7px 9px;\r\n\r\n border-bottom:\r\n 2px solid\r\n var(--ops-gold);\r\n\r\n color:#676767;\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n opacity:.5;\r\n\r\n transform:translateY(6px);\r\n\r\n transition:\r\n opacity .5s var(--ops-ease-out),\r\n transform .5s var(--ops-ease-out),\r\n background .3s var(--ops-ease-soft),\r\n color .3s var(--ops-ease-soft);\r\n}\r\n\r\n\r\n.ops-step.active .ops-quality span{\r\n\r\n opacity:1;\r\n\r\n transform:translateY(0);\r\n}\r\n\r\n\r\n.ops-step.active .ops-quality span:nth-child(1){\r\n transition-delay:.06s;\r\n}\r\n\r\n.ops-step.active .ops-quality span:nth-child(2){\r\n transition-delay:.12s;\r\n}\r\n\r\n.ops-step.active .ops-quality span:nth-child(3){\r\n transition-delay:.18s;\r\n}\r\n\r\n.ops-step.active .ops-quality span:nth-child(4){\r\n transition-delay:.24s;\r\n}\r\n\r\n.ops-step.active .ops-quality span:nth-child(5){\r\n transition-delay:.3s;\r\n}\r\n\r\n\r\n.ops-quality span:hover{\r\n\r\n background:var(--ops-gold);\r\n\r\n color:#171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FINAL\r\n========================================================= *\/\r\n\r\n.ops-final{\r\n\r\n background:var(--ops-soft);\r\n\r\n border-top:\r\n 1px solid\r\n var(--ops-line);\r\n}\r\n\r\n\r\n.ops-final-inner{\r\n\r\n min-height:160px;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.1fr\r\n .9fr;\r\n\r\n gap:60px;\r\n\r\n align-items:center;\r\n}\r\n\r\n\r\n.ops-final h2{\r\n\r\n max-width:760px;\r\n\r\n margin:0;\r\n\r\n font-family:\r\n \"Manrope\",\r\n sans-serif;\r\n\r\n font-size:\r\n clamp(\r\n 30px,\r\n 3.5vw,\r\n 48px\r\n );\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-2.3px;\r\n}\r\n\r\n\r\n.ops-final h2 span{\r\n\r\n color:var(--ops-red);\r\n}\r\n\r\n\r\n.ops-final-points{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr\r\n 1fr;\r\n\r\n gap:\r\n 9px 25px;\r\n}\r\n\r\n\r\n.ops-final-points span{\r\n\r\n padding-bottom:8px;\r\n\r\n border-bottom:\r\n 1px solid\r\n var(--ops-line);\r\n\r\n color:#666;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n border-color .35s var(--ops-ease-soft),\r\n color .35s var(--ops-ease-soft);\r\n}\r\n\r\n\r\n.ops-final-points span:hover{\r\n\r\n border-color:var(--ops-red);\r\n\r\n color:var(--ops-black);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVEAL\r\n========================================================= *\/\r\n\r\n.ops-reveal{\r\n\r\n opacity:0;\r\n\r\n transform:translateY(22px);\r\n\r\n transition:\r\n opacity .8s var(--ops-ease-out),\r\n transform .8s var(--ops-ease-out);\r\n}\r\n\r\n\r\n.ops-reveal.ops-visible{\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .ops-container{\r\n\r\n width:\r\n calc(100% - 45px);\r\n }\r\n\r\n\r\n .ops-hero{\r\n\r\n min-height:540px;\r\n }\r\n\r\n\r\n .ops-hero-art{\r\n\r\n grid-template-columns:\r\n 1.2fr\r\n .8fr\r\n 1fr;\r\n }\r\n\r\n\r\n .ops-hero-art-item:nth-child(4){\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .ops-story-layout{\r\n\r\n gap:45px;\r\n }\r\n\r\n\r\n .ops-visual-column{\r\n\r\n min-height:500px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:750px){\r\n\r\n .ops-container{\r\n\r\n width:\r\n calc(100% - 30px);\r\n }\r\n\r\n\r\n \/* HERO *\/\r\n\r\n .ops-hero{\r\n\r\n min-height:520px;\r\n }\r\n\r\n\r\n .ops-hero-art{\r\n\r\n grid-template-columns:\r\n 1.25fr\r\n .8fr;\r\n\r\n padding:\r\n 12px 12px 0;\r\n }\r\n\r\n\r\n .ops-hero-art-item:nth-child(3),\r\n .ops-hero-art-item:nth-child(4){\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .ops-hero-inner{\r\n\r\n display:block;\r\n }\r\n\r\n\r\n .ops-hero h1{\r\n\r\n font-size:48px;\r\n\r\n line-height:.86;\r\n\r\n letter-spacing:-3.5px;\r\n }\r\n\r\n\r\n .ops-hero-copy{\r\n\r\n max-width:390px;\r\n\r\n margin-top:16px;\r\n\r\n font-size:13px;\r\n\r\n line-height:1.6;\r\n }\r\n\r\n\r\n \/* INTRO *\/\r\n\r\n .ops-story-intro{\r\n\r\n padding:\r\n 35px 0 10px;\r\n }\r\n\r\n\r\n .ops-story-intro-inner{\r\n\r\n display:block;\r\n }\r\n\r\n\r\n .ops-story-intro h2{\r\n\r\n font-size:34px;\r\n\r\n letter-spacing:-2px;\r\n }\r\n\r\n\r\n .ops-story-intro p{\r\n\r\n margin-top:12px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n \/* STORY *\/\r\n\r\n .ops-story{\r\n\r\n padding:\r\n 15px 0 50px;\r\n }\r\n\r\n\r\n .ops-story-layout{\r\n\r\n display:block;\r\n }\r\n\r\n\r\n .ops-visual-column{\r\n\r\n position:sticky;\r\n\r\n top:10px;\r\n\r\n z-index:8;\r\n\r\n width:100%;\r\n\r\n height:310px;\r\n\r\n min-height:0;\r\n\r\n max-height:none;\r\n\r\n margin-bottom:10px;\r\n }\r\n\r\n\r\n .ops-visual-slide.contain img{\r\n\r\n padding:25px;\r\n }\r\n\r\n\r\n .ops-current h3{\r\n\r\n font-size:27px;\r\n }\r\n\r\n\r\n .ops-step{\r\n\r\n min-height:auto;\r\n\r\n padding:\r\n 45px 0;\r\n }\r\n\r\n\r\n .ops-step h2{\r\n\r\n font-size:31px;\r\n\r\n letter-spacing:-1.8px;\r\n }\r\n\r\n\r\n .ops-step p{\r\n\r\n font-size:14px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n \/* 21 G\u00dcNL\u00dcK S\u00dcRE\u00c7 *\/\r\n\r\n .ops-days-content{\r\n\r\n width:\r\n calc(100% - 30px);\r\n }\r\n\r\n\r\n .ops-days-kicker{\r\n\r\n margin-bottom:13px;\r\n\r\n font-size:8px;\r\n\r\n letter-spacing:1.3px;\r\n }\r\n\r\n\r\n .ops-days-flow{\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n .ops-days-item{\r\n\r\n min-width:0;\r\n\r\n flex:1;\r\n }\r\n\r\n\r\n .ops-days-item strong{\r\n\r\n font-size:45px;\r\n\r\n letter-spacing:-2.5px;\r\n }\r\n\r\n\r\n .ops-days-item span{\r\n\r\n margin-top:6px;\r\n\r\n font-size:7px;\r\n\r\n letter-spacing:.45px;\r\n }\r\n\r\n\r\n .ops-days-divider{\r\n\r\n width:20px;\r\n\r\n flex-basis:20px;\r\n }\r\n\r\n\r\n .ops-days-note{\r\n\r\n max-width:310px;\r\n\r\n margin-top:15px;\r\n\r\n font-size:9px;\r\n\r\n line-height:1.5;\r\n }\r\n\r\n\r\n \/* FINAL *\/\r\n\r\n .ops-final-inner{\r\n\r\n grid-template-columns:\r\n 1fr;\r\n\r\n gap:25px;\r\n\r\n padding:\r\n 35px 0;\r\n }\r\n\r\n\r\n .ops-final-points{\r\n\r\n grid-template-columns:\r\n 1fr;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n .ops-hero-track{\r\n\r\n animation:none;\r\n }\r\n\r\n .ops-hero-art-item{\r\n\r\n animation:none;\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n }\r\n\r\n .ops-kicker,\r\n .ops-hero h1,\r\n .ops-hero-copy{\r\n\r\n animation:none;\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n }\r\n\r\n\r\n .ops-visual-slide{\r\n\r\n transition:none;\r\n\r\n filter:none;\r\n }\r\n\r\n\r\n .ops-step{\r\n\r\n transition:none;\r\n }\r\n\r\n\r\n .ops-facts span,\r\n .ops-quality span{\r\n\r\n transition:none;\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n }\r\n\r\n\r\n .ops-reveal{\r\n\r\n opacity:1;\r\n\r\n transform:none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n HERO\r\n========================================================= -->\r\n\r\n<div class=\"ops-hero\">\r\n\r\n\r\n <div class=\"ops-hero-art\">\r\n\r\n\r\n <!-- 01 -->\r\n <div class=\"ops-hero-art-item\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/04df8fd6-8a4a-4ff6-8f8f-0b3b105965af.png\"\r\n alt=\"Orallar production\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- 02 -->\r\n <div class=\"ops-hero-art-item\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/e2896efc-7367-486a-a4bd-7cd9a3047d2b.png\"\r\n alt=\"Orallar production facility\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- 03\r\n BU G\u00d6RSEL CONTAIN KALIYOR\r\n -->\r\n <div class=\"ops-hero-art-item contain\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/4db530e2-93bd-438b-a6d7-346d8eebc305.png\"\r\n alt=\"Hatching egg\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- 04\r\n DE\u011e\u0130\u015eT\u0130R\u0130LD\u0130:\r\n ARTIK KUTUNUN TAMAMINI DOLDURUYOR\r\n -->\r\n <div class=\"ops-hero-art-item hero-fill\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/e9ebf4ef-2c58-4bd9-8f8c-b1c26899cbd6.png\"\r\n alt=\"Day-old chick\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"ops-hero-overlay\"><\/div>\r\n\r\n\r\n\r\n <div class=\"ops-hero-content\">\r\n\r\n <div class=\"ops-container\">\r\n\r\n <div class=\"ops-hero-inner\">\r\n\r\n\r\n <div>\r\n\r\n <div class=\"ops-kicker\">\r\n Our Production Processes\r\n <\/div>\r\n\r\n\r\n <h1>\r\n The Production\r\n <span>\r\n Journey\r\n <\/span>\r\n <\/h1>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ops-hero-copy\">\r\n\r\n Our production process spans breeder flock rearing, hatching egg production, incubation, day-old chicks and carefully managed delivery.\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"ops-hero-bottom\">\r\n\r\n <div class=\"ops-hero-track\">\r\n\r\n\r\n <div class=\"ops-hero-track-group\">\r\n\r\n <span>Breeder Rearing<\/span>\r\n <span>Production Phase<\/span>\r\n <span>Egg Selection<\/span>\r\n <span>Storage<\/span>\r\n <span>Incubation<\/span>\r\n <span>Chick Inspection<\/span>\r\n <span>Dispatch<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"ops-hero-track-group\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <span>Breeder Rearing<\/span>\r\n <span>Production Phase<\/span>\r\n <span>Egg Selection<\/span>\r\n <span>Storage<\/span>\r\n <span>Incubation<\/span>\r\n <span>Chick Inspection<\/span>\r\n <span>Dispatch<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n INTRO\r\n========================================================= -->\r\n\r\n<div class=\"ops-story-intro\">\r\n\r\n <div class=\"ops-container\">\r\n\r\n <div class=\"ops-story-intro-inner ops-reveal\">\r\n\r\n\r\n <h2>\r\n\r\n Seven connected\r\n <span>\r\n stages of production.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Scroll down to follow each stage of production alongside its corresponding visual.\r\n\r\n <\/p>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n SCROLL STORY\r\n========================================================= -->\r\n\r\n<div class=\"ops-story\">\r\n\r\n <div class=\"ops-container\">\r\n\r\n <div class=\"ops-story-layout\">\r\n\r\n\r\n <!-- =================================================\r\n STICKY VISUAL\r\n ================================================== -->\r\n\r\n <div class=\"ops-visual-column\">\r\n\r\n <div\r\n class=\"ops-visual-stage\"\r\n id=\"ops-visual-stage\"\r\n >\r\n\r\n\r\n <div\r\n class=\"ops-visual-slide active\"\r\n data-visual=\"0\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/04df8fd6-8a4a-4ff6-8f8f-0b3b105965af.png\"\r\n alt=\"Breeder rearing\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div\r\n class=\"ops-visual-slide\"\r\n data-visual=\"1\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/b7ef8f5a-5c41-4286-95b7-e79edfbfd169.jpg\"\r\n alt=\"Production phase\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div\r\n class=\"ops-visual-slide contain\"\r\n data-visual=\"2\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/4db530e2-93bd-438b-a6d7-346d8eebc305.png\"\r\n alt=\"Hatching egg\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div\r\n class=\"ops-visual-slide\"\r\n data-visual=\"3\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/4c5b6bb4-caa0-4ba5-bd20-56da2c32b4d5.png\"\r\n alt=\"Controlled storage\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div\r\n class=\"ops-visual-slide\"\r\n data-visual=\"4\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/69e1ee95-670e-4f35-9d90-c7531ccb8458.png\"\r\n alt=\"Incubation process\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div\r\n class=\"ops-visual-slide contain\"\r\n data-visual=\"5\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/3887e7c0-d9e4-4376-91d7-a939d89417c3.png\"\r\n alt=\"Day-old chick\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div\r\n class=\"ops-visual-slide\"\r\n data-visual=\"6\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/7ba9c0f5-ef5b-4dd0-9c0d-a94809a6933e.jpg\"\r\n alt=\"Dispatch\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"ops-days-overlay\">\r\n\r\n\r\n <div class=\"ops-days-content\">\r\n\r\n\r\n <div class=\"ops-days-kicker\">\r\n Incubation Timeline\r\n <\/div>\r\n\r\n\r\n <div class=\"ops-days-flow\">\r\n\r\n\r\n <div class=\"ops-days-item\">\r\n\r\n <strong>\r\n 18\r\n <\/strong>\r\n\r\n <span>\r\n DAYS OF DEVELOPMENT\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"ops-days-divider\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"ops-days-item\">\r\n\r\n <strong>\r\n 3\r\n <\/strong>\r\n\r\n <span>\r\n DAYS OF HATCHING\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div\r\n class=\"ops-days-divider\"\r\n aria-hidden=\"true\"\r\n ><\/div>\r\n\r\n\r\n <div class=\"ops-days-item ops-days-total\">\r\n\r\n <strong>\r\n 21\r\n <\/strong>\r\n\r\n <span>\r\n TOTAL PROCESS DURATION\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ops-days-note\">\r\n\r\n The incubation process takes 21 days in total: 18 days of development followed by 3 days of hatching.\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div\r\n class=\"ops-current\"\r\n id=\"ops-current\"\r\n >\r\n\r\n <div\r\n class=\"ops-current-number\"\r\n id=\"ops-current-number\"\r\n >\r\n 01 \/ 07\r\n <\/div>\r\n\r\n <h3\r\n id=\"ops-current-title\"\r\n >\r\n Breeder Rearing\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- =================================================\r\n TEXT STEPS\r\n ================================================== -->\r\n\r\n <div class=\"ops-steps\">\r\n\r\n\r\n <!-- 01 -->\r\n\r\n <article\r\n class=\"ops-step active\"\r\n data-step=\"0\"\r\n data-title=\"Breeder Rearing\"\r\n >\r\n\r\n\r\n <div class=\"ops-step-number\">\r\n 01 \/ 07\r\n <\/div>\r\n\r\n\r\n <small>\r\n The Beginning\r\n <\/small>\r\n\r\n\r\n <h2>\r\n Breeder\r\n <span>\r\n rearing\r\n <\/span>\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Our breeder flocks are raised in controlled environmental conditions, following feeding programs and regular data monitoring throughout their development. Body weight, growth, flock uniformity and health indicators are monitored continuously.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"ops-facts\">\r\n\r\n <span>BODY WEIGHT<\/span>\r\n\r\n <span>%CV<\/span>\r\n\r\n <span>HEALTH MONITORING<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <!-- 02 -->\r\n\r\n <article\r\n class=\"ops-step\"\r\n data-step=\"1\"\r\n data-title=\"Production Phase\"\r\n >\r\n\r\n\r\n <div class=\"ops-step-number\">\r\n 02 \/ 07\r\n <\/div>\r\n\r\n\r\n <small>\r\n Transition to Production\r\n <\/small>\r\n\r\n\r\n <h2>\r\n Production\r\n <span>\r\n phase\r\n <\/span>\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Pullets are transferred to production farms at approximately 18\u201320 weeks of age. Production begins at around 24\u201325 weeks. Feed, water, body weight and egg production data are recorded.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"ops-facts\">\r\n\r\n <span>TRANSFER AT 18\u201320 WEEKS<\/span>\r\n\r\n <span>PRODUCTION AT 24\u201325 WEEKS<\/span>\r\n\r\n <span>ROSS 308<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <!-- 03 -->\r\n\r\n <article\r\n class=\"ops-step\"\r\n data-step=\"2\"\r\n data-title=\"Egg Selection\"\r\n >\r\n\r\n\r\n <div class=\"ops-step-number\">\r\n 03 \/ 07\r\n <\/div>\r\n\r\n\r\n <small>\r\n Selection and Inspection\r\n <\/small>\r\n\r\n\r\n <h2>\r\n Hatching egg\r\n <span>\r\n selection\r\n <\/span>\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Collected eggs are visually inspected one by one to ensure they meet hatching egg standards. Eggs that do not meet the requirements are removed at this stage.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"ops-quality\">\r\n\r\n <span>Double-Yolk<\/span>\r\n <span>Thin-Shelled<\/span>\r\n <span>Cracked<\/span>\r\n <span>Dirty<\/span>\r\n <span>Underweight<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <!-- 04 -->\r\n\r\n <article\r\n class=\"ops-step\"\r\n data-step=\"3\"\r\n data-title=\"Controlled Storage\"\r\n >\r\n\r\n\r\n <div class=\"ops-step-number\">\r\n 04 \/ 07\r\n <\/div>\r\n\r\n\r\n <small>\r\n Before Incubation\r\n <\/small>\r\n\r\n\r\n <h2>\r\n Controlled\r\n <span>\r\n storage\r\n <\/span>\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Hatching eggs are promptly moved to the storage area. The temperature is first lowered to 20\u201321\u00b0C. The eggs are then kept under controlled storage conditions at 16\u201318\u00b0C.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"ops-facts\">\r\n\r\n <span>20\u201321\u00b0C INITIAL COOLING<\/span>\r\n\r\n <span>16\u201318\u00b0C STORAGE<\/span>\r\n\r\n <span>HUMIDITY MONITORING<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <!-- 05 -->\r\n\r\n <article\r\n class=\"ops-step\"\r\n data-step=\"4\"\r\n data-title=\"Incubation Process\"\r\n data-days=\"true\"\r\n >\r\n\r\n\r\n <div class=\"ops-step-number\">\r\n 05 \/ 07\r\n <\/div>\r\n\r\n\r\n <small>\r\n 21-Day Process\r\n <\/small>\r\n\r\n\r\n <h2>\r\n Incubation\r\n <span>\r\n process\r\n <\/span>\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Eggs are sorted by flock and batch, then placed in incubation machines. Temperature, humidity and machine operating conditions are monitored electronically.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"ops-facts\">\r\n\r\n <span>18 DAYS OF DEVELOPMENT<\/span>\r\n\r\n <span>3 DAYS OF HATCHING<\/span>\r\n\r\n <span>24\/7 MONITORING<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <!-- 06 -->\r\n\r\n <article\r\n class=\"ops-step\"\r\n data-step=\"5\"\r\n data-title=\"Chick Inspection\"\r\n >\r\n\r\n\r\n <div class=\"ops-step-number\">\r\n 06 \/ 07\r\n <\/div>\r\n\r\n\r\n <small>\r\n After Hatching\r\n <\/small>\r\n\r\n\r\n <h2>\r\n Chick inspection\r\n <span>\r\n and health\r\n <\/span>\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Once hatched, day-old chicks are graded and receive the required vaccinations. Health checks are carried out under veterinary supervision.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"ops-facts\">\r\n\r\n <span>GRADING<\/span>\r\n\r\n <span>VACCINATION<\/span>\r\n\r\n <span>VETERINARY INSPECTION<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <!-- 07 -->\r\n\r\n <article\r\n class=\"ops-step\"\r\n data-step=\"6\"\r\n data-title=\"Controlled Dispatch\"\r\n >\r\n\r\n\r\n <div class=\"ops-step-number\">\r\n 07 \/ 07\r\n <\/div>\r\n\r\n\r\n <small>\r\n Final Stage\r\n <\/small>\r\n\r\n\r\n <h2>\r\n Controlled\r\n <span>\r\n dispatch\r\n <\/span>\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Day-old chicks and hatching eggs are delivered to customers under transport conditions suited to each product. Hygiene and appropriate logistics conditions are maintained throughout the process.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"ops-facts\">\r\n\r\n <span>HYGIENIC TRANSPORT<\/span>\r\n\r\n <span>CONTROLLED LOGISTICS<\/span>\r\n\r\n <span>TRACEABILITY<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n FINAL\r\n========================================================= -->\r\n\r\n<div class=\"ops-final\">\r\n\r\n <div class=\"ops-container\">\r\n\r\n <div class=\"ops-final-inner ops-reveal\">\r\n\r\n\r\n <h2>\r\n\r\n From rearing to delivery, at every stage of production\r\n <span>\r\n the same commitment to control.\r\n <\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <div class=\"ops-final-points\">\r\n\r\n <span>Flock Monitoring<\/span>\r\n\r\n <span>Quality Control<\/span>\r\n\r\n <span>Biosecurity<\/span>\r\n\r\n <span>Traceability<\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n \"use strict\";\r\n\r\n\r\n const root =\r\n document.getElementById(\r\n \"orallar-production-story\"\r\n );\r\n\r\n\r\n if(!root){\r\n return;\r\n }\r\n\r\n\r\n\r\n \/* =====================================================\r\n STORY\r\n ===================================================== *\/\r\n\r\n const steps =\r\n root.querySelectorAll(\r\n \".ops-step\"\r\n );\r\n\r\n\r\n const visuals =\r\n root.querySelectorAll(\r\n \".ops-visual-slide\"\r\n );\r\n\r\n\r\n const visualStage =\r\n document.getElementById(\r\n \"ops-visual-stage\"\r\n );\r\n\r\n\r\n const currentLabel =\r\n document.getElementById(\r\n \"ops-current\"\r\n );\r\n\r\n\r\n const currentNumber =\r\n document.getElementById(\r\n \"ops-current-number\"\r\n );\r\n\r\n\r\n const currentTitle =\r\n document.getElementById(\r\n \"ops-current-title\"\r\n );\r\n\r\n\r\n let labelSwapTimeout = null;\r\n\r\n\r\n function activateStep(\r\n step\r\n ){\r\n\r\n const index =\r\n Number(\r\n step.dataset.step\r\n );\r\n\r\n\r\n steps.forEach(\r\n function(item){\r\n\r\n item.classList.remove(\r\n \"active\"\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n visuals.forEach(\r\n function(item){\r\n\r\n item.classList.remove(\r\n \"active\"\r\n );\r\n\r\n }\r\n );\r\n\r\n\r\n step.classList.add(\r\n \"active\"\r\n );\r\n\r\n\r\n const visual =\r\n root.querySelector(\r\n '[data-visual=\"' +\r\n index +\r\n '\"]'\r\n );\r\n\r\n\r\n if(visual){\r\n\r\n visual.classList.add(\r\n \"active\"\r\n );\r\n\r\n }\r\n\r\n\r\n if(\r\n currentLabel &&\r\n currentNumber &&\r\n currentTitle\r\n ){\r\n\r\n const newNumber =\r\n\r\n String(\r\n index + 1\r\n ).padStart(\r\n 2,\r\n \"0\"\r\n )\r\n\r\n + \" \/ 07\";\r\n\r\n const newTitle =\r\n step.dataset.title || \"\";\r\n\r\n\r\n if(\r\n currentTitle.textContent !==\r\n newTitle\r\n ){\r\n\r\n clearTimeout(\r\n labelSwapTimeout\r\n );\r\n\r\n\r\n currentLabel.classList.add(\r\n \"ops-swap\"\r\n );\r\n\r\n\r\n labelSwapTimeout =\r\n setTimeout(\r\n function(){\r\n\r\n currentNumber.textContent =\r\n newNumber;\r\n\r\n\r\n currentTitle.textContent =\r\n newTitle;\r\n\r\n\r\n currentLabel.classList.remove(\r\n \"ops-swap\"\r\n );\r\n\r\n },\r\n 220\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n if(visualStage){\r\n\r\n if(\r\n step.dataset.days ===\r\n \"true\"\r\n ){\r\n\r\n visualStage\r\n .classList\r\n .add(\r\n \"show-days\"\r\n );\r\n\r\n }\r\n\r\n else{\r\n\r\n visualStage\r\n .classList\r\n .remove(\r\n \"show-days\"\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n if(\r\n \"IntersectionObserver\"\r\n in window\r\n ){\r\n\r\n const stepObserver =\r\n new IntersectionObserver(\r\n\r\n function(entries){\r\n\r\n entries.forEach(\r\n\r\n function(entry){\r\n\r\n if(\r\n entry.isIntersecting\r\n ){\r\n\r\n activateStep(\r\n entry.target\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n );\r\n\r\n },\r\n\r\n {\r\n\r\n threshold:.5,\r\n\r\n rootMargin:\r\n \"-10% 0px -30% 0px\"\r\n\r\n }\r\n\r\n );\r\n\r\n\r\n steps.forEach(\r\n function(step){\r\n\r\n stepObserver.observe(\r\n step\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n \/* =====================================================\r\n GENERAL REVEAL\r\n ===================================================== *\/\r\n\r\n const reveals =\r\n root.querySelectorAll(\r\n \".ops-reveal\"\r\n );\r\n\r\n\r\n if(\r\n \"IntersectionObserver\"\r\n in window\r\n ){\r\n\r\n const revealObserver =\r\n new IntersectionObserver(\r\n\r\n function(entries){\r\n\r\n entries.forEach(\r\n\r\n function(entry){\r\n\r\n if(\r\n entry.isIntersecting\r\n ){\r\n\r\n entry.target\r\n .classList\r\n .add(\r\n \"ops-visible\"\r\n );\r\n\r\n\r\n revealObserver\r\n .unobserve(\r\n entry.target\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n );\r\n\r\n },\r\n\r\n {\r\n threshold:.08\r\n }\r\n\r\n );\r\n\r\n\r\n reveals.forEach(\r\n function(item){\r\n\r\n revealObserver.observe(\r\n item\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n\r\n else{\r\n\r\n reveals.forEach(\r\n function(item){\r\n\r\n item.classList.add(\r\n \"ops-visible\"\r\n );\r\n\r\n }\r\n );\r\n\r\n }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37fdb7e elementor-widget elementor-widget-html\" data-id=\"37fdb7e\" data-element_type=\"widget\" data-e-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\/* =========================================================\r\n ORALLAR - C\u0130VC\u0130V AYAK \u0130Z\u0130\r\n Tekli \/ Minimal \/ H\u0131zl\u0131 Kaybolan\r\n========================================================= *\/\r\n\r\n.orallar-chick-foot {\r\n position: fixed !important;\r\n\r\n width: 15px !important;\r\n height: 19px !important;\r\n\r\n pointer-events: none !important;\r\n user-select: none !important;\r\n\r\n z-index: 2147483647 !important;\r\n\r\n transform-origin: center center !important;\r\n\r\n opacity: 0;\r\n\r\n animation: orallarFootFade 0.55s linear forwards;\r\n\r\n will-change: opacity, transform;\r\n}\r\n\r\n.orallar-chick-foot svg {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n overflow: visible !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIZLI KAYBOLMA\r\n========================================================= *\/\r\n\r\n@keyframes orallarFootFade {\r\n\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 8% {\r\n opacity: 0.40;\r\n }\r\n\r\n 25% {\r\n opacity: 0.34;\r\n }\r\n\r\n 50% {\r\n opacity: 0.22;\r\n }\r\n\r\n 72% {\r\n opacity: 0.10;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n \"use strict\";\r\n\r\n\r\n \/* =====================================================\r\n AYARLAR\r\n ===================================================== *\/\r\n\r\n const FOOT_COLOR = \"#b5121b\";\r\n\r\n \/*\r\n * Ayak izleri aras\u0131ndaki mesafe.\r\n * 30-36 aras\u0131 g\u00fczel \u00e7al\u0131\u015f\u0131r.\r\n *\/\r\n const STEP_DISTANCE = 32;\r\n\r\n\r\n \/*\r\n * Mouse'un biraz gerisinde \u00e7\u0131ks\u0131n.\r\n *\/\r\n const BACK_DISTANCE = 9;\r\n\r\n\r\n \/*\r\n * Rotan\u0131n tam d\u00fcmd\u00fcz g\u00f6r\u00fcnmemesi i\u00e7in\r\n * hafif sa\u011f-sol do\u011fal sapma.\r\n *\/\r\n const POSITION_VARIATION = 2.5;\r\n\r\n\r\n \/*\r\n * Aya\u011f\u0131n y\u00f6n\u00fcnde hafif a\u00e7\u0131 fark\u0131.\r\n *\/\r\n const ROTATION_VARIATION = 5;\r\n\r\n\r\n \/*\r\n * Ayn\u0131 anda DOM'da tutulabilecek maksimum iz.\r\n *\/\r\n const MAX_FEET = 14;\r\n\r\n\r\n \/*\r\n * Kaybolma s\u00fcresi.\r\n *\/\r\n const FOOT_LIFETIME = 580;\r\n\r\n\r\n\r\n \/* =====================================================\r\n DURUM\r\n ===================================================== *\/\r\n\r\n let lastX = null;\r\n let lastY = null;\r\n\r\n let travelledDistance = 0;\r\n\r\n const activeFeet = [];\r\n\r\n\r\n\r\n \/* =====================================================\r\n AYAK SVG\r\n ===================================================== *\/\r\n\r\n function getFootSVG() {\r\n\r\n return `\r\n <svg\r\n viewBox=\"0 0 40 50\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <!-- ORTA PARMAK -->\r\n <path\r\n d=\"\r\n M20 28\r\n C20 24 20 20 20 16\r\n C20 12 20.3 8 21 4\r\n \"\r\n fill=\"none\"\r\n stroke=\"${FOOT_COLOR}\"\r\n stroke-width=\"2.35\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n <!-- SOL PARMAK -->\r\n <path\r\n d=\"\r\n M20 28\r\n C17 24 14 21 11 18\r\n C8.5 15.5 6.5 12.5 5 9\r\n \"\r\n fill=\"none\"\r\n stroke=\"${FOOT_COLOR}\"\r\n stroke-width=\"2.35\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n <!-- SA\u011e PARMAK -->\r\n <path\r\n d=\"\r\n M20 28\r\n C23 24 26 21 29 18\r\n C31.5 15.5 33.5 12.5 35 9\r\n \"\r\n fill=\"none\"\r\n stroke=\"${FOOT_COLOR}\"\r\n stroke-width=\"2.35\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n <!-- TOPUK -->\r\n <path\r\n d=\"\r\n M20 28\r\n C20 32 20 35 20 39\r\n \"\r\n fill=\"none\"\r\n stroke=\"${FOOT_COLOR}\"\r\n stroke-width=\"2.25\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n\r\n <!-- K\u00dc\u00c7\u00dcK ARKA TIRNAK -->\r\n <path\r\n d=\"\r\n M20 36\r\n C17.5 38\r\n 16 40\r\n 15 42\r\n \"\r\n fill=\"none\"\r\n stroke=\"${FOOT_COLOR}\"\r\n stroke-width=\"1.9\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n \/>\r\n\r\n <\/svg>\r\n `;\r\n }\r\n\r\n\r\n\r\n \/* =====================================================\r\n AYAK \u0130Z\u0130 EKLE\r\n ===================================================== *\/\r\n\r\n function addFoot(x, y, angle) {\r\n\r\n const foot =\r\n document.createElement(\"div\");\r\n\r\n foot.className =\r\n \"orallar-chick-foot\";\r\n\r\n foot.innerHTML =\r\n getFootSVG();\r\n\r\n\r\n\r\n \/* =================================================\r\n MOUSE HAREKET Y\u00d6N\u00dc\r\n ================================================= *\/\r\n\r\n const dirX =\r\n Math.cos(angle);\r\n\r\n const dirY =\r\n Math.sin(angle);\r\n\r\n\r\n\r\n \/*\r\n * Hareket y\u00f6n\u00fcne dik vekt\u00f6r\r\n *\/\r\n const perpendicularX =\r\n -dirY;\r\n\r\n const perpendicularY =\r\n dirX;\r\n\r\n\r\n\r\n \/* =================================================\r\n \u00c7OK HAF\u0130F DO\u011eAL SAPMA\r\n ================================================= *\/\r\n\r\n const randomSide =\r\n (\r\n Math.random() * 2 - 1\r\n ) * POSITION_VARIATION;\r\n\r\n\r\n\r\n \/*\r\n * Mouse'un biraz gerisinde\r\n *\/\r\n const footX =\r\n x\r\n - (dirX * BACK_DISTANCE)\r\n + (perpendicularX * randomSide);\r\n\r\n const footY =\r\n y\r\n - (dirY * BACK_DISTANCE)\r\n + (perpendicularY * randomSide);\r\n\r\n\r\n\r\n \/* =================================================\r\n Y\u00d6N\r\n ================================================= *\/\r\n\r\n let rotation =\r\n angle * 180 \/ Math.PI + 90;\r\n\r\n\r\n\r\n \/*\r\n * Her izin birebir ayn\u0131 a\u00e7\u0131da\r\n * g\u00f6r\u00fcnmesini engelle.\r\n *\/\r\n rotation +=\r\n (\r\n Math.random() * 2 - 1\r\n ) * ROTATION_VARIATION;\r\n\r\n\r\n\r\n \/* =================================================\r\n HAF\u0130F BOYUT FARKI\r\n ================================================= *\/\r\n\r\n const scale =\r\n 0.94 +\r\n Math.random() * 0.10;\r\n\r\n\r\n\r\n \/* =================================================\r\n KONUM\r\n ================================================= *\/\r\n\r\n foot.style.left =\r\n (footX - 7.5) + \"px\";\r\n\r\n foot.style.top =\r\n (footY - 9.5) + \"px\";\r\n\r\n foot.style.transform =\r\n `rotate(${rotation}deg) scale(${scale})`;\r\n\r\n\r\n\r\n \/* =================================================\r\n BODY'YE EKLE\r\n ================================================= *\/\r\n\r\n document.body.appendChild(foot);\r\n\r\n activeFeet.push(foot);\r\n\r\n\r\n\r\n \/* =================================================\r\n FAZLA \u0130Z B\u0130R\u0130KMES\u0130N\r\n ================================================= *\/\r\n\r\n if (\r\n activeFeet.length >\r\n MAX_FEET\r\n ) {\r\n\r\n const oldest =\r\n activeFeet.shift();\r\n\r\n if (oldest) {\r\n oldest.remove();\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n \/* =================================================\r\n HIZLI TEM\u0130ZLE\r\n ================================================= *\/\r\n\r\n setTimeout(function () {\r\n\r\n if (\r\n foot &&\r\n foot.parentNode\r\n ) {\r\n\r\n foot.remove();\r\n\r\n }\r\n\r\n\r\n const index =\r\n activeFeet.indexOf(foot);\r\n\r\n\r\n if (\r\n index !== -1\r\n ) {\r\n\r\n activeFeet.splice(\r\n index,\r\n 1\r\n );\r\n\r\n }\r\n\r\n }, FOOT_LIFETIME);\r\n\r\n }\r\n\r\n\r\n\r\n \/* =====================================================\r\n MOUSE TAK\u0130B\u0130\r\n ===================================================== *\/\r\n\r\n function handlePointerMove(event) {\r\n\r\n const x =\r\n event.clientX;\r\n\r\n const y =\r\n event.clientY;\r\n\r\n\r\n\r\n \/*\r\n * \u0130lk pozisyon\r\n *\/\r\n if (\r\n lastX === null ||\r\n lastY === null\r\n ) {\r\n\r\n lastX = x;\r\n lastY = y;\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n\r\n const dx =\r\n x - lastX;\r\n\r\n const dy =\r\n y - lastY;\r\n\r\n\r\n\r\n const distance =\r\n Math.sqrt(\r\n dx * dx +\r\n dy * dy\r\n );\r\n\r\n\r\n\r\n if (\r\n distance < 1\r\n ) {\r\n return;\r\n }\r\n\r\n\r\n\r\n travelledDistance +=\r\n distance;\r\n\r\n\r\n\r\n const angle =\r\n Math.atan2(\r\n dy,\r\n dx\r\n );\r\n\r\n\r\n\r\n \/* =================================================\r\n YETERL\u0130 MESAFEDE YEN\u0130 \u0130Z\r\n ================================================= *\/\r\n\r\n if (\r\n travelledDistance >=\r\n STEP_DISTANCE\r\n ) {\r\n\r\n addFoot(\r\n x,\r\n y,\r\n angle\r\n );\r\n\r\n\r\n travelledDistance = 0;\r\n\r\n }\r\n\r\n\r\n\r\n lastX = x;\r\n lastY = y;\r\n\r\n }\r\n\r\n\r\n\r\n \/* =====================================================\r\n EVENT\r\n ===================================================== *\/\r\n\r\n window.addEventListener(\r\n \"pointermove\",\r\n handlePointerMove,\r\n {\r\n passive: true,\r\n capture: true\r\n }\r\n );\r\n\r\n\r\n\r\n document.addEventListener(\r\n \"mouseleave\",\r\n function () {\r\n\r\n lastX = null;\r\n lastY = null;\r\n\r\n travelledDistance = 0;\r\n\r\n }\r\n );\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-2e4ef1c elementor-widget elementor-widget-html\" data-id=\"2e4ef1c\" data-element_type=\"widget\" data-e-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\/* Widget bo\u015fluklar\u0131 *\/\r\n.elementor-widget,\r\n.elementor-element {\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Konteyner ve b\u00f6l\u00fcm bo\u015fluklar\u0131 *\/\r\n.elementor-section,\r\n.elementor-container,\r\n.e-con,\r\n.e-con-inner {\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n\r\n gap: 0 !important;\r\n row-gap: 0 !important;\r\n column-gap: 0 !important;\r\n}\r\n\r\n\/* Header ve footer \u015fablonlar\u0131n\u0131n d\u0131\u015f bo\u015fluklar\u0131 *\/\r\n.elementor-location-header,\r\n.elementor-location-footer {\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n}\r\n<\/style>\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>Orallar Zirai – Production Processes Our Production Processes The Production Journey Our production process spans breeder flock rearing, hatching egg production, incubation, day-old chicks and carefully managed delivery. Breeder Rearing Production Phase Egg Selection Storage Incubation Chick Inspection Dispatch Breeder Rearing Production Phase Egg Selection Storage Incubation Chick Inspection Dispatch Seven connected stages of production. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1622","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages\/1622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/comments?post=1622"}],"version-history":[{"count":20,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages\/1622\/revisions"}],"predecessor-version":[{"id":2056,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages\/1622\/revisions\/2056"}],"wp:attachment":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/media?parent=1622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}