{"id":1684,"date":"2026-09-07T11:49:56","date_gmt":"2026-09-07T11:49:56","guid":{"rendered":"https:\/\/orallarzirai.com\/?page_id=1684"},"modified":"2026-10-24T07:53:59","modified_gmt":"2026-10-24T07:53:59","slug":"yem-fabrikasi","status":"publish","type":"page","link":"https:\/\/orallarzirai.com\/ar\/yem-fabrikasi\/","title":{"rendered":"\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0639\u0644\u0627\u0641"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1684\" class=\"elementor elementor-1684\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b51bebe e-con-full e-flex e-con e-parent\" data-id=\"b51bebe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41dc834 elementor-widget elementor-widget-html\" data-id=\"41dc834\" 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<section id=\"orallar-feed\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ORALLAR Z\u0130RA\u0130 - YEM FABR\u0130KASI\r\n========================================================= *\/\r\n\r\n#orallar-feed{\r\n\r\n    --yf-red:#d71920;\r\n    --yf-red-dark:#a90f18;\r\n    --yf-red-deep:#7e0b12;\r\n\r\n    --yf-yellow:#e3bd3d;\r\n    --yf-yellow-soft:#f1dc84;\r\n\r\n    --yf-black:#181818;\r\n    --yf-gray:#626262;\r\n\r\n    --yf-soft:#f8f6f1;\r\n    --yf-line:#e5dfd4;\r\n\r\n    width:100%;\r\n    overflow:hidden;\r\n\r\n    background:#fff;\r\n    color:var(--yf-black);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n#orallar-feed *,\r\n#orallar-feed *::before,\r\n#orallar-feed *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n#orallar-feed img,\r\n#orallar-feed video{\r\n    display:block;\r\n    max-width:100%;\r\n}\r\n\r\n\r\n.yf-container{\r\n\r\n    width:min(\r\n        1380px,\r\n        calc(100% - 80px)\r\n    );\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COMMON\r\n========================================================= *\/\r\n\r\n.yf-reveal{\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(24px);\r\n\r\n    transition:\r\n        opacity .75s ease,\r\n        transform .75s ease;\r\n}\r\n\r\n\r\n.yf-reveal.yf-visible{\r\n\r\n    opacity:1;\r\n\r\n    transform:none;\r\n}\r\n\r\n\r\n.yf-kicker{\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    color:var(--yf-red);\r\n\r\n    font-size:11px;\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.yf-kicker::before{\r\n\r\n    content:\"\";\r\n\r\n    width:32px;\r\n    height:2px;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.yf-hero{\r\n\r\n    --mx:0px;\r\n    --my:0px;\r\n\r\n    position:relative;\r\n\r\n    min-height:620px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #fff 0%,\r\n            #faf9f5 100%\r\n        );\r\n}\r\n\r\n\r\n.yf-hero::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n\r\n    width:7px;\r\n    height:100%;\r\n\r\n    background:\r\n        var(--yf-red);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO FACTORY\r\n========================================================= *\/\r\n\r\n.yf-factory-sketch{\r\n\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    left:50%;\r\n    top:56%;\r\n\r\n    width:min(\r\n        1180px,\r\n        83vw\r\n    );\r\n\r\n    transform:\r\n        translate(\r\n            calc(-50% + var(--mx)),\r\n            calc(-50% + var(--my))\r\n        );\r\n\r\n    opacity:.14;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        transform .18s ease;\r\n}\r\n\r\n\r\n.yf-factory-sketch img{\r\n\r\n    width:100%;\r\n\r\n    filter:none !important;\r\n\r\n    mix-blend-mode:normal !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO SCANNER\r\n========================================================= *\/\r\n\r\n.yf-sketch-scan{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    top:0;\r\n    left:-25%;\r\n\r\n    width:25%;\r\n    height:100%;\r\n\r\n    transform:\r\n        skewX(-15deg);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(215,25,32,.06),\r\n            transparent\r\n        );\r\n\r\n    animation:\r\n        yfScan\r\n        8s linear infinite;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n@keyframes yfScan{\r\n\r\n    from{\r\n        left:-30%;\r\n    }\r\n\r\n    to{\r\n        left:125%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO CONTENT\r\n========================================================= *\/\r\n\r\n.yf-hero-inner{\r\n\r\n    position:relative;\r\n\r\n    z-index:5;\r\n\r\n    padding:\r\n        60px 0 80px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.yf-hero .yf-kicker{\r\n\r\n    justify-content:center;\r\n}\r\n\r\n\r\n.yf-hero-title{\r\n\r\n    max-width:1030px;\r\n\r\n    margin:\r\n        17px auto 0;\r\n\r\n    font-size:\r\n        clamp(\r\n            55px,\r\n            7vw,\r\n            100px\r\n        );\r\n\r\n    font-weight:900;\r\n\r\n    line-height:.88;\r\n\r\n    letter-spacing:-6px;\r\n}\r\n\r\n\r\n.yf-hero-title span{\r\n\r\n    position:relative;\r\n\r\n    display:inline-block;\r\n\r\n    color:\r\n        var(--yf-red);\r\n}\r\n\r\n\r\n.yf-hero-title span::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:4%;\r\n    bottom:-12px;\r\n\r\n    width:92%;\r\n    height:6px;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n\r\n    transform:\r\n        rotate(-1deg)\r\n        scaleX(0);\r\n\r\n    transform-origin:left;\r\n\r\n    animation:\r\n        yfUnderline\r\n        1s .5s forwards;\r\n}\r\n\r\n\r\n@keyframes yfUnderline{\r\n\r\n    to{\r\n\r\n        transform:\r\n            rotate(-1deg)\r\n            scaleX(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n.yf-hero-description{\r\n\r\n    max-width:700px;\r\n\r\n    margin:\r\n        33px auto 0;\r\n\r\n    color:#565656;\r\n\r\n    font-size:16px;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO METRICS\r\n========================================================= *\/\r\n\r\n.yf-hero-metrics{\r\n\r\n    max-width:800px;\r\n\r\n    margin:\r\n        35px auto 0;\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n}\r\n\r\n\r\n.yf-hero-metric{\r\n\r\n    position:relative;\r\n\r\n    padding:\r\n        0 32px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.yf-hero-metric +\r\n.yf-hero-metric::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:50%;\r\n\r\n    width:1px;\r\n    height:32px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    background:\r\n        rgba(215,25,32,.2);\r\n}\r\n\r\n\r\n.yf-hero-metric strong{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        var(--yf-red);\r\n\r\n    font-size:23px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n.yf-hero-metric span{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:#777;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.1px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HERO PARTICLES\r\n========================================================= *\/\r\n\r\n.yf-grains{\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.yf-grain{\r\n\r\n    position:absolute;\r\n\r\n    width:5px;\r\n    height:10px;\r\n\r\n    border-radius:\r\n        100% 0\r\n        100% 0;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n\r\n    opacity:0;\r\n\r\n    animation:\r\n        yfGrain\r\n        linear infinite;\r\n}\r\n\r\n\r\n@keyframes yfGrain{\r\n\r\n    0%{\r\n\r\n        transform:\r\n            translateY(40px)\r\n            rotate(0);\r\n\r\n        opacity:0;\r\n    }\r\n\r\n    20%{\r\n\r\n        opacity:.55;\r\n    }\r\n\r\n    100%{\r\n\r\n        transform:\r\n            translateY(-150px)\r\n            rotate(220deg);\r\n\r\n        opacity:0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOVING BELT\r\n========================================================= *\/\r\n\r\n.yf-belt{\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        var(--yf-red);\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.yf-belt-track{\r\n\r\n    width:max-content;\r\n\r\n    display:flex;\r\n\r\n    animation:\r\n        yfBelt\r\n        22s linear infinite;\r\n}\r\n\r\n\r\n.yf-belt-group{\r\n\r\n    display:flex;\r\n\r\n    flex-shrink:0;\r\n}\r\n\r\n\r\n.yf-belt-item{\r\n\r\n    min-height:62px;\r\n\r\n    padding:\r\n        0 31px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.3px;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n.yf-belt-item::after{\r\n\r\n    content:\"\";\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    margin-left:31px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n}\r\n\r\n\r\n@keyframes yfBelt{\r\n\r\n    to{\r\n        transform:\r\n            translateX(-50%);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.yf-video-section{\r\n\r\n    position:relative;\r\n\r\n    padding:\r\n        65px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#171717;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.yf-video-section::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:-100px;\r\n\r\n    opacity:.04;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(255,255,255,.8) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.8) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        45px 45px;\r\n\r\n    transform:\r\n        rotate(-5deg);\r\n\r\n    animation:\r\n        yfVideoGrid\r\n        20s linear infinite;\r\n}\r\n\r\n\r\n@keyframes yfVideoGrid{\r\n\r\n    to{\r\n        background-position:\r\n            45px 45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n.yf-video-head{\r\n\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    max-width:850px;\r\n\r\n    margin-bottom:30px;\r\n}\r\n\r\n\r\n.yf-video-head .yf-kicker{\r\n\r\n    color:\r\n        var(--yf-yellow);\r\n}\r\n\r\n\r\n.yf-video-head .yf-kicker::before{\r\n\r\n    background:#fff;\r\n}\r\n\r\n\r\n.yf-video-head h2{\r\n\r\n    margin:\r\n        13px 0 0;\r\n\r\n    font-size:\r\n        clamp(\r\n            40px,\r\n            4.6vw,\r\n            64px\r\n        );\r\n\r\n    line-height:.96;\r\n\r\n    letter-spacing:-4px;\r\n}\r\n\r\n\r\n.yf-video-head h2 span{\r\n\r\n    color:\r\n        var(--yf-yellow);\r\n}\r\n\r\n\r\n.yf-video-stage{\r\n\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    padding:24px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.11);\r\n}\r\n\r\n\r\n.yf-video-stage::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:0;\r\n\r\n    width:130px;\r\n    height:4px;\r\n\r\n    background:\r\n        var(--yf-red);\r\n}\r\n\r\n\r\n.yf-video-stage::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    bottom:0;\r\n\r\n    width:130px;\r\n    height:4px;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n}\r\n\r\n\r\n.yf-video-frame{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:\r\n        16 \/ 7.8;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#050505;\r\n}\r\n\r\n\r\n.yf-video-frame video,\r\n.yf-video-frame iframe{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    border:0;\r\n}\r\n\r\n.yf-video-frame video{\r\n    object-fit:cover;\r\n}\r\n\r\n.yf-video-live{\r\n\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    top:20px;\r\n    left:20px;\r\n\r\n    padding:\r\n        9px 13px;\r\n\r\n    background:\r\n        rgba(15,15,15,.76);\r\n\r\n    color:#fff;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n\r\n.yf-video-live::before{\r\n\r\n    content:\"\";\r\n\r\n    display:inline-block;\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    margin-right:8px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--yf-red);\r\n\r\n    animation:\r\n        yfVideoBlink\r\n        1.6s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes yfVideoBlink{\r\n\r\n    50%{\r\n\r\n        box-shadow:\r\n            0 0 0 10px\r\n            rgba(215,25,32,0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STATEMENT\r\n========================================================= *\/\r\n\r\n.yf-statement{\r\n\r\n    padding:\r\n        65px 0;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.yf-statement-inner{\r\n\r\n    max-width:970px;\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n.yf-statement h2{\r\n\r\n    margin:\r\n        15px auto 0;\r\n\r\n    font-size:\r\n        clamp(\r\n            39px,\r\n            4.6vw,\r\n            63px\r\n        );\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-4px;\r\n}\r\n\r\n\r\n.yf-statement h2 span{\r\n\r\n    color:\r\n        var(--yf-red);\r\n}\r\n\r\n\r\n.yf-statement p{\r\n\r\n    max-width:750px;\r\n\r\n    margin:\r\n        20px auto 0;\r\n\r\n    color:\r\n        var(--yf-gray);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.72;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n========================================================= *\/\r\n\r\n.yf-process{\r\n\r\n    padding:\r\n        70px 0 80px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            var(--yf-soft),\r\n            #fff\r\n        );\r\n}\r\n\r\n\r\n.yf-process-head{\r\n\r\n    max-width:850px;\r\n\r\n    margin-bottom:52px;\r\n}\r\n\r\n\r\n.yf-process-head h2{\r\n\r\n    margin:\r\n        13px 0 0;\r\n\r\n    font-size:\r\n        clamp(\r\n            39px,\r\n            4.5vw,\r\n            62px\r\n        );\r\n\r\n    line-height:.96;\r\n\r\n    letter-spacing:-4px;\r\n}\r\n\r\n\r\n.yf-process-head h2 span{\r\n\r\n    color:\r\n        var(--yf-red);\r\n}\r\n\r\n\r\n.yf-process-head p{\r\n\r\n    max-width:610px;\r\n\r\n    margin-top:16px;\r\n\r\n    color:\r\n        var(--yf-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\/* =========================================================\r\n   PROCESS RAIL\r\n========================================================= *\/\r\n\r\n.yf-process-rail{\r\n\r\n    position:relative;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n}\r\n\r\n\r\n.yf-process-rail::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:39px;\r\n    left:8%;\r\n    right:8%;\r\n\r\n    height:2px;\r\n\r\n    background:#ddd6ca;\r\n}\r\n\r\n\r\n.yf-process-progress{\r\n\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    top:39px;\r\n    left:8%;\r\n\r\n    width:0;\r\n    height:2px;\r\n\r\n    background:\r\n        var(--yf-red);\r\n\r\n    transition:\r\n        width 1.8s ease;\r\n}\r\n\r\n\r\n.yf-process-rail.yf-run\r\n.yf-process-progress{\r\n\r\n    width:84%;\r\n}\r\n\r\n\r\n.yf-process-pulse{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    top:33px;\r\n    left:8%;\r\n\r\n    width:14px;\r\n    height:14px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n\r\n    border:\r\n        3px solid\r\n        var(--yf-red);\r\n\r\n    opacity:0;\r\n}\r\n\r\n\r\n.yf-process-rail.yf-run\r\n.yf-process-pulse{\r\n\r\n    opacity:1;\r\n\r\n    animation:\r\n        yfProcessMove\r\n        5s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes yfProcessMove{\r\n\r\n    from{\r\n        left:8%;\r\n    }\r\n\r\n    to{\r\n        left:92%;\r\n    }\r\n\r\n}\r\n\r\n\r\n.yf-process-step{\r\n\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    padding:\r\n        0 20px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.yf-process-node{\r\n\r\n    width:78px;\r\n    height:78px;\r\n\r\n    margin:0 auto;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        2px solid\r\n        var(--yf-red);\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 0 0 8px\r\n        var(--yf-soft);\r\n\r\n    color:\r\n        var(--yf-red);\r\n\r\n    font-size:13px;\r\n    font-weight:900;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n\r\n.yf-process-step:hover\r\n.yf-process-node{\r\n\r\n    transform:\r\n        translateY(-5px);\r\n\r\n    background:\r\n        var(--yf-red);\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.yf-process-step strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:22px;\r\n\r\n    font-size:18px;\r\n}\r\n\r\n\r\n.yf-process-step p{\r\n\r\n    max-width:230px;\r\n\r\n    margin:\r\n        8px auto 0;\r\n\r\n    color:#666;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY\r\n========================================================= *\/\r\n\r\n.yf-capacity{\r\n\r\n    position:relative;\r\n\r\n    min-height:590px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            120deg,\r\n            #a90f18,\r\n            #d71920\r\n        );\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY FACTORY\r\n========================================================= *\/\r\n\r\n.yf-capacity-factory{\r\n\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    left:50%;\r\n    bottom:-6%;\r\n\r\n    width:min(\r\n        1250px,\r\n        82vw\r\n    );\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    opacity:.20;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.yf-capacity-factory img{\r\n\r\n    width:100%;\r\n\r\n    filter:none !important;\r\n\r\n    mix-blend-mode:normal !important;\r\n}\r\n\r\n\r\n.yf-capacity-overlay{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            rgba(215,25,32,.16),\r\n            rgba(169,15,24,.44) 63%,\r\n            rgba(126,11,18,.62) 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY LINES\r\n========================================================= *\/\r\n\r\n.yf-capacity-lines{\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n.yf-capacity-line{\r\n\r\n    position:absolute;\r\n\r\n    height:1px;\r\n\r\n    opacity:.38;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(227,189,61,.65),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n.yf-capacity-line.one{\r\n\r\n    top:24%;\r\n    left:3%;\r\n\r\n    width:23%;\r\n}\r\n\r\n\r\n.yf-capacity-line.two{\r\n\r\n    top:70%;\r\n    left:5%;\r\n\r\n    width:20%;\r\n}\r\n\r\n\r\n.yf-capacity-line.three{\r\n\r\n    top:31%;\r\n    right:4%;\r\n\r\n    width:22%;\r\n}\r\n\r\n\r\n.yf-capacity-line.four{\r\n\r\n    bottom:19%;\r\n    right:6%;\r\n\r\n    width:19%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY INNER\r\n========================================================= *\/\r\n\r\n.yf-capacity-inner{\r\n\r\n    position:relative;\r\n\r\n    z-index:5;\r\n\r\n    min-height:590px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 470px 1fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:28px;\r\n}\r\n\r\n\r\n.yf-capacity-side{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:54px;\r\n}\r\n\r\n\r\n.yf-capacity-side.left{\r\n\r\n    align-items:flex-end;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\r\n.yf-capacity-side.right{\r\n\r\n    align-items:flex-start;\r\n\r\n    text-align:left;\r\n}\r\n\r\n\r\n.yf-cap-info{\r\n\r\n    position:relative;\r\n\r\n    max-width:245px;\r\n}\r\n\r\n\r\n.yf-cap-info strong{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        var(--yf-yellow);\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n.yf-cap-info p{\r\n\r\n    margin:\r\n        7px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.76);\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY INFO DOTS\r\n========================================================= *\/\r\n\r\n.yf-cap-info-dot{\r\n\r\n    position:absolute;\r\n\r\n    top:3px;\r\n\r\n    width:11px;\r\n    height:11px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n\r\n    animation:\r\n        yfSmallGlow\r\n        2.1s ease-in-out infinite;\r\n}\r\n\r\n\r\n.left .yf-cap-info-dot{\r\n\r\n    right:-30px;\r\n}\r\n\r\n\r\n.right .yf-cap-info-dot{\r\n\r\n    left:-30px;\r\n}\r\n\r\n\r\n@keyframes yfSmallGlow{\r\n\r\n    0%,\r\n    100%{\r\n\r\n        opacity:.45;\r\n\r\n        box-shadow:\r\n            0 0 0 5px\r\n            rgba(227,189,61,.08);\r\n    }\r\n\r\n    50%{\r\n\r\n        opacity:1;\r\n\r\n        box-shadow:\r\n            0 0 0 11px\r\n            rgba(227,189,61,.12),\r\n            0 0 25px\r\n            rgba(227,189,61,.8);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY SYSTEM\r\n========================================================= *\/\r\n\r\n.yf-capacity-system{\r\n\r\n    position:relative;\r\n\r\n    width:470px;\r\n    height:470px;\r\n\r\n    margin:auto;\r\n}\r\n\r\n\r\n.yf-cap-ring{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.21);\r\n}\r\n\r\n\r\n.yf-cap-ring::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:36px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px dashed\r\n        rgba(227,189,61,.54);\r\n}\r\n\r\n\r\n.yf-cap-ring::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:80px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY DOTS\r\n   SAB\u0130T\r\n========================================================= *\/\r\n\r\n.yf-cap-orbit-wheel{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n}\r\n\r\n\r\n.yf-cap-orbit-dot{\r\n\r\n    position:absolute;\r\n\r\n    width:15px;\r\n    height:15px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n\r\n    animation:\r\n        yfCapPulse\r\n        2.2s ease-in-out infinite;\r\n}\r\n\r\n\r\n.yf-cap-orbit-dot.one{\r\n\r\n    top:-7px;\r\n    left:50%;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n}\r\n\r\n\r\n.yf-cap-orbit-dot.two{\r\n\r\n    top:50%;\r\n    right:-7px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    animation-delay:.55s;\r\n}\r\n\r\n\r\n.yf-cap-orbit-dot.three{\r\n\r\n    bottom:-7px;\r\n    left:50%;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    animation-delay:1.1s;\r\n}\r\n\r\n\r\n.yf-cap-orbit-dot.four{\r\n\r\n    top:50%;\r\n    left:-7px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    animation-delay:1.65s;\r\n}\r\n\r\n\r\n@keyframes yfCapPulse{\r\n\r\n    0%,\r\n    100%{\r\n\r\n        opacity:.45;\r\n\r\n        box-shadow:\r\n            0 0 0 5px\r\n            rgba(227,189,61,.08);\r\n    }\r\n\r\n    50%{\r\n\r\n        opacity:1;\r\n\r\n        box-shadow:\r\n            0 0 0 10px\r\n            rgba(227,189,61,.18),\r\n            0 0 28px\r\n            rgba(227,189,61,.8);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CAPACITY CENTER\r\n========================================================= *\/\r\n\r\n.yf-capacity-center{\r\n\r\n    position:absolute;\r\n\r\n    z-index:6;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    width:295px;\r\n    height:295px;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n    align-items:center;\r\n\r\n    border-radius:50%;\r\n\r\n    text-align:center;\r\n\r\n    background:\r\n        rgba(180,13,22,.68);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    box-shadow:\r\n        0 30px 80px\r\n        rgba(92,0,5,.22);\r\n}\r\n\r\n\r\n.yf-capacity-center small{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        var(--yf-yellow);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\r\n.yf-capacity-center strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:7px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(\r\n            100px,\r\n            9vw,\r\n            140px\r\n        );\r\n\r\n    line-height:.75;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-9px;\r\n}\r\n\r\n\r\n.yf-capacity-center span{\r\n\r\n    display:block;\r\n\r\n    margin-top:22px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.2px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTROL\r\n========================================================= *\/\r\n\r\n.yf-control{\r\n\r\n    padding:\r\n        55px 0 60px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 30% 50%,\r\n            rgba(215,25,32,.055),\r\n            transparent 32%\r\n        ),\r\n        #fff;\r\n}\r\n\r\n\r\n.yf-control-layout{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .95fr 1.05fr;\r\n\r\n    gap:65px;\r\n\r\n    align-items:center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTROL VISUAL\r\n========================================================= *\/\r\n\r\n.yf-control-visual{\r\n\r\n    position:relative;\r\n\r\n    min-height:450px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n\r\n.yf-control-system{\r\n\r\n    position:relative;\r\n\r\n    width:390px;\r\n    height:390px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STATIC RINGS\r\n========================================================= *\/\r\n\r\n.yf-control-ring{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(215,25,32,.22);\r\n}\r\n\r\n\r\n.yf-control-ring::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:41px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px dashed\r\n        rgba(215,25,32,.29);\r\n}\r\n\r\n\r\n.yf-control-ring::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:86px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(227,189,61,.32);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RED CENTER - STATIC\r\n========================================================= *\/\r\n\r\n.yf-control-core{\r\n\r\n    position:absolute;\r\n\r\n    z-index:20;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    width:160px;\r\n    height:160px;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--yf-red);\r\n\r\n    color:#fff;\r\n\r\n    text-align:center;\r\n\r\n    font-size:17px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.3;\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(215,25,32,.18),\r\n        0 0 0 13px\r\n        rgba(215,25,32,.035);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SATELLITE WHEEL\r\n   TRANSFORM JS TARAFINDAN VER\u0130LECEK\r\n========================================================= *\/\r\n\r\n.yf-satellite-wheel{\r\n\r\n    position:absolute;\r\n\r\n    z-index:10;\r\n\r\n    inset:0;\r\n\r\n    transform-origin:\r\n        50% 50%;\r\n\r\n    will-change:transform;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SATELLITES\r\n========================================================= *\/\r\n\r\n.yf-satellite{\r\n\r\n    position:absolute;\r\n\r\n    width:140px;\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n.yf-satellite.one{\r\n\r\n    left:50%;\r\n    top:-10px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n}\r\n\r\n\r\n\/* RIGHT *\/\r\n\r\n.yf-satellite.two{\r\n\r\n    right:-63px;\r\n    top:50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n}\r\n\r\n\r\n\/* BOTTOM *\/\r\n\r\n.yf-satellite.three{\r\n\r\n    left:50%;\r\n    bottom:-10px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n}\r\n\r\n\r\n\/* LEFT *\/\r\n\r\n.yf-satellite.four{\r\n\r\n    left:-63px;\r\n    top:50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   COUNTER ROTATION JS \u0130LE\r\n========================================================= *\/\r\n\r\n.yf-satellite-inner{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    transform-origin:\r\n        center center;\r\n\r\n    will-change:transform;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   YELLOW DOT\r\n========================================================= *\/\r\n\r\n.yf-satellite-dot{\r\n\r\n    position:relative;\r\n\r\n    width:14px;\r\n    height:14px;\r\n\r\n    flex:0 0 14px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n\r\n    animation:\r\n        yfSatelliteGlow\r\n        2.1s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.yf-satellite.one\r\n.yf-satellite-dot{\r\n\r\n    animation-delay:0s;\r\n}\r\n\r\n\r\n.yf-satellite.two\r\n.yf-satellite-dot{\r\n\r\n    animation-delay:.5s;\r\n}\r\n\r\n\r\n.yf-satellite.three\r\n.yf-satellite-dot{\r\n\r\n    animation-delay:1s;\r\n}\r\n\r\n\r\n.yf-satellite.four\r\n.yf-satellite-dot{\r\n\r\n    animation-delay:1.5s;\r\n}\r\n\r\n\r\n.yf-satellite-dot::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    width:32px;\r\n    height:32px;\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(.45);\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(227,189,61,.65);\r\n\r\n    animation:\r\n        yfSatelliteWave\r\n        2.1s\r\n        ease-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes yfSatelliteGlow{\r\n\r\n    0%,\r\n    100%{\r\n\r\n        opacity:.5;\r\n\r\n        box-shadow:\r\n            0 0 0 5px\r\n            rgba(227,189,61,.08);\r\n    }\r\n\r\n    50%{\r\n\r\n        opacity:1;\r\n\r\n        box-shadow:\r\n            0 0 0 10px\r\n            rgba(227,189,61,.15),\r\n            0 0 25px\r\n            rgba(227,189,61,.85),\r\n            0 0 45px\r\n            rgba(227,189,61,.25);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes yfSatelliteWave{\r\n\r\n    0%{\r\n\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(.4);\r\n\r\n        opacity:.7;\r\n    }\r\n\r\n    100%{\r\n\r\n        transform:\r\n            translate(-50%,-50%)\r\n            scale(1.55);\r\n\r\n        opacity:0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SATELLITE LABEL\r\n========================================================= *\/\r\n\r\n.yf-satellite-label{\r\n\r\n    margin-top:10px;\r\n\r\n    padding:\r\n        6px 9px;\r\n\r\n    background:\r\n        rgba(255,255,255,.96);\r\n\r\n    color:#333;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    white-space:nowrap;\r\n\r\n    box-shadow:\r\n        0 5px 15px\r\n        rgba(0,0,0,.05);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTROL TEXT\r\n========================================================= *\/\r\n\r\n.yf-control-content h2{\r\n\r\n    max-width:620px;\r\n\r\n    margin:\r\n        13px 0 0;\r\n\r\n    font-size:\r\n        clamp(\r\n            39px,\r\n            4.4vw,\r\n            60px\r\n        );\r\n\r\n    line-height:.96;\r\n\r\n    letter-spacing:-4px;\r\n}\r\n\r\n\r\n.yf-control-content h2 span{\r\n\r\n    color:\r\n        var(--yf-red);\r\n}\r\n\r\n\r\n.yf-control-content > p{\r\n\r\n    max-width:600px;\r\n\r\n    margin-top:18px;\r\n\r\n    color:\r\n        var(--yf-gray);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.68;\r\n}\r\n\r\n\r\n.yf-control-list{\r\n\r\n    margin-top:23px;\r\n}\r\n\r\n\r\n.yf-control-row{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        38px 1fr;\r\n\r\n    gap:12px;\r\n\r\n    padding:\r\n        12px 0;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--yf-line);\r\n}\r\n\r\n\r\n.yf-control-index{\r\n\r\n    color:\r\n        var(--yf-red);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n.yf-control-row strong{\r\n\r\n    display:block;\r\n\r\n    font-size:14px;\r\n}\r\n\r\n\r\n.yf-control-row span{\r\n\r\n    display:block;\r\n\r\n    margin-top:4px;\r\n\r\n    color:#707070;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FINAL\r\n========================================================= *\/\r\n\r\n.yf-final{\r\n\r\n    background:#191919;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n.yf-final-inner{\r\n\r\n    min-height:240px;\r\n\r\n    padding:\r\n        42px 20px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n    align-items:center;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.yf-final-mark{\r\n\r\n    width:45px;\r\n    height:4px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    background:\r\n        var(--yf-yellow);\r\n\r\n    transform:\r\n        rotate(-3deg);\r\n}\r\n\r\n\r\n.yf-final h2{\r\n\r\n    max-width:950px;\r\n\r\n    margin:0;\r\n\r\n    font-size:\r\n        clamp(\r\n            33px,\r\n            4vw,\r\n            54px\r\n        );\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-3px;\r\n}\r\n\r\n\r\n.yf-final h2 span{\r\n\r\n    color:\r\n        var(--yf-yellow);\r\n}\r\n\r\n\r\n.yf-final p{\r\n\r\n    max-width:690px;\r\n\r\n    margin:\r\n        15px auto 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.62);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.6;\r\n}\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    .yf-container{\r\n\r\n        width:\r\n            calc(100% - 45px);\r\n    }\r\n\r\n\r\n    .yf-capacity-inner{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        min-height:auto;\r\n\r\n        padding:\r\n            55px 0;\r\n    }\r\n\r\n\r\n    .yf-capacity-side{\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        width:100%;\r\n\r\n        gap:25px;\r\n    }\r\n\r\n\r\n    .yf-capacity-side.left,\r\n    .yf-capacity-side.right{\r\n\r\n        align-items:stretch;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n\r\n    .yf-capacity-side.left{\r\n\r\n        order:2;\r\n    }\r\n\r\n\r\n    .yf-capacity-system{\r\n\r\n        order:1;\r\n    }\r\n\r\n\r\n    .yf-capacity-side.right{\r\n\r\n        order:3;\r\n    }\r\n\r\n\r\n    .left .yf-cap-info-dot,\r\n    .right .yf-cap-info-dot{\r\n\r\n        left:-23px;\r\n        right:auto;\r\n    }\r\n\r\n\r\n    .yf-control-layout{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:20px;\r\n    }\r\n\r\n\r\n    .yf-control-content{\r\n\r\n        max-width:740px;\r\n\r\n        margin:0 auto;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    .yf-control-content > p{\r\n\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n\r\n    .yf-control-list{\r\n\r\n        text-align:left;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n    .yf-container{\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n    }\r\n\r\n\r\n\r\n    \/* HERO *\/\r\n\r\n    .yf-hero{\r\n\r\n        min-height:560px;\r\n    }\r\n\r\n\r\n    .yf-hero-inner{\r\n\r\n        padding:\r\n            52px 0 72px;\r\n    }\r\n\r\n\r\n    .yf-factory-sketch{\r\n\r\n        width:720px;\r\n\r\n        top:60%;\r\n\r\n        opacity:.10;\r\n    }\r\n\r\n\r\n    .yf-hero-title{\r\n\r\n        font-size:44px;\r\n\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n\r\n    .yf-hero-description{\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    .yf-hero-metrics{\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n    }\r\n\r\n\r\n    .yf-hero-metric{\r\n\r\n        padding:\r\n            0 6px;\r\n    }\r\n\r\n\r\n    .yf-hero-metric strong{\r\n\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    .yf-hero-metric span{\r\n\r\n        font-size:6px;\r\n    }\r\n\r\n\r\n\r\n    \/* VIDEO *\/\r\n\r\n    .yf-video-section{\r\n\r\n        padding:\r\n            48px 0;\r\n    }\r\n\r\n\r\n    .yf-video-head h2{\r\n\r\n        font-size:35px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    .yf-video-stage{\r\n\r\n        padding:9px;\r\n    }\r\n\r\n\r\n    .yf-video-frame{\r\n\r\n        aspect-ratio:\r\n            16 \/ 10;\r\n    }\r\n\r\n\r\n\r\n    \/* STATEMENT *\/\r\n\r\n    .yf-statement{\r\n\r\n        padding:\r\n            50px 0;\r\n    }\r\n\r\n\r\n    .yf-statement h2{\r\n\r\n        font-size:35px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n\r\n    \/* PROCESS *\/\r\n\r\n    .yf-process{\r\n\r\n        padding:\r\n            52px 0 58px;\r\n    }\r\n\r\n\r\n    .yf-process-head h2{\r\n\r\n        font-size:35px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    .yf-process-rail{\r\n\r\n        display:block;\r\n\r\n        padding-left:15px;\r\n    }\r\n\r\n\r\n    .yf-process-rail::before{\r\n\r\n        left:34px;\r\n        right:auto;\r\n\r\n        top:20px;\r\n        bottom:20px;\r\n\r\n        width:2px;\r\n        height:auto;\r\n    }\r\n\r\n\r\n    .yf-process-progress{\r\n\r\n        left:34px;\r\n        top:20px;\r\n\r\n        width:2px;\r\n        height:0;\r\n    }\r\n\r\n\r\n    .yf-process-rail.yf-run\r\n    .yf-process-progress{\r\n\r\n        width:2px;\r\n\r\n        height:\r\n            calc(100% - 40px);\r\n    }\r\n\r\n\r\n    .yf-process-pulse{\r\n\r\n        display:none;\r\n    }\r\n\r\n\r\n    .yf-process-step{\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            55px 1fr;\r\n\r\n        padding:\r\n            0 0 30px;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n\r\n    .yf-process-node{\r\n\r\n        grid-row:\r\n            1 \/ 3;\r\n\r\n        width:40px;\r\n        height:40px;\r\n\r\n        margin:0;\r\n\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    .yf-process-step strong{\r\n\r\n        margin:0;\r\n\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    .yf-process-step p{\r\n\r\n        margin:\r\n            5px 0 0;\r\n    }\r\n\r\n\r\n\r\n    \/* CAPACITY *\/\r\n\r\n    .yf-capacity{\r\n\r\n        min-height:auto;\r\n    }\r\n\r\n\r\n    .yf-capacity-inner{\r\n\r\n        padding:\r\n            48px 0;\r\n\r\n        gap:27px;\r\n    }\r\n\r\n\r\n    .yf-capacity-factory{\r\n\r\n        width:800px;\r\n\r\n        bottom:15%;\r\n\r\n        opacity:.12;\r\n    }\r\n\r\n\r\n    .yf-capacity-system{\r\n\r\n        width:285px;\r\n        height:285px;\r\n    }\r\n\r\n\r\n    .yf-cap-ring::before{\r\n\r\n        inset:24px;\r\n    }\r\n\r\n\r\n    .yf-cap-ring::after{\r\n\r\n        inset:52px;\r\n    }\r\n\r\n\r\n    .yf-capacity-center{\r\n\r\n        width:182px;\r\n        height:182px;\r\n    }\r\n\r\n\r\n    .yf-capacity-center small{\r\n\r\n        font-size:7px;\r\n    }\r\n\r\n\r\n    .yf-capacity-center strong{\r\n\r\n        font-size:70px;\r\n\r\n        letter-spacing:-5px;\r\n    }\r\n\r\n\r\n    .yf-capacity-center span{\r\n\r\n        margin-top:12px;\r\n\r\n        font-size:8px;\r\n    }\r\n\r\n\r\n    .yf-capacity-side{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n\r\n        padding-left:24px;\r\n    }\r\n\r\n\r\n\r\n    \/* CONTROL *\/\r\n\r\n    .yf-control{\r\n\r\n        padding:\r\n            48px 0;\r\n    }\r\n\r\n\r\n    .yf-control-visual{\r\n\r\n        min-height:350px;\r\n    }\r\n\r\n\r\n    .yf-control-system{\r\n\r\n        width:275px;\r\n        height:275px;\r\n    }\r\n\r\n\r\n    .yf-control-ring::before{\r\n\r\n        inset:28px;\r\n    }\r\n\r\n\r\n    .yf-control-ring::after{\r\n\r\n        inset:59px;\r\n    }\r\n\r\n\r\n    .yf-control-core{\r\n\r\n        width:120px;\r\n        height:120px;\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .yf-satellite{\r\n\r\n        width:100px;\r\n    }\r\n\r\n\r\n    .yf-satellite.one{\r\n\r\n        top:-7px;\r\n    }\r\n\r\n\r\n    .yf-satellite.two{\r\n\r\n        right:-45px;\r\n    }\r\n\r\n\r\n    .yf-satellite.three{\r\n\r\n        bottom:-7px;\r\n    }\r\n\r\n\r\n    .yf-satellite.four{\r\n\r\n        left:-45px;\r\n    }\r\n\r\n\r\n    .yf-satellite-dot{\r\n\r\n        width:11px;\r\n        height:11px;\r\n\r\n        flex-basis:11px;\r\n    }\r\n\r\n\r\n    .yf-satellite-label{\r\n\r\n        margin-top:7px;\r\n\r\n        padding:\r\n            4px 5px;\r\n\r\n        font-size:7px;\r\n    }\r\n\r\n\r\n    .yf-control-content h2{\r\n\r\n        font-size:35px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n\r\n    \/* FINAL *\/\r\n\r\n    .yf-final h2{\r\n\r\n        font-size:30px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Giri\u015f foto\u011fraf\u0131: tam alan ve dengeli g\u00f6r\u00fcn\u00fcrl\u00fck *\/\r\n#orallar-feed .yf-factory-sketch{\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    transform:none;\r\n    opacity:1;\r\n    transition:none;\r\n}\r\n#orallar-feed .yf-factory-sketch img{\r\n    width:100%;\r\n    height:100%;\r\n    max-width:none;\r\n    object-fit:cover;\r\n    object-position:center 58%;\r\n}\r\n#orallar-feed .yf-factory-sketch::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n        radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.78) 0%,rgba(255,255,255,.60) 38%,rgba(255,255,255,.22) 100%),\r\n        linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.08));\r\n}\r\n#orallar-feed .yf-hero::before{\r\n    z-index:6;\r\n    pointer-events:none;\r\n}\r\n@media(max-width:767px){\r\n    #orallar-feed .yf-factory-sketch img{\r\n        object-position:48% center;\r\n    }\r\n    #orallar-feed .yf-factory-sketch::after{\r\n        background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.76) 42%,rgba(255,255,255,.56));\r\n    }\r\n}\r\n\r\n\r\n\/* Yem fabrikas\u0131 arka plan\u0131: b\u00f6l\u00fcm\u00fcn tamam\u0131n\u0131 kaplar. *\/\r\n#orallar-feed .yf-capacity-factory{\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    transform:none;\r\n    opacity:1;\r\n}\r\n#orallar-feed .yf-capacity-factory img{\r\n    width:100%;\r\n    height:100%;\r\n    max-width:none;\r\n    object-fit:cover;\r\n    object-position:center;\r\n}\r\n#orallar-feed .yf-capacity-overlay{\r\n    background:linear-gradient(\r\n        120deg,\r\n        rgba(45,24,25,.62) 0%,\r\n        rgba(110,27,32,.40) 50%,\r\n        rgba(45,24,25,.58) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* Arap\u00e7a: metin y\u00f6n\u00fc; video ve animasyon geometrisi korunur *\/\r\nhtml[lang|=\"ar\"] #orallar-feed,\r\nhtml[lang|=\"ar\"] #orallar-feed div{direction:ltr !important;}\r\nhtml[lang|=\"ar\"] #orallar-feed :is(h1,h2,h3,p,small,strong,.ar-text-label,.yf-hero-metric span,.yf-belt-item,.yf-video-live,.yf-capacity-center span,.yf-control-core,.yf-satellite-label,.yf-control-row span){\r\n direction:rtl !important;unicode-bidi:isolate;letter-spacing:normal !important;overflow-wrap:anywhere;word-break:normal;font-family:Arial,Tahoma,sans-serif;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed :is(h1,h2,h3){line-height:1.4;}\r\nhtml[lang|=\"ar\"] #orallar-feed p{line-height:1.85;}\r\nhtml[lang|=\"ar\"] #orallar-feed :is(.yf-video-head,.yf-process-head,.yf-control-content,.yf-cap-info,.yf-control-row > div){text-align:right;min-width:0;}\r\nhtml[lang|=\"ar\"] #orallar-feed :is(.yf-video-head,.yf-process-head){margin-left:auto;}\r\nhtml[lang|=\"ar\"] #orallar-feed :is(.yf-process-head p,.yf-control-content > p){margin-left:auto;margin-right:0;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-kicker{direction:ltr !important;line-height:1.8;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-kicker::before{flex:0 0 32px;}\r\nhtml[lang|=\"ar\"] #orallar-feed .ar-text-label{min-width:0;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-hero-metrics{display:flex;flex-wrap:wrap;gap:15px 0;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-hero-metric{min-width:0;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-hero-metric strong{direction:ltr !important;unicode-bidi:isolate;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-hero-metric span{line-height:1.8;font-size:10px;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-belt-item{line-height:1.8;white-space:nowrap;overflow-wrap:normal;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-belt-item::after{flex:0 0 7px;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-video-live{left:auto;right:20px;max-width:calc(100% - 40px);line-height:1.8;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-process-step{min-width:0;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-process-step strong{line-height:1.7;}\r\nhtml[lang|=\"ar\"] #orallar-feed :is(.yf-process-node,.yf-control-index){direction:ltr !important;unicode-bidi:isolate;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-capacity-inner{padding-block:50px;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-capacity-center{padding:20px;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-capacity-center strong{font-size:clamp(46px,5vw,76px);line-height:1.25;max-width:100%;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-capacity-center :is(small,span){line-height:1.7;max-width:100%;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-capacity-center span{margin-top:10px;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-control-core{padding:14px;line-height:1.7;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-satellite-label{white-space:normal;max-width:140px;text-align:center;line-height:1.7;}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-control-row{grid-template-columns:38px minmax(0,1fr);}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-control-row :is(strong,span){line-height:1.8;}\r\n@media(min-width:1051px){\r\n html[lang|=\"ar\"] #orallar-feed .yf-capacity-inner{grid-template-columns:minmax(0,1fr) 470px minmax(0,1fr);}\r\n html[lang|=\"ar\"] #orallar-feed .yf-control-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);}\r\n}\r\n@media(min-width:701px){\r\n html[lang|=\"ar\"] #orallar-feed .yf-process-rail{grid-template-columns:repeat(4,minmax(0,1fr));}\r\n}\r\n@media(max-width:1050px){\r\n html[lang|=\"ar\"] #orallar-feed .yf-capacity-side{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n html[lang|=\"ar\"] #orallar-feed .yf-cap-info{max-width:100%;}\r\n}\r\n@media(max-width:700px){\r\n html[lang|=\"ar\"] #orallar-feed .yf-hero-title{font-size:clamp(32px,8vw,44px);}\r\n html[lang|=\"ar\"] #orallar-feed .yf-process-step{grid-template-columns:55px minmax(0,1fr);text-align:right;}\r\n html[lang|=\"ar\"] #orallar-feed .yf-capacity-side{grid-template-columns:minmax(0,1fr);}\r\n html[lang|=\"ar\"] #orallar-feed .yf-capacity-center strong{font-size:42px;}\r\n html[lang|=\"ar\"] #orallar-feed .yf-capacity-system{width:min(285px,100%);height:auto;aspect-ratio:1;}\r\n html[lang|=\"ar\"] #orallar-feed .yf-control-system{width:min(245px,calc(100% - 60px));height:auto;aspect-ratio:1;}\r\n html[lang|=\"ar\"] #orallar-feed .yf-control-visual{min-height:370px;}\r\n html[lang|=\"ar\"] #orallar-feed .yf-satellite-label{max-width:95px;font-size:9px;}\r\n html[lang|=\"ar\"] #orallar-feed .yf-control-core{width:105px;height:105px;font-size:12px;}\r\n}\r\n\r\n\r\n\/* Uzun Arap\u00e7a etiketler i\u00e7in son yerle\u015fim ayarlar\u0131 *\/\r\nhtml[lang|=\"ar\"] #orallar-feed .ar-text-label[translate=\"no\"]{\r\n    direction:ltr !important;unicode-bidi:isolate;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-hero-title span{\r\n    line-height:1.45;letter-spacing:normal;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-hero-title span::after{\r\n    bottom:-7px;height:4px;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-cap-info strong{\r\n    line-height:1.8;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-control-core{\r\n    flex-direction:column;text-align:center;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-satellite-inner{\r\n    width:100%;min-width:0;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-satellite-label{\r\n    width:100%;min-width:0;max-width:140px;\r\n    padding:8px;overflow-wrap:anywhere;word-break:normal;\r\n}\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-capacity-center small,\r\nhtml[lang|=\"ar\"] #orallar-feed .yf-capacity-center span{\r\n    font-size:12px;\r\n}\r\n@media(max-width:700px){\r\n    \/* D\u00f6nen kutular i\u00e7in \u00e7emberin d\u0131\u015f\u0131nda da pay b\u0131rak. *\/\r\n    html[lang|=\"ar\"] #orallar-feed .yf-control-system{\r\n        width:min(240px,calc(100% - 100px));\r\n        height:auto;aspect-ratio:1;\r\n    }\r\n    html[lang|=\"ar\"] #orallar-feed .yf-control-visual{\r\n        min-height:360px;padding-block:55px;\r\n    }\r\n    html[lang|=\"ar\"] #orallar-feed .yf-satellite{\r\n        width:90px;\r\n    }\r\n    html[lang|=\"ar\"] #orallar-feed .yf-satellite.two{right:-40px;}\r\n    html[lang|=\"ar\"] #orallar-feed .yf-satellite.four{left:-40px;}\r\n    html[lang|=\"ar\"] #orallar-feed .yf-satellite-label{\r\n        font-size:10px;line-height:1.6;padding:6px;\r\n    }\r\n    html[lang|=\"ar\"] #orallar-feed .yf-control-core{\r\n        width:100px;height:100px;font-size:12px;padding:10px;\r\n    }\r\n    html[lang|=\"ar\"] #orallar-feed .yf-capacity-center{\r\n        width:64%;height:64%;padding:12px;\r\n    }\r\n    html[lang|=\"ar\"] #orallar-feed .yf-capacity-center strong{\r\n        font-size:clamp(30px,10vw,42px);\r\n    }\r\n    html[lang|=\"ar\"] #orallar-feed .yf-capacity-center small,\r\n    html[lang|=\"ar\"] #orallar-feed .yf-capacity-center span{\r\n        font-size:10px;line-height:1.7;\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=\"yf-hero\" id=\"yfHero\">\r\n\r\n\r\n    <div class=\"yf-factory-sketch\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/8281d6cc-65ed-42f7-b92a-0e5e8e60276b-2.jpg\"\r\n            alt=\"Orallar Zirai Yem Fabrikas\u0131\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"yf-sketch-scan\"><\/div>\r\n\r\n\r\n    <div\r\n        class=\"yf-grains\"\r\n        id=\"yfGrains\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n    <div class=\"yf-container\">\r\n\r\n\r\n        <div class=\"yf-hero-inner\">\r\n\r\n\r\n            <div class=\"yf-kicker yf-reveal\"><span class=\"ar-text-label notranslate\" translate=\"no\" dir=\"ltr\">\r\n\r\n                Orallar Zirai\r\n\r\n            <\/span><\/div>\r\n\r\n\r\n            <h1 class=\"yf-hero-title yf-reveal\">\r\n\r\n              Do\u011fru Beslenme\r\n                <span>\r\n                    G\u00fc\u00e7l\u00fc Performans\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"yf-hero-description yf-reveal\">\r\n\r\n                S\u00fcr\u00fclerimizin geli\u015fim d\u00f6nemlerine ve\r\n                ihtiya\u00e7lar\u0131na uygun, besleyicili\u011fi y\u00fcksek\r\n                yemleri kendi yem fabrikam\u0131zda \u00fcretiyor;\r\n                \u00fcretim s\u00fcrecini kalite, g\u0131da sa\u011fl\u0131\u011f\u0131 ve\r\n                biyog\u00fcvenlik kriterleriyle y\u00f6netiyoruz.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"yf-hero-metrics yf-reveal\">\r\n\r\n\r\n              \r\n\r\n\r\n\r\n                <div class=\"yf-hero-metric\">\r\n\r\n                    <strong>\r\n                        360\u00b0\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        KONTROLL\u00dc S\u00dcRE\u00c7\r\n                    <\/span>\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    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     MOVING BELT\r\n========================================================= -->\r\n\r\n<div class=\"yf-belt\">\r\n\r\n\r\n    <div class=\"yf-belt-track\">\r\n\r\n\r\n        <div class=\"yf-belt-group\">\r\n\r\n            <div class=\"yf-belt-item\">HAMMADDE<\/div>\r\n            <div class=\"yf-belt-item\">\u00dcRET\u0130M<\/div>\r\n            <div class=\"yf-belt-item\">KAL\u0130TE KONTROL<\/div>\r\n            <div class=\"yf-belt-item\">B\u0130YOG\u00dcVENL\u0130K<\/div>\r\n            <div class=\"yf-belt-item\">\u00c7\u0130FTL\u0130KLERE ULA\u015eIM<\/div>\r\n            <div class=\"yf-belt-item\">KONTROLL\u00dc YEM \u00dcRET\u0130M\u0130<\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"yf-belt-group\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <div class=\"yf-belt-item\">HAMMADDE<\/div>\r\n            <div class=\"yf-belt-item\">\u00dcRET\u0130M<\/div>\r\n            <div class=\"yf-belt-item\">KAL\u0130TE KONTROL<\/div>\r\n            <div class=\"yf-belt-item\">B\u0130YOG\u00dcVENL\u0130K<\/div>\r\n            <div class=\"yf-belt-item\">\u00c7\u0130FTL\u0130KLERE ULA\u015eIM<\/div>\r\n            <div class=\"yf-belt-item\">KONTROLL\u00dc YEM \u00dcRET\u0130M\u0130<\/div>\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<!-- =========================================================\r\n     VIDEO\r\n========================================================= -->\r\n\r\n<div class=\"yf-video-section\">\r\n\r\n\r\n    <div class=\"yf-container\">\r\n\r\n\r\n        <div class=\"yf-video-head yf-reveal\">\r\n\r\n\r\n            <div class=\"yf-kicker\"><span class=\"ar-text-label\">\r\n\r\n                Fabrikay\u0131 Yak\u0131ndan Tan\u0131y\u0131n\r\n\r\n            <\/span><\/div>\r\n\r\n\r\n            <h2>\r\n\r\n                Yem \u00fcretim s\u00fcrecimizi\r\n\r\n                <span>\r\n                    tesisin i\u00e7inde g\u00f6r\u00fcn.\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n        <\/div>\r\n\r\n<div class=\"yf-video-stage yf-reveal\">\r\n\r\n    <div class=\"yf-video-frame\">\r\n\r\n        <iframe\r\n            src=\"https:\/\/player.mediadelivery.net\/embed\/722747\/907b5f4f-3c5c-45a2-a39f-06563f713cce?autoplay=true&loop=true&muted=true&preload=true&responsive=true\"\r\n            loading=\"lazy\"\r\n            allow=\"accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;\"\r\n            allowfullscreen=\"true\"\r\n        ><\/iframe>\r\n\r\n        <div class=\"yf-video-live\">\r\n            YEM FABR\u0130KASI\r\n        <\/div>\r\n\r\n    <\/div>\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<!-- =========================================================\r\n     STATEMENT\r\n========================================================= -->\r\n\r\n<div class=\"yf-statement\">\r\n\r\n\r\n    <div class=\"yf-container\">\r\n\r\n\r\n        <div class=\"yf-statement-inner yf-reveal\">\r\n\r\n\r\n            <div class=\"yf-kicker\"><span class=\"ar-text-label\">\r\n\r\n                Entegre \u00dcretim Yakla\u015f\u0131m\u0131\r\n\r\n            <\/span><\/div>\r\n\r\n\r\n            <h2>\r\n\r\n                Yem yaln\u0131zca \u00fcretilmiyor;\r\n\r\n                <span>\r\n\r\n                    s\u00fcr\u00fcn\u00fcn ihtiyac\u0131na g\u00f6re\r\n                    y\u00f6netiliyor.\r\n\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                Orallar Zirai'nin \u00fcretim zincirinde\r\n                beslenme s\u00fcreci kendi \u00fcretim sistemimizin\r\n                do\u011frudan bir par\u00e7as\u0131d\u0131r. Hammaddenin\r\n                haz\u0131rlanmas\u0131ndan yemin \u00e7iftliklerimize\r\n                ula\u015fmas\u0131na kadar s\u00fcre\u00e7 kontroll\u00fc bi\u00e7imde\r\n                y\u00fcr\u00fct\u00fcl\u00fcr.\r\n\r\n            <\/p>\r\n\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<!-- =========================================================\r\n     PROCESS\r\n========================================================= -->\r\n\r\n<div class=\"yf-process\">\r\n\r\n\r\n    <div class=\"yf-container\">\r\n\r\n\r\n        <div class=\"yf-process-head yf-reveal\">\r\n\r\n\r\n            <div class=\"yf-kicker\"><span class=\"ar-text-label\">\r\n\r\n                Yem \u00dcretim Rotas\u0131\r\n\r\n            <\/span><\/div>\r\n\r\n\r\n            <h2>\r\n\r\n                Hammaddeden s\u00fcr\u00fcye\r\n\r\n                <span>\r\n\r\n                    kesintisiz \u00fcretim hatt\u0131.\r\n\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                S\u00fcr\u00fc ihtiya\u00e7lar\u0131, besleyicilik,\r\n                g\u0131da sa\u011fl\u0131\u011f\u0131 ve biyog\u00fcvenlik kriterleri\r\n                \u00fcretimin her a\u015famas\u0131nda birlikte\r\n                de\u011ferlendirilir.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"yf-process-rail\"\r\n            id=\"yfProcessRail\"\r\n        >\r\n\r\n\r\n            <div class=\"yf-process-progress\"><\/div>\r\n\r\n            <div class=\"yf-process-pulse\"><\/div>\r\n\r\n\r\n            <div class=\"yf-process-step yf-reveal\">\r\n\r\n                <div class=\"yf-process-node\">\r\n                    01\r\n                <\/div>\r\n\r\n                <strong>\r\n                    Hammadde\r\n                <\/strong>\r\n\r\n                <p>\r\n                    Hammaddeler \u00fcretim s\u00fcrecine haz\u0131rlan\u0131r.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"yf-process-step yf-reveal\">\r\n\r\n                <div class=\"yf-process-node\">\r\n                    02\r\n                <\/div>\r\n\r\n                <strong>\r\n                    \u00dcretim\r\n                <\/strong>\r\n\r\n                <p>\r\n                    S\u00fcr\u00fc ihtiya\u00e7lar\u0131na uygun yem \u00fcretimi ger\u00e7ekle\u015ftirilir.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"yf-process-step yf-reveal\">\r\n\r\n                <div class=\"yf-process-node\">\r\n                    03\r\n                <\/div>\r\n\r\n                <strong>\r\n                    Kontrol\r\n                <\/strong>\r\n\r\n                <p>\r\n                    G\u0131da sa\u011fl\u0131\u011f\u0131 ve biyog\u00fcvenlik kriterleri takip edilir.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"yf-process-step yf-reveal\">\r\n\r\n                <div class=\"yf-process-node\">\r\n                    04\r\n                <\/div>\r\n\r\n                <strong>\r\n                    \u00c7iftliklere Ula\u015f\u0131m\r\n                <\/strong>\r\n\r\n                <p>\r\n                    \u00dcretilen yemler \u00e7iftliklere ula\u015ft\u0131r\u0131l\u0131r.\r\n                <\/p>\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<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     CAPACITY\r\n========================================================= -->\r\n\r\n<div class=\"yf-capacity\">\r\n\r\n\r\n    <div class=\"yf-capacity-factory\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/3E36E29A-6CB0-4AE6-BF80-257AC4367FB8.png\"\r\n            alt=\"Orallar Zirai Yem Fabrikas\u0131\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"yf-capacity-overlay\"><\/div>\r\n\r\n\r\n    <div class=\"yf-capacity-lines\">\r\n\r\n        <span class=\"yf-capacity-line one\"><\/span>\r\n        <span class=\"yf-capacity-line two\"><\/span>\r\n        <span class=\"yf-capacity-line three\"><\/span>\r\n        <span class=\"yf-capacity-line four\"><\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"yf-container\">\r\n\r\n\r\n        <div class=\"yf-capacity-inner\">\r\n\r\n\r\n            <div class=\"yf-capacity-side left\">\r\n\r\n\r\n                <div class=\"yf-cap-info yf-reveal\">\r\n\r\n                    <span class=\"yf-cap-info-dot\"><\/span>\r\n\r\n                    <strong>\r\n                        Kendi Yem Fabrikam\u0131z\r\n                    <\/strong>\r\n\r\n                    <p>\r\n\r\n                        Yem \u00fcretimini kendi\r\n                        \u00fcretim sistemimizin\r\n                        bir par\u00e7as\u0131 olarak\r\n                        y\u00f6netiyoruz.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"yf-cap-info yf-reveal\">\r\n\r\n                    <span class=\"yf-cap-info-dot\"><\/span>\r\n\r\n                    <strong>\r\n                        S\u00fcr\u00fc \u0130htiyac\u0131na G\u00f6re\r\n                    <\/strong>\r\n\r\n                    <p>\r\n\r\n                        Yem i\u00e7erikleri s\u00fcr\u00fclerin\r\n                        geli\u015fim d\u00f6nemleri dikkate\r\n                        al\u0131narak haz\u0131rlan\u0131r.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"yf-capacity-system yf-reveal\">\r\n\r\n\r\n                <div class=\"yf-cap-ring\"><\/div>\r\n\r\n\r\n                <div class=\"yf-cap-orbit-wheel\">\r\n\r\n                    <span class=\"yf-cap-orbit-dot one\"><\/span>\r\n                    <span class=\"yf-cap-orbit-dot two\"><\/span>\r\n                    <span class=\"yf-cap-orbit-dot three\"><\/span>\r\n                    <span class=\"yf-cap-orbit-dot four\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"yf-capacity-center\">\r\n\r\n\r\n                    <small>\r\n                        KONTROLL\u00dc\r\n                    <\/small>\r\n\r\n\r\n                    <strong>\r\n                        YEM\r\n                    <\/strong>\r\n\r\n\r\n                    <span>\r\n                        \u00dcRET\u0130M\u0130\r\n                    <\/span>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"yf-capacity-side right\">\r\n\r\n\r\n                <div class=\"yf-cap-info yf-reveal\">\r\n\r\n                    <span class=\"yf-cap-info-dot\"><\/span>\r\n\r\n                    <strong>\r\n                        G\u0131da Sa\u011fl\u0131\u011f\u0131\r\n                    <\/strong>\r\n\r\n                    <p>\r\n\r\n                        \u00dcretim s\u00fcrecinde\r\n                        g\u0131da sa\u011fl\u0131\u011f\u0131na y\u00f6nelik\r\n                        gerekli kriterler g\u00f6zetilir.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"yf-cap-info yf-reveal\">\r\n\r\n                    <span class=\"yf-cap-info-dot\"><\/span>\r\n\r\n                    <strong>\r\n                        Biyog\u00fcvenlik\r\n                    <\/strong>\r\n\r\n                    <p>\r\n\r\n                        Yem \u00fcretim s\u00fcre\u00e7lerinde\r\n                        biyog\u00fcvenlik tedbirleri\r\n                        uygulan\u0131r.\r\n\r\n                    <\/p>\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    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     CONTROL SYSTEM\r\n========================================================= -->\r\n\r\n<div class=\"yf-control\">\r\n\r\n\r\n    <div class=\"yf-container\">\r\n\r\n\r\n        <div class=\"yf-control-layout\">\r\n\r\n\r\n            <div class=\"yf-control-visual yf-reveal\">\r\n\r\n\r\n                <div\r\n                    class=\"yf-control-system\"\r\n                    id=\"yfControlSystem\"\r\n                >\r\n\r\n\r\n                    <div class=\"yf-control-ring\"><\/div>\r\n\r\n\r\n                    <!--\r\n                        BU WRAPPER JAVASCRIPT \u0130LE D\u00d6NECEK\r\n                    -->\r\n\r\n                    <div\r\n                        class=\"yf-satellite-wheel\"\r\n                        id=\"yfSatelliteWheel\"\r\n                    >\r\n\r\n\r\n                        <div class=\"yf-satellite one\">\r\n\r\n                            <div class=\"yf-satellite-inner\">\r\n\r\n                                <div class=\"yf-satellite-dot\"><\/div>\r\n\r\n                                <div class=\"yf-satellite-label\">\r\n\r\n                                    S\u00dcR\u00dc \u0130HT\u0130YACI\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"yf-satellite two\">\r\n\r\n                            <div class=\"yf-satellite-inner\">\r\n\r\n                                <div class=\"yf-satellite-dot\"><\/div>\r\n\r\n                                <div class=\"yf-satellite-label\">\r\n\r\n                                    BESLEY\u0130C\u0130L\u0130K\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"yf-satellite three\">\r\n\r\n                            <div class=\"yf-satellite-inner\">\r\n\r\n                                <div class=\"yf-satellite-dot\"><\/div>\r\n\r\n                                <div class=\"yf-satellite-label\">\r\n\r\n                                    GIDA SA\u011eLI\u011eI\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"yf-satellite four\">\r\n\r\n                            <div class=\"yf-satellite-inner\">\r\n\r\n                                <div class=\"yf-satellite-dot\"><\/div>\r\n\r\n                                <div class=\"yf-satellite-label\">\r\n\r\n                                    B\u0130YOG\u00dcVENL\u0130K\r\n\r\n                                <\/div>\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                        KIRMIZI MERKEZ WRAPPER'IN DI\u015eINDA.\r\n                        BU Y\u00dcZDEN D\u00d6NMEZ.\r\n                    -->\r\n\r\n                    <div class=\"yf-control-core\">\r\n\r\n                        KONTROLL\u00dc\r\n                        <br>\r\n                        \u00dcRET\u0130M\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 class=\"yf-control-content yf-reveal\">\r\n\r\n\r\n                <div class=\"yf-kicker\"><span class=\"ar-text-label\">\r\n\r\n                    \u00dcretim Standartlar\u0131\r\n\r\n                <\/span><\/div>\r\n\r\n\r\n                <h2>\r\n\r\n                    Her a\u015famada\r\n\r\n                    <span>\r\n\r\n                        ayn\u0131 kontrol yakla\u015f\u0131m\u0131.\r\n\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n\r\n                    Yem \u00fcretiminde yaln\u0131zca kapasiteyi de\u011fil,\r\n                    \u00fcretimin hangi standartlar do\u011frultusunda\r\n                    ger\u00e7ekle\u015ftirildi\u011fini de \u00f6nemsiyoruz.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"yf-control-list\">\r\n\r\n\r\n                    <div class=\"yf-control-row\">\r\n\r\n\r\n                        <div class=\"yf-control-index\">\r\n\r\n                            01\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n\r\n                                S\u00fcr\u00fc ihtiya\u00e7lar\u0131na g\u00f6re \u00fcretim\r\n\r\n                            <\/strong>\r\n\r\n                            <span>\r\n\r\n                                Yem i\u00e7erikleri s\u00fcr\u00fclerin geli\u015fim\r\n                                d\u00f6nemleri dikkate al\u0131narak haz\u0131rlan\u0131r.\r\n\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"yf-control-row\">\r\n\r\n\r\n                        <div class=\"yf-control-index\">\r\n\r\n                            02\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n\r\n                                S\u00fcre\u00e7 boyunca kontrol\r\n\r\n                            <\/strong>\r\n\r\n                            <span>\r\n\r\n                                G\u0131da sa\u011fl\u0131\u011f\u0131 ve biyog\u00fcvenlik\r\n                                kriterleri takip edilir.\r\n\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"yf-control-row\">\r\n\r\n\r\n                        <div class=\"yf-control-index\">\r\n\r\n                            03\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <strong>\r\n\r\n                                Entegre \u00fcretim yap\u0131s\u0131\r\n\r\n                            <\/strong>\r\n\r\n                            <span>\r\n\r\n                                Yem fabrikam\u0131z \u00fcretim sistemimizin\r\n                                do\u011frudan bir par\u00e7as\u0131d\u0131r.\r\n\r\n                            <\/span>\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            <\/div>\r\n\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<!-- =========================================================\r\n     FINAL\r\n========================================================= -->\r\n\r\n<div class=\"yf-final\">\r\n\r\n\r\n    <div class=\"yf-container\">\r\n\r\n\r\n        <div class=\"yf-final-inner yf-reveal\">\r\n\r\n\r\n            <div class=\"yf-final-mark\"><\/div>\r\n\r\n\r\n            <h2>\r\n\r\n                Kendi yem fabrikam\u0131zdan\r\n\r\n                <span>\r\n\r\n                    kendi s\u00fcr\u00fclerimize\r\n\r\n                <\/span>\r\n\r\n                kontroll\u00fc beslenme.\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p>\r\n\r\n                Hammaddeden \u00fcretime, kontrolden\r\n                \u00e7iftliklerimize kadar b\u00fct\u00fcnle\u015fik\r\n                yem \u00fcretim yakla\u015f\u0131m\u0131.\r\n\r\n            <\/p>\r\n\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<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-feed\"\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       REVEAL\r\n    ===================================================== *\/\r\n\r\n    const revealItems =\r\n        root.querySelectorAll(\r\n            \".yf-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                                        \"yf-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        revealItems.forEach(\r\n\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\r\n    else{\r\n\r\n        revealItems.forEach(\r\n\r\n            function(item){\r\n\r\n                item.classList.add(\r\n                    \"yf-visible\"\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       PROCESS\r\n    ===================================================== *\/\r\n\r\n    const rail =\r\n        document.getElementById(\r\n            \"yfProcessRail\"\r\n        );\r\n\r\n\r\n    if(rail){\r\n\r\n        if(\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const railObserver =\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                                    rail.classList.add(\r\n                                        \"yf-run\"\r\n                                    );\r\n\r\n\r\n                                    railObserver.disconnect();\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold:.25\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            railObserver.observe(\r\n                rail\r\n            );\r\n\r\n        }\r\n\r\n        else{\r\n\r\n            rail.classList.add(\r\n                \"yf-run\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       HERO PARALLAX\r\n    ===================================================== *\/\r\n\r\n    const hero =\r\n        document.getElementById(\r\n            \"yfHero\"\r\n        );\r\n\r\n\r\n    if(\r\n        hero &&\r\n        window.innerWidth > 800\r\n    ){\r\n\r\n        hero.addEventListener(\r\n\r\n            \"mousemove\",\r\n\r\n            function(event){\r\n\r\n                const rect =\r\n                    hero.getBoundingClientRect();\r\n\r\n\r\n                const x =\r\n\r\n                    (\r\n                        event.clientX -\r\n                        rect.left\r\n                    )\r\n\r\n                    \/ rect.width\r\n\r\n                    - .5;\r\n\r\n\r\n                const y =\r\n\r\n                    (\r\n                        event.clientY -\r\n                        rect.top\r\n                    )\r\n\r\n                    \/ rect.height\r\n\r\n                    - .5;\r\n\r\n\r\n                hero.style.setProperty(\r\n\r\n                    \"--mx\",\r\n\r\n                    (x * 14) + \"px\"\r\n\r\n                );\r\n\r\n\r\n                hero.style.setProperty(\r\n\r\n                    \"--my\",\r\n\r\n                    (y * 9) + \"px\"\r\n\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n\r\n        hero.addEventListener(\r\n\r\n            \"mouseleave\",\r\n\r\n            function(){\r\n\r\n                hero.style.setProperty(\r\n                    \"--mx\",\r\n                    \"0px\"\r\n                );\r\n\r\n\r\n                hero.style.setProperty(\r\n                    \"--my\",\r\n                    \"0px\"\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       HERO PARTICLES\r\n    ===================================================== *\/\r\n\r\n    const grainBox =\r\n        document.getElementById(\r\n            \"yfGrains\"\r\n        );\r\n\r\n\r\n    if(grainBox){\r\n\r\n        const count =\r\n\r\n            window.innerWidth < 700\r\n\r\n            ? 10\r\n\r\n            : 20;\r\n\r\n\r\n        for(\r\n            let i = 0;\r\n            i < count;\r\n            i++\r\n        ){\r\n\r\n            const grain =\r\n                document.createElement(\r\n                    \"span\"\r\n                );\r\n\r\n\r\n            grain.className =\r\n                \"yf-grain\";\r\n\r\n\r\n            grain.style.left =\r\n\r\n                (\r\n                    4 +\r\n                    Math.random() * 92\r\n                )\r\n\r\n                + \"%\";\r\n\r\n\r\n            grain.style.top =\r\n\r\n                (\r\n                    45 +\r\n                    Math.random() * 45\r\n                )\r\n\r\n                + \"%\";\r\n\r\n\r\n            grain.style.animationDuration =\r\n\r\n                (\r\n                    6 +\r\n                    Math.random() * 6\r\n                )\r\n\r\n                + \"s\";\r\n\r\n\r\n            grain.style.animationDelay =\r\n\r\n                (\r\n                    Math.random() * 7\r\n                )\r\n\r\n                + \"s\";\r\n\r\n\r\n            grainBox.appendChild(\r\n                grain\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       VIDEO AUTOPLAY\r\n    ===================================================== *\/\r\n\r\n    const video =\r\n        document.getElementById(\r\n            \"yfFactoryVideo\"\r\n        );\r\n\r\n\r\n    if(video){\r\n\r\n        const source =\r\n            video.querySelector(\r\n                \"source\"\r\n            );\r\n\r\n\r\n        const src =\r\n\r\n            source\r\n\r\n            ? source.getAttribute(\"src\")\r\n\r\n            : \"\";\r\n\r\n\r\n        const hasVideo =\r\n\r\n            src &&\r\n\r\n            !src.includes(\r\n                \"VIDEO-URL-BURAYA\"\r\n            );\r\n\r\n\r\n        if(\r\n            hasVideo &&\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ){\r\n\r\n            const videoObserver =\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                                    video\r\n                                        .play()\r\n                                        .catch(\r\n                                            function(){}\r\n                                        );\r\n\r\n                                }\r\n\r\n                                else{\r\n\r\n                                    video.pause();\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold:.3\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            videoObserver.observe(\r\n                video\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       =====================================================\r\n       GER\u00c7EK ORBIT AN\u0130MASYONU\r\n       =====================================================\r\n\r\n       CSS animation KULLANMIYORUZ.\r\n\r\n       B\u00f6ylece Elementor CSS'i\r\n       animasyonu durduram\u0131yor.\r\n\r\n       Wheel d\u00f6n\u00fcyor.\r\n       Inner elementler ters y\u00f6nde d\u00f6n\u00fcyor.\r\n       Merkez sabit kal\u0131yor.\r\n    ===================================================== *\/\r\n\r\n    const satelliteWheel =\r\n        document.getElementById(\r\n            \"yfSatelliteWheel\"\r\n        );\r\n\r\n\r\n    if(satelliteWheel){\r\n\r\n        const satelliteInners =\r\n            satelliteWheel.querySelectorAll(\r\n                \".yf-satellite-inner\"\r\n            );\r\n\r\n\r\n        \/*\r\n           1 TAM TUR = 14 SAN\u0130YE\r\n\r\n           Daha yava\u015f istersen:\r\n           18000\r\n           20000\r\n           24000\r\n\r\n           Daha h\u0131zl\u0131 istersen:\r\n           10000\r\n           12000\r\n        *\/\r\n\r\n        const rotationDuration =\r\n            14000;\r\n\r\n\r\n        let startTime = null;\r\n\r\n\r\n        function rotateControlOrbit(timestamp){\r\n\r\n            if(startTime === null){\r\n\r\n                startTime = timestamp;\r\n\r\n            }\r\n\r\n\r\n            const elapsed =\r\n                timestamp -\r\n                startTime;\r\n\r\n\r\n            const progress =\r\n                (\r\n                    elapsed %\r\n                    rotationDuration\r\n                )\r\n                \/\r\n                rotationDuration;\r\n\r\n\r\n            const angle =\r\n                progress *\r\n                360;\r\n\r\n\r\n            \/*\r\n               ANA \u00c7ARK SA\u011eA D\u00d6N\u00dcYOR\r\n            *\/\r\n\r\n            satelliteWheel.style.transform =\r\n\r\n                \"rotate(\"\r\n                +\r\n                angle\r\n                +\r\n                \"deg)\";\r\n\r\n\r\n            \/*\r\n               YAZILAR TERS Y\u00d6NDE\r\n               AYNI M\u0130KTARDA D\u00d6N\u00dcYOR.\r\n\r\n               B\u00d6YLECE YAZILAR\r\n               HER ZAMAN D\u00dcZ KALIYOR.\r\n            *\/\r\n\r\n            satelliteInners.forEach(\r\n\r\n                function(inner){\r\n\r\n                    inner.style.transform =\r\n\r\n                        \"rotate(\"\r\n                        +\r\n                        (-angle)\r\n                        +\r\n                        \"deg)\";\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n            window.requestAnimationFrame(\r\n                rotateControlOrbit\r\n            );\r\n\r\n        }\r\n\r\n\r\n        window.requestAnimationFrame(\r\n            rotateControlOrbit\r\n        );\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a4d3c7 elementor-widget elementor-widget-html\" data-id=\"2a4d3c7\" 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<script>\r\n(function () {\r\n\r\n    const YELLOW = \"#F2B41B\";\r\n\r\n    const DISTANCE = 48;\r\n    const LIFE = 2400;          \/\/ toplam ya\u015fam s\u00fcresi\r\n    const HOLD_TIME = 500;      \/\/ g\u00f6r\u00fcn\u00fcr kald\u0131\u011f\u0131 s\u00fcre\r\n    const FADE_TIME = 1700;     \/\/ yava\u015f kaybolma s\u00fcresi\r\n    const OPACITY = 0.46;\r\n    const MAX_PARTICLES = 28;\r\n\r\n    let lastX = null;\r\n    let lastY = null;\r\n    let lastTime = 0;\r\n\r\n\r\n    \/* =========================================================\r\n       ESK\u0130 EVENTLER\u0130 TEM\u0130ZLE\r\n    ========================================================= *\/\r\n\r\n    if (window.orallarWheatTrailHandler) {\r\n\r\n        window.removeEventListener(\r\n            \"mousemove\",\r\n            window.orallarWheatTrailHandler\r\n        );\r\n\r\n        window.removeEventListener(\r\n            \"pointermove\",\r\n            window.orallarWheatTrailHandler\r\n        );\r\n    }\r\n\r\n\r\n    document\r\n        .querySelectorAll(\"[data-orallar-wheat]\")\r\n        .forEach(function (el) {\r\n            el.remove();\r\n        });\r\n\r\n\r\n    \/* =========================================================\r\n       BU\u011eDAY SVG\r\n    ========================================================= *\/\r\n\r\n    function getWheatSVG() {\r\n\r\n        return `\r\n        <svg\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            viewBox=\"0 0 32 54\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            style=\"\r\n                display:block;\r\n                overflow:visible;\r\n                fill:none;\r\n                stroke:${YELLOW};\r\n                stroke-width:2;\r\n                stroke-linecap:round;\r\n                stroke-linejoin:round;\r\n            \"\r\n        >\r\n\r\n            <path d=\"M16 52 C16 40 16 26 16 5\"\/>\r\n\r\n            <path d=\"\r\n                M16 8\r\n                C12.5 6 12 3 14 1\r\n                C17 3 18 5.5 16 8\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 11\r\n                C20 8 23 8 25 10\r\n                C23 13 20 14 16 15\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 18\r\n                C20 15 24 15 26 17\r\n                C24 20 21 21 16 22\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 25\r\n                C20 22 24 22 26 24\r\n                C24 27 21 28 16 29\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 32\r\n                C20 29 23 29 25 31\r\n                C23 34 20 35 16 36\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 15\r\n                C12 12 8 12 6 14\r\n                C8 17 11 18 16 19\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 22\r\n                C12 19 8 19 6 21\r\n                C8 24 11 25 16 26\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 29\r\n                C12 26 8 26 6 28\r\n                C8 31 11 32 16 33\r\n            \"\/>\r\n\r\n            <path d=\"\r\n                M16 36\r\n                C12 33 9 33 7 35\r\n                C9 38 12 39 16 39\r\n            \"\/>\r\n\r\n            <path d=\"M17 10 L24 3\"\/>\r\n            <path d=\"M15 14 L8 7\"\/>\r\n\r\n            <path d=\"M17 17 L27 9\"\/>\r\n            <path d=\"M15 21 L5 13\"\/>\r\n\r\n            <path d=\"M17 24 L28 16\"\/>\r\n            <path d=\"M15 28 L4 20\"\/>\r\n\r\n            <path d=\"M17 31 L26 25\"\/>\r\n            <path d=\"M15 35 L6 29\"\/>\r\n\r\n        <\/svg>\r\n        `;\r\n    }\r\n\r\n\r\n    function random(min, max) {\r\n\r\n        return Math.random() * (max - min) + min;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       PAR\u00c7ACIK SINIRI\r\n    ========================================================= *\/\r\n\r\n    function limitParticles() {\r\n\r\n        const particles =\r\n            document.querySelectorAll(\r\n                \"[data-orallar-wheat]\"\r\n            );\r\n\r\n        if (particles.length < MAX_PARTICLES) {\r\n            return;\r\n        }\r\n\r\n        const removeCount =\r\n            particles.length - MAX_PARTICLES + 1;\r\n\r\n        for (let i = 0; i < removeCount; i++) {\r\n\r\n            particles[i]?.remove();\r\n        }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BU\u011eDAY OLU\u015eTUR\r\n    ========================================================= *\/\r\n\r\n    function createWheat(x, y) {\r\n\r\n        limitParticles();\r\n\r\n\r\n        const wheat =\r\n            document.createElement(\"div\");\r\n\r\n\r\n        wheat.setAttribute(\r\n            \"data-orallar-wheat\",\r\n            \"true\"\r\n        );\r\n\r\n\r\n        const size =\r\n            random(17, 23);\r\n\r\n\r\n        const rotation =\r\n            random(-20, 20);\r\n\r\n\r\n        const driftX =\r\n            random(-10, 10);\r\n\r\n\r\n        \/*\r\n         Art\u0131k \u00e7ok fazla yukar\u0131 ka\u00e7m\u0131yor.\r\n         Daha sakin s\u00fcz\u00fcl\u00fcyor.\r\n        *\/\r\n        const driftY =\r\n            random(-15, -8);\r\n\r\n\r\n        const finalRotation =\r\n            rotation +\r\n            random(-7, 7);\r\n\r\n\r\n        wheat.innerHTML =\r\n            getWheatSVG();\r\n\r\n\r\n        wheat.style.cssText = `\r\n\r\n            position:fixed !important;\r\n\r\n            left:${x}px !important;\r\n            top:${y}px !important;\r\n\r\n            width:${size}px !important;\r\n            height:${size * 1.7}px !important;\r\n\r\n            display:block !important;\r\n\r\n            margin:0 !important;\r\n            padding:0 !important;\r\n\r\n            opacity:0;\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:\r\n                translate(-50%, -50%)\r\n                rotate(${rotation}deg)\r\n                scale(.70);\r\n\r\n            transform-origin:center center;\r\n\r\n            will-change:\r\n                transform,\r\n                opacity;\r\n\r\n        `;\r\n\r\n\r\n        document.body.appendChild(\r\n            wheat\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           YAVA\u015e VE DO\u011eAL AN\u0130MASYON\r\n        ===================================================== *\/\r\n\r\n        const animation =\r\n            wheat.animate(\r\n\r\n                [\r\n\r\n                    \/* \u0130lk olu\u015fum *\/\r\n\r\n                    {\r\n                        opacity: 0,\r\n\r\n                        transform:\r\n                            `translate(-50%, -50%)\r\n                             rotate(${rotation}deg)\r\n                             scale(.65)`,\r\n\r\n                        offset: 0\r\n                    },\r\n\r\n\r\n                    \/* H\u0131zl\u0131ca g\u00f6r\u00fcn\u00fcr *\/\r\n\r\n                    {\r\n                        opacity: OPACITY,\r\n\r\n                        transform:\r\n                            `translate(-50%, -50%)\r\n                             rotate(${rotation}deg)\r\n                             scale(1)`,\r\n\r\n                        offset: 0.10\r\n                    },\r\n\r\n\r\n                    \/* Bir s\u00fcre g\u00f6r\u00fcn\u00fcr kal *\/\r\n\r\n                    {\r\n                        opacity: OPACITY,\r\n\r\n                        transform:\r\n                            `translate(\r\n                                calc(-50% + ${driftX * 0.25}px),\r\n                                calc(-50% + ${driftY * 0.25}px)\r\n                             )\r\n                             rotate(${rotation}deg)\r\n                             scale(.98)`,\r\n\r\n                        offset: 0.35\r\n                    },\r\n\r\n\r\n                    \/* Yava\u015f\u00e7a saydamla\u015fmaya ba\u015fla *\/\r\n\r\n                    {\r\n                        opacity: OPACITY * 0.65,\r\n\r\n                        transform:\r\n                            `translate(\r\n                                calc(-50% + ${driftX * 0.55}px),\r\n                                calc(-50% + ${driftY * 0.55}px)\r\n                             )\r\n                             rotate(${rotation + 2}deg)\r\n                             scale(.92)`,\r\n\r\n                        offset: 0.66\r\n                    },\r\n\r\n\r\n                    \/* Tamamen yava\u015f\u00e7a kaybol *\/\r\n\r\n                    {\r\n                        opacity: 0,\r\n\r\n                        transform:\r\n                            `translate(\r\n                                calc(-50% + ${driftX}px),\r\n                                calc(-50% + ${driftY}px)\r\n                             )\r\n                             rotate(${finalRotation}deg)\r\n                             scale(.80)`,\r\n\r\n                        offset: 1\r\n                    }\r\n\r\n                ],\r\n\r\n                {\r\n\r\n                    duration: LIFE,\r\n\r\n                    easing:\r\n                        \"cubic-bezier(.22,.8,.3,1)\",\r\n\r\n                    fill:\r\n                        \"forwards\"\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        animation.onfinish =\r\n            function () {\r\n\r\n                wheat.remove();\r\n            };\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MOUSE\r\n    ========================================================= *\/\r\n\r\n    function mouseHandler(event) {\r\n\r\n        if (\r\n            event.pointerType &&\r\n            event.pointerType !== \"mouse\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        const x =\r\n            event.clientX;\r\n\r\n        const y =\r\n            event.clientY;\r\n\r\n        const now =\r\n            performance.now();\r\n\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        const dx =\r\n            x - lastX;\r\n\r\n        const dy =\r\n            y - lastY;\r\n\r\n\r\n        const distance =\r\n            Math.hypot(\r\n                dx,\r\n                dy\r\n            );\r\n\r\n\r\n        \/* Seyrek \u00e7\u0131kmaya devam etsin *\/\r\n\r\n        if (distance < DISTANCE) {\r\n            return;\r\n        }\r\n\r\n\r\n        if (now - lastTime < 70) {\r\n            return;\r\n        }\r\n\r\n\r\n        createWheat(\r\n            x,\r\n            y\r\n        );\r\n\r\n\r\n        lastX = x;\r\n        lastY = y;\r\n\r\n        lastTime = now;\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       EVENT\r\n    ========================================================= *\/\r\n\r\n    window.orallarWheatTrailHandler =\r\n        mouseHandler;\r\n\r\n\r\n    window.addEventListener(\r\n        \"mousemove\",\r\n        mouseHandler,\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        \"pointermove\",\r\n        mouseHandler,\r\n        {\r\n            passive: true\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-6f39bda elementor-widget elementor-widget-html\" data-id=\"6f39bda\" 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 Do\u011fru Beslenme G\u00fc\u00e7l\u00fc Performans S\u00fcr\u00fclerimizin geli\u015fim d\u00f6nemlerine ve ihtiya\u00e7lar\u0131na uygun, besleyicili\u011fi y\u00fcksek yemleri kendi yem fabrikam\u0131zda \u00fcretiyor; \u00fcretim s\u00fcrecini kalite, g\u0131da sa\u011fl\u0131\u011f\u0131 ve biyog\u00fcvenlik kriterleriyle y\u00f6netiyoruz. 360\u00b0 KONTROLL\u00dc S\u00dcRE\u00c7 HAMMADDE \u00dcRET\u0130M KAL\u0130TE KONTROL B\u0130YOG\u00dcVENL\u0130K \u00c7\u0130FTL\u0130KLERE ULA\u015eIM KONTROLL\u00dc YEM \u00dcRET\u0130M\u0130 HAMMADDE \u00dcRET\u0130M KAL\u0130TE KONTROL B\u0130YOG\u00dcVENL\u0130K \u00c7\u0130FTL\u0130KLERE ULA\u015eIM KONTROLL\u00dc YEM \u00dcRET\u0130M\u0130 Fabrikay\u0131 Yak\u0131ndan Tan\u0131y\u0131n Yem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1684","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/pages\/1684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/comments?post=1684"}],"version-history":[{"count":80,"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/pages\/1684\/revisions"}],"predecessor-version":[{"id":3007,"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/pages\/1684\/revisions\/3007"}],"wp:attachment":[{"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/media?parent=1684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}