{"id":1672,"date":"2026-09-07T09:01:41","date_gmt":"2026-09-07T09:01:41","guid":{"rendered":"https:\/\/orallarzirai.com\/?page_id=1672"},"modified":"2026-10-24T08:02:22","modified_gmt":"2026-10-24T08:02:22","slug":"oralyum","status":"publish","type":"page","link":"https:\/\/orallarzirai.com\/ar\/oralyum\/","title":{"rendered":"ORALYUM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1672\" class=\"elementor elementor-1672\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7fe19f e-con-full e-flex e-con e-parent\" data-id=\"a7fe19f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ec9e9b elementor-widget elementor-widget-html\" data-id=\"1ec9e9b\" 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@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   ORALLAR Z\u0130RA\u0130\r\n   ORALYUM LOJ\u0130ST\u0130K MERKEZ\u0130\r\n========================================================= *\/\r\n\r\n#oralyum-manifest{\r\n\r\n    --om-red:#cf2028;\r\n    --om-red-dark:#a9161e;\r\n\r\n    --om-gold:#d8b84f;\r\n    --om-gold-soft:#eee1b4;\r\n\r\n    --om-ink:#22251f;\r\n    --om-muted:#686d65;\r\n\r\n    --om-paper:#f7f6f0;\r\n    --om-paper-2:#efeee7;\r\n\r\n    --om-white:#ffffff;\r\n    --om-line:#dadbd2;\r\n\r\n    --om-ease:\r\n        cubic-bezier(.16,1,.3,1);\r\n\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    isolation:isolate;\r\n\r\n    background:#fff;\r\n\r\n    color:var(--om-ink);\r\n\r\n    font-family:\r\n        \"DM Sans\",\r\n        sans-serif;\r\n}\r\n\r\n\r\n#oralyum-manifest *,\r\n#oralyum-manifest *::before,\r\n#oralyum-manifest *::after{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n#oralyum-manifest h1,\r\n#oralyum-manifest h2,\r\n#oralyum-manifest h3,\r\n#oralyum-manifest p,\r\n#oralyum-manifest figure{\r\n    margin:0;\r\n}\r\n\r\n\r\n#oralyum-manifest h1,\r\n#oralyum-manifest h2,\r\n#oralyum-manifest h3{\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n}\r\n\r\n\r\n#oralyum-manifest img{\r\n\r\n    display:block;\r\n    width:100%;\r\n    max-width:100%;\r\n}\r\n\r\n\r\n#oralyum-manifest button{\r\n\r\n    font:inherit;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-wrap{\r\n\r\n    width:min(\r\n        1320px,\r\n        calc(100% - 80px)\r\n    );\r\n\r\n    margin-inline:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMON\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-kicker{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-kicker::before{\r\n\r\n    content:\"\";\r\n\r\n    width:25px;\r\n    height:2px;\r\n\r\n    background:\r\n        currentColor;\r\n\r\n    flex-shrink:0;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-title{\r\n\r\n    margin-top:10px;\r\n\r\n    font-size:\r\n        clamp(\r\n            36px,\r\n            4vw,\r\n            56px\r\n        );\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-2.7px;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-title em{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-style:normal;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-copy{\r\n\r\n    color:\r\n        var(--om-muted);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.78;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-reveal{\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(20px);\r\n\r\n    transition:\r\n        opacity .75s var(--om-ease),\r\n        transform .75s var(--om-ease);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-reveal.om-visible{\r\n\r\n    opacity:1;\r\n\r\n    transform:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-hero{\r\n\r\n    position:relative;\r\n\r\n    height:455px;\r\n    min-height:455px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        #e9e8e1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO IMAGE\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-hero-image{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-image img{\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    object-position:\r\n        center 100%;\r\n\r\n    transform:\r\n        scale(1.025);\r\n\r\n    animation:\r\n        omHeroImage\r\n        1.5s\r\n        var(--om-ease)\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes omHeroImage{\r\n\r\n    to{\r\n        transform:scale(1);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO SHADE\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-hero-shade{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(255,255,255,.02) 0%,\r\n            rgba(255,255,255,.01) 48%,\r\n            rgba(247,246,240,.20) 72%,\r\n            rgba(247,246,240,.58) 100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(245,244,237,.18),\r\n            transparent 32%,\r\n            transparent 72%,\r\n            rgba(245,244,237,.10)\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TOP\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-hero-top{\r\n\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    top:23px;\r\n    left:0;\r\n    right:0;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-top-inner{\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    gap:30px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-top-left{\r\n\r\n    padding:\r\n        8px 12px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .92\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(6px);\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-top-right{\r\n\r\n    color:#fff;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.3px;\r\n\r\n    text-shadow:\r\n        0 2px 8px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            .45\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO PANEL\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-hero-panel{\r\n\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    left:50%;\r\n\r\n    bottom:28px;\r\n\r\n    width:min(\r\n        1320px,\r\n        calc(100% - 80px)\r\n    );\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .82fr\r\n        1.18fr;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .95\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(9px);\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(\r\n            20,\r\n            20,\r\n            15,\r\n            .09\r\n        );\r\n\r\n    border-top:\r\n        3px solid\r\n        var(--om-red);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TITLE\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-hero-title{\r\n\r\n    padding:\r\n        24px 28px 25px;\r\n\r\n    border-right:\r\n        1px solid\r\n        var(--om-line);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-title small{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.8px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-title h1{\r\n\r\n    margin-top:4px;\r\n\r\n    font-size:\r\n        clamp(\r\n            44px,\r\n            5vw,\r\n            71px\r\n        );\r\n\r\n    line-height:.9;\r\n\r\n    letter-spacing:-4px;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-title h1 span{\r\n\r\n    color:\r\n        var(--om-red);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-hero-title p{\r\n\r\n    max-width:530px;\r\n\r\n    margin-top:9px;\r\n\r\n    color:\r\n        var(--om-muted);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO ROUTE\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-hero-route{\r\n\r\n    position:relative;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    padding:\r\n        27px 30px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-route-line{\r\n\r\n    position:absolute;\r\n\r\n    left:42px;\r\n    right:42px;\r\n\r\n    top:50%;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        var(--om-line);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-route-progress{\r\n\r\n    position:absolute;\r\n\r\n    left:42px;\r\n\r\n    top:50%;\r\n\r\n    width:0;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        var(--om-red);\r\n\r\n    animation:\r\n        omRouteProgress\r\n        1.8s\r\n        var(--om-ease)\r\n        .45s\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes omRouteProgress{\r\n\r\n    to{\r\n\r\n        width:\r\n            calc(\r\n                100% - 84px\r\n            );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n#oralyum-manifest .om-route-nodes{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            1fr\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-route-node{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-route-dot{\r\n\r\n    width:18px;\r\n    height:18px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n\r\n    border:\r\n        5px solid\r\n        var(--om-red);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(\r\n            207,\r\n            32,\r\n            40,\r\n            .08\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-route-node small{\r\n\r\n    margin-top:12px;\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-route-node strong{\r\n\r\n    margin-top:2px;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANIFEST\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-manifest{\r\n\r\n    padding:\r\n        78px 0 72px;\r\n\r\n    background:#fff;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-layout{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .72fr\r\n        1.28fr;\r\n\r\n    gap:90px;\r\n\r\n    align-items:start;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-title{\r\n\r\n    position:sticky;\r\n\r\n    top:90px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-title h2{\r\n\r\n    margin-top:15px;\r\n\r\n    max-width:540px;\r\n\r\n    font-size:\r\n        clamp(\r\n            37px,\r\n            4.1vw,\r\n            58px\r\n        );\r\n\r\n    line-height:.97;\r\n\r\n    letter-spacing:-3px;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-title h2 em{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-style:normal;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-copy > p{\r\n\r\n    max-width:730px;\r\n\r\n    color:#4f544d;\r\n\r\n    font-size:19px;\r\n\r\n    line-height:1.78;\r\n\r\n    letter-spacing:-.2px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-copy > p strong{\r\n\r\n    color:\r\n        var(--om-ink);\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MANIFEST LIST\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-manifest-list{\r\n\r\n    margin-top:35px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--om-line);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-row{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        50px\r\n        190px\r\n        1fr;\r\n\r\n    gap:25px;\r\n\r\n    padding:\r\n        21px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--om-line);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-number{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-row h3{\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.3;\r\n\r\n    font-weight:650;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-manifest-row p{\r\n\r\n    color:\r\n        var(--om-muted);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPERATION\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-operation{\r\n\r\n    position:relative;\r\n\r\n    padding:\r\n        67px 0 72px;\r\n\r\n    background:\r\n        var(--om-paper);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-operation-head{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .9fr\r\n        1.1fr;\r\n\r\n    gap:60px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:38px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-operation-head p{\r\n\r\n    max-width:570px;\r\n\r\n    justify-self:end;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPERATION ROUTE\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-operation-route{\r\n\r\n    position:relative;\r\n\r\n    min-height:330px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            1fr\r\n        );\r\n\r\n    align-items:center;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--om-line);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--om-line);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-operation-route::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:5%;\r\n    right:5%;\r\n\r\n    top:49%;\r\n\r\n    height:2px;\r\n\r\n    background:\r\n        var(--om-red);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-stage{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    height:100%;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    padding:\r\n        0 27px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-stage:nth-child(odd){\r\n\r\n    justify-content:flex-start;\r\n\r\n    padding-top:34px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-stage:nth-child(even){\r\n\r\n    justify-content:flex-end;\r\n\r\n    padding-bottom:34px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-stage-dot{\r\n\r\n    position:absolute;\r\n\r\n    left:27px;\r\n\r\n    top:\r\n        calc(\r\n            49% - 10px\r\n        );\r\n\r\n    width:21px;\r\n    height:21px;\r\n\r\n    background:\r\n        var(--om-paper);\r\n\r\n    border:\r\n        5px solid\r\n        var(--om-red);\r\n\r\n    border-radius:50%;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-stage small{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.1px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-stage h3{\r\n\r\n    margin-top:6px;\r\n\r\n    font-size:22px;\r\n\r\n    letter-spacing:-.6px;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-stage p{\r\n\r\n    max-width:240px;\r\n\r\n    margin-top:7px;\r\n\r\n    color:\r\n        var(--om-muted);\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   GALLERY\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-inspection{\r\n\r\n    padding:\r\n        72px 0 76px;\r\n\r\n    background:#fff;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-inspection-head{\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:50px;\r\n\r\n    margin-bottom:28px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-inspection-head p{\r\n\r\n    max-width:470px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GALLERY LAYOUT\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-inspection-layout{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        170px;\r\n\r\n    gap:7px;\r\n\r\n    width:100%;\r\n\r\n    height:500px;\r\n\r\n    min-height:0;\r\n\r\n    align-items:stretch;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWER\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-viewer{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    min-width:0;\r\n    min-height:0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        #e9e8e2;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-view-slide{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    transform:\r\n        scale(1.035);\r\n\r\n    transition:\r\n        opacity .6s ease,\r\n        visibility .6s ease,\r\n        transform 1s var(--om-ease);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-view-slide.active{\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    transform:scale(1);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-view-slide img{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    object-position:center;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-viewer::after{\r\n\r\n    content:\"\";\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    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 68%,\r\n            rgba(0,0,0,.10)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWER LABEL\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-viewer-label{\r\n\r\n    position:absolute;\r\n\r\n    z-index:6;\r\n\r\n    left:20px;\r\n    bottom:18px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:11px;\r\n\r\n    padding:\r\n        10px 13px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .95\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(6px);\r\n\r\n    box-shadow:\r\n        0 5px 18px\r\n        rgba(\r\n            20,\r\n            20,\r\n            15,\r\n            .07\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-viewer-label strong{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-viewer-label span{\r\n\r\n    color:\r\n        var(--om-muted);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   THUMB RAIL\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-thumb-rail{\r\n\r\n    width:170px;\r\n    height:100%;\r\n\r\n    min-height:0;\r\n\r\n    display:grid;\r\n\r\n    grid-template-rows:\r\n        repeat(\r\n            5,\r\n            minmax(0,1fr)\r\n        );\r\n\r\n    gap:6px;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-thumb{\r\n\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    min-width:0;\r\n    min-height:0;\r\n\r\n    margin:0;\r\n    padding:0;\r\n\r\n    overflow:hidden;\r\n\r\n    border:0;\r\n\r\n    cursor:pointer;\r\n\r\n    background:#ddd;\r\n\r\n    opacity:.42;\r\n\r\n    transition:\r\n        opacity .3s ease,\r\n        transform .4s var(--om-ease);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-thumb img{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    object-position:center;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-thumb:hover{\r\n\r\n    opacity:.78;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-thumb.active{\r\n\r\n    opacity:1;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-thumb::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    left:0;\r\n    right:100%;\r\n    bottom:0;\r\n\r\n    height:3px;\r\n\r\n    background:\r\n        var(--om-red);\r\n\r\n    transition:\r\n        right .4s\r\n        var(--om-ease);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-thumb.active::after{\r\n\r\n    right:0;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-thumb.active::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    inset:0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            207,\r\n            32,\r\n            40,\r\n            .45\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DISPATCH\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-dispatch{\r\n\r\n    background:\r\n        var(--om-red);\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-layout{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .72fr\r\n        1.28fr;\r\n\r\n    min-height:255px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-title{\r\n\r\n    padding:\r\n        43px 45px 43px 0;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .25\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-title small{\r\n\r\n    color:\r\n        #f1dfa0;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-title h2{\r\n\r\n    margin-top:8px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(\r\n            31px,\r\n            3.6vw,\r\n            50px\r\n        );\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-2.5px;\r\n\r\n    font-weight:550;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-flow{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n\r\n    padding:\r\n        43px 0 43px 50px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-line{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    width:100%;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-point{\r\n\r\n    flex:0 0 auto;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            15px,\r\n            1.7vw,\r\n            22px\r\n        );\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-arrow{\r\n\r\n    position:relative;\r\n\r\n    flex:1;\r\n\r\n    height:1px;\r\n\r\n    margin:\r\n        0 12px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .42\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-arrow::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:-3px;\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-top:\r\n        1px solid #fff;\r\n\r\n    border-right:\r\n        1px solid #fff;\r\n\r\n    transform:\r\n        rotate(45deg);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-dispatch-flow p{\r\n\r\n    max-width:720px;\r\n\r\n    margin-top:24px;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .78\r\n        );\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANORAMIC SECTION\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-bridge{\r\n\r\n    position:relative;\r\n\r\n    padding:\r\n        74px 0 82px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#fff;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-head{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .85fr\r\n        1.15fr;\r\n\r\n    gap:80px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:34px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-title h2{\r\n\r\n    max-width:620px;\r\n\r\n    margin-top:12px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            39px,\r\n            4.5vw,\r\n            64px\r\n        );\r\n\r\n    line-height:.94;\r\n\r\n    letter-spacing:-3.4px;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-title h2 em{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-style:normal;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-intro{\r\n\r\n    max-width:650px;\r\n\r\n    justify-self:end;\r\n\r\n    color:\r\n        var(--om-muted);\r\n\r\n    font-size:16px;\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRIDGE SCENE\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-bridge-scene{\r\n\r\n    position:relative;\r\n\r\n    height:440px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        #e9e8e1;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-scene > img{\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    object-position:center;\r\n\r\n    transform:\r\n        scale(1.02);\r\n\r\n    transition:\r\n        transform 1.2s var(--om-ease);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-scene:hover > img{\r\n\r\n    transform:\r\n        scale(1.045);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-scene::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,.25),\r\n            rgba(0,0,0,.03) 40%,\r\n            rgba(0,0,0,.02) 70%,\r\n            rgba(0,0,0,.14)\r\n        ),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            transparent,\r\n            rgba(0,0,0,.34)\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRIDGE STATEMENT\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-bridge-statement{\r\n\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    left:30px;\r\n    top:30px;\r\n\r\n    max-width:440px;\r\n\r\n    padding:\r\n        22px 24px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .94\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n    border-left:\r\n        3px solid\r\n        var(--om-red);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-statement small{\r\n\r\n    display:block;\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-statement strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:7px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            20px,\r\n            2vw,\r\n            29px\r\n        );\r\n\r\n    line-height:1.15;\r\n\r\n    letter-spacing:-1px;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRIDGE ROUTE\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-bridge-route{\r\n\r\n    position:absolute;\r\n\r\n    z-index:5;\r\n\r\n    left:30px;\r\n    right:30px;\r\n    bottom:28px;\r\n\r\n    height:74px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-route::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:15px;\r\n    right:15px;\r\n\r\n    top:28px;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .58\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-route::after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:15px;\r\n\r\n    top:28px;\r\n\r\n    width:0;\r\n\r\n    height:2px;\r\n\r\n    background:\r\n        var(--om-red);\r\n\r\n    transition:\r\n        width 1.5s\r\n        var(--om-ease);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-route.om-route-active::after{\r\n\r\n    width:\r\n        calc(\r\n            100% - 30px\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-points{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            1fr\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-point{\r\n\r\n    text-align:center;\r\n\r\n    color:#fff;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-dot{\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    margin:\r\n        20px auto 9px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        var(--om-red);\r\n\r\n    border:\r\n        4px solid\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .96\r\n        );\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-point span{\r\n\r\n    display:block;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.2px;\r\n\r\n    text-shadow:\r\n        0 2px 8px\r\n        rgba(\r\n            0,\r\n            0,\r\n            0,\r\n            .4\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRIDGE BOTTOM\r\n========================================================= *\/\r\n\r\n#oralyum-manifest .om-bridge-bottom{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1fr;\r\n\r\n    gap:70px;\r\n\r\n    padding-top:31px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-message{\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            23px,\r\n            2.7vw,\r\n            37px\r\n        );\r\n\r\n    line-height:1.17;\r\n\r\n    letter-spacing:-1.6px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-message em{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-style:normal;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-detail{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        1fr;\r\n\r\n    gap:27px;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-detail-item{\r\n\r\n    padding-top:13px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--om-line);\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-detail-item small{\r\n\r\n    color:\r\n        var(--om-red);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-detail-item strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:6px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size:15px;\r\n\r\n    font-weight:650;\r\n}\r\n\r\n\r\n#oralyum-manifest .om-bridge-detail-item p{\r\n\r\n    margin-top:6px;\r\n\r\n    color:\r\n        var(--om-muted);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    #oralyum-manifest .om-wrap{\r\n\r\n        width:\r\n            calc(\r\n                100% - 48px\r\n            );\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero{\r\n\r\n        height:465px;\r\n\r\n        min-height:465px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero-panel{\r\n\r\n        width:\r\n            calc(\r\n                100% - 48px\r\n            );\r\n\r\n        grid-template-columns:\r\n            .9fr\r\n            1.1fr;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-manifest-layout{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:30px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-manifest-title{\r\n\r\n        position:relative;\r\n\r\n        top:auto;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-operation-head{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:15px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-operation-head p{\r\n\r\n        justify-self:start;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-operation-route{\r\n\r\n        min-height:370px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-inspection-layout{\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            145px;\r\n\r\n        height:430px;\r\n\r\n        gap:6px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-thumb-rail{\r\n\r\n        width:145px;\r\n\r\n        gap:5px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-dispatch-layout{\r\n\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-dispatch-title{\r\n\r\n        padding:\r\n            32px 0 25px;\r\n\r\n        border-right:0;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                .23\r\n            );\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-dispatch-flow{\r\n\r\n        padding:\r\n            30px 0 38px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-head{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:20px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-intro{\r\n\r\n        justify-self:start;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-scene{\r\n\r\n        height:400px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-bottom{\r\n\r\n        gap:40px;\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    #oralyum-manifest .om-wrap{\r\n\r\n        width:\r\n            calc(\r\n                100% - 34px\r\n            );\r\n    }\r\n\r\n\r\n    \/* HERO *\/\r\n\r\n    #oralyum-manifest .om-hero{\r\n\r\n        height:500px;\r\n\r\n        min-height:500px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero-top{\r\n\r\n        top:14px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero-top-right{\r\n\r\n        display:none;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero-panel{\r\n\r\n        width:\r\n            calc(\r\n                100% - 26px\r\n            );\r\n\r\n        bottom:14px;\r\n\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero-title{\r\n\r\n        padding:\r\n            20px 20px 17px;\r\n\r\n        border-right:0;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--om-line);\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero-title h1{\r\n\r\n        font-size:46px;\r\n\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-hero-route{\r\n\r\n        padding:\r\n            20px 13px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-route-node strong{\r\n\r\n        font-size:8px;\r\n    }\r\n\r\n\r\n    \/* MANIFEST *\/\r\n\r\n    #oralyum-manifest .om-manifest{\r\n\r\n        padding:\r\n            50px 0;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-manifest-title h2{\r\n\r\n        font-size:37px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-manifest-copy > p{\r\n\r\n        font-size:17px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-manifest-row{\r\n\r\n        grid-template-columns:\r\n            32px\r\n            1fr;\r\n\r\n        gap:\r\n            6px 12px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-manifest-number{\r\n\r\n        grid-row:\r\n            1 \/ 3;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-manifest-row p{\r\n\r\n        grid-column:2;\r\n    }\r\n\r\n\r\n    \/* OPERATION *\/\r\n\r\n    #oralyum-manifest .om-operation{\r\n\r\n        padding:\r\n            48px 0;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-operation-route{\r\n\r\n        min-height:auto;\r\n\r\n        display:block;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-operation-route::before{\r\n\r\n        left:10px;\r\n\r\n        right:auto;\r\n\r\n        top:20px;\r\n        bottom:20px;\r\n\r\n        width:1px;\r\n        height:auto;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-stage,\r\n    #oralyum-manifest .om-stage:nth-child(odd),\r\n    #oralyum-manifest .om-stage:nth-child(even){\r\n\r\n        min-height:auto;\r\n\r\n        justify-content:flex-start;\r\n\r\n        padding:\r\n            22px 0\r\n            22px 40px;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--om-line);\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-stage-dot{\r\n\r\n        left:0;\r\n        top:25px;\r\n\r\n        width:19px;\r\n        height:19px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-stage p{\r\n\r\n        max-width:none;\r\n    }\r\n\r\n\r\n    \/* GALLERY *\/\r\n\r\n    #oralyum-manifest .om-inspection{\r\n\r\n        padding:\r\n            50px 0;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-inspection-head{\r\n\r\n        display:block;\r\n\r\n        margin-bottom:22px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-inspection-head p{\r\n\r\n        max-width:none;\r\n\r\n        margin-top:11px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-inspection-layout{\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        grid-template-rows:\r\n            320px\r\n            64px;\r\n\r\n        gap:6px;\r\n\r\n        height:auto;\r\n\r\n        overflow:visible;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-viewer{\r\n\r\n        height:320px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-thumb-rail{\r\n\r\n        width:100%;\r\n        height:64px;\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                5,\r\n                minmax(0,1fr)\r\n            );\r\n\r\n        grid-template-rows:\r\n            64px;\r\n\r\n        gap:5px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-thumb{\r\n\r\n        width:100%;\r\n        height:64px;\r\n\r\n        min-height:64px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-viewer-label{\r\n\r\n        left:12px;\r\n        bottom:12px;\r\n\r\n        padding:\r\n            8px 10px;\r\n    }\r\n\r\n\r\n    \/* DISPATCH *\/\r\n\r\n    #oralyum-manifest .om-dispatch-line{\r\n\r\n        flex-wrap:wrap;\r\n\r\n        row-gap:15px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-dispatch-arrow{\r\n\r\n        flex:\r\n            0 0 23px;\r\n    }\r\n\r\n\r\n    \/* BRIDGE *\/\r\n\r\n    #oralyum-manifest .om-bridge{\r\n\r\n        padding:\r\n            50px 0;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-title h2{\r\n\r\n        font-size:38px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-intro{\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-scene{\r\n\r\n        height:390px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-statement{\r\n\r\n        left:14px;\r\n        right:14px;\r\n        top:14px;\r\n\r\n        max-width:none;\r\n\r\n        padding:\r\n            17px 18px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-statement strong{\r\n\r\n        font-size:20px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-route{\r\n\r\n        left:10px;\r\n        right:10px;\r\n        bottom:17px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-point span{\r\n\r\n        font-size:7px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-bottom{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:25px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-message{\r\n\r\n        font-size:27px;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-bridge-detail{\r\n\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n    #oralyum-manifest *,\r\n    #oralyum-manifest *::before,\r\n    #oralyum-manifest *::after{\r\n\r\n        animation:none !important;\r\n\r\n        transition:none !important;\r\n    }\r\n\r\n\r\n    #oralyum-manifest .om-reveal{\r\n\r\n        opacity:1;\r\n\r\n        transform:none;\r\n    }\r\n\r\n}\r\n\r\n\/* Arap\u00e7a metinler; foto\u011fraf ve i\u015flem s\u0131ras\u0131 sabit *\/\r\nhtml[lang|=\"ar\"] #oralyum-manifest,\r\nhtml[lang|=\"ar\"] #oralyum-manifest :is(section,header,div,article,figure,button){direction:ltr !important;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest :is(h1,h2,h3,p,small,strong,.om-ar-label,.om-hero-top-left,.om-hero-top-right,.om-viewer-label > span,.om-dispatch-point,.om-bridge-point > span,.om-bridge-message){\r\n    direction:rtl !important;unicode-bidi:isolate;text-align:right;\r\n    letter-spacing:normal !important;overflow-wrap:anywhere;word-break:normal;\r\n    font-family:Arial,Tahoma,sans-serif;\r\n}\r\nhtml[lang|=\"ar\"] #oralyum-manifest :is(h1,h2,h3,.om-bridge-message,.om-bridge-statement strong){line-height:1.4;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest p{line-height:1.85;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest :is(.om-hero-title,.om-manifest-title,.om-manifest-copy,.om-operation-head > div,.om-inspection-head > div,.om-dispatch-title,.om-bridge-title,.om-bridge-detail-item){text-align:right;min-width:0;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest :is(.om-manifest-number,#om-photo-number,.om-route-node small,.om-stage small,.om-bridge-detail-item small){direction:ltr !important;unicode-bidi:isolate;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest :is(.om-hero-title p,.om-manifest-title h2,.om-stage p,.om-dispatch-flow p){margin-left:auto;margin-right:0;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-kicker{direction:ltr !important;justify-content:flex-end;line-height:1.8;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-ar-label{min-width:0;}\r\n\/* Panel normal ak\u0131\u015fta b\u00fcy\u00fcr; uzun \u00e7eviri hero d\u0131\u015f\u0131na ta\u015fmaz. *\/\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-hero{height:auto;min-height:455px;padding-top:180px;padding-bottom:28px;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-hero-panel{position:relative;left:auto;bottom:auto;transform:none;margin-inline:auto;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-hero-top-inner{flex-wrap:wrap;gap:12px 30px;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest :is(.om-hero-top-left,.om-hero-top-right){max-width:100%;line-height:1.8;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-route-node{min-width:0;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-route-node :is(small,strong){text-align:center;line-height:1.8;max-width:100%;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-route-nodes{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-viewer-label{left:auto;right:20px;max-width:calc(100% - 40px);}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-viewer-label strong{flex:0 0 auto;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-viewer-label span{min-width:0;line-height:1.8;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-dispatch-point{flex:1 1 0;min-width:0;text-align:center;line-height:1.7;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-dispatch-arrow{flex:0 1 35px;min-width:10px;margin-inline:8px;}\r\n\/* Beyaz a\u00e7\u0131klama ve alt rota birbirini \u00f6rtmeden b\u00fcy\u00fcr. *\/\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-bridge-scene{height:auto;min-height:440px;padding:30px;display:flex;flex-direction:column;gap:150px;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-bridge-scene > img{position:absolute;inset:0;height:100%;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-bridge-statement{position:relative;left:auto;top:auto;width:100%;max-width:490px;margin-left:auto;border-left:0;border-right:3px solid var(--om-red);}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-bridge-route{position:relative;left:auto;right:auto;bottom:auto;height:auto;min-height:74px;margin-top:auto;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-bridge-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-bridge-point span{text-align:center;line-height:1.8;font-size:10px;}\r\nhtml[lang|=\"ar\"] #oralyum-manifest .om-bridge-detail-item strong{line-height:1.7;}\r\n@media(min-width:1025px){\r\n html[lang|=\"ar\"] #oralyum-manifest .om-manifest-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(35px,5vw,90px);}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-operation-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-bridge-head{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}\r\n}\r\n@media(min-width:701px){\r\n html[lang|=\"ar\"] #oralyum-manifest .om-hero-panel{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-manifest-row{grid-template-columns:35px minmax(0,.8fr) minmax(0,1.2fr);gap:20px;}\r\n \/* T\u00fcm rota metinleri \u00e7izginin alt\u0131nda kal\u0131r; \u00e7eviri uzad\u0131k\u00e7a kart b\u00fcy\u00fcr. *\/\r\n html[lang|=\"ar\"] #oralyum-manifest .om-operation-route{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;min-height:0;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-operation-route::before{top:34px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-stage:nth-child(n){height:auto;min-width:0;justify-content:flex-start;padding:65px 22px 30px;text-align:right;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-stage-dot{top:24px;left:22px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-inspection-head > div{flex:1;min-width:0;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-inspection-head > p{flex:0 1 470px;min-width:0;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-bridge-bottom{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-bridge-detail{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n}\r\n@media(max-width:700px){\r\n html[lang|=\"ar\"] #oralyum-manifest .om-hero{min-height:500px;padding-top:170px;padding-bottom:14px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-hero-title h1{font-size:clamp(34px,9vw,46px);}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-route-node strong{font-size:10px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-route-nodes{gap:7px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-manifest-row{grid-template-columns:32px minmax(0,1fr);}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-stage{text-align:right;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-bridge-scene{min-height:430px;padding:18px;gap:120px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-bridge-statement{max-width:100%;padding:18px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-bridge-point span{font-size:9px;}\r\n html[lang|=\"ar\"] #oralyum-manifest .om-viewer-label{right:12px;max-width:calc(100% - 24px);gap:8px;}\r\n}\r\n\r\n\r\n\/* LOJ\u0130ST\u0130K SLOGANLARI \u2014 MEVCUT FONT A\u0130LES\u0130 KORUNUR *\/\r\n#oralyum-manifest .om-hero-slogan{\r\n    margin-top:12px;\r\n    max-width:440px;\r\n    font-family:\"Manrope\",sans-serif;\r\n    font-size:clamp(15px,1.55vw,21px);\r\n    font-weight:700;\r\n    line-height:1.3;\r\n    letter-spacing:-.5px;\r\n}\r\n#oralyum-manifest .om-hero-slogan span,\r\n#oralyum-manifest .om-hero-slogan strong{display:block;}\r\n#oralyum-manifest .om-hero-slogan strong{\r\n    color:var(--om-red);\r\n    font-weight:700;\r\n}\r\n#oralyum-manifest .om-bridge-slogan{\r\n    font-family:\"Manrope\",sans-serif;\r\n    font-size:clamp(22px,2.5vw,34px);\r\n    font-weight:650;\r\n    line-height:1.18;\r\n    letter-spacing:-1.25px;\r\n}\r\n#oralyum-manifest .om-bridge-original{\r\n    margin-top:17px;\r\n    font-size:clamp(15px,1.65vw,21px);\r\n    line-height:1.4;\r\n    letter-spacing:-.5px;\r\n}\r\n@media(max-width:700px){\r\n    #oralyum-manifest .om-hero-slogan{font-size:16px;margin-top:10px;}\r\n    #oralyum-manifest .om-bridge-slogan{font-size:24px;}\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section\r\n    id=\"oralyum-manifest\"\r\n    aria-label=\"Oralyum Lojistik Merkezi\"\r\n>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO\r\n========================================================= -->\r\n\r\n<header class=\"om-hero\">\r\n\r\n\r\n    <div class=\"om-hero-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/9565c2ed-0df7-46b6-b3bc-39878afbfa81-1.jpg\"\r\n            alt=\"Oralyum Lojistik Merkezi\"\r\n            fetchpriority=\"high\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"om-hero-shade\"><\/div>\r\n\r\n\r\n    <div class=\"om-hero-top\">\r\n\r\n        <div class=\"om-wrap om-hero-top-inner\">\r\n\r\n\r\n            <div class=\"om-hero-top-left\">\r\n                ORALLAR Z\u0130RA\u0130 \u00b7 ORALYUM\r\n            <\/div>\r\n\r\n\r\n            <div class=\"om-hero-top-right\">\r\n                LOJ\u0130ST\u0130K MERKEZ\u0130 \u00b7 G\u00d6YN\u00dcK\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"om-hero-panel\">\r\n\r\n\r\n        <div class=\"om-hero-title\">\r\n\r\n            <small>\r\n                LOJ\u0130ST\u0130\u011e\u0130N KONTROL NOKTASI\r\n            <\/small>\r\n\r\n\r\n            <h1>\r\n                Oralyum<span>.<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"om-hero-slogan\">\r\n                <span>\u00dcretimden Teslimata,<\/span>\r\n                <strong>Kalite Kontrol Alt\u0131nda<\/strong>\r\n            <\/div>\r\n\r\n\r\n            <p>\r\n\r\n                Kulu\u00e7kal\u0131k yumurtalar\u0131n\r\n                kalite kontrol\u00fcnden s\u0131n\u0131fland\u0131rma\r\n                ve sevkiyat haz\u0131rl\u0131\u011f\u0131na uzanan\r\n                lojistik operasyon merkezi.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"om-hero-route\">\r\n\r\n\r\n            <div class=\"om-route-line\"><\/div>\r\n\r\n            <div class=\"om-route-progress\"><\/div>\r\n\r\n\r\n            <div class=\"om-route-nodes\">\r\n\r\n\r\n                <div class=\"om-route-node\">\r\n\r\n                    <div class=\"om-route-dot\"><\/div>\r\n\r\n                    <small>01<\/small>\r\n\r\n                    <strong>\r\n                        \u00dcR\u00dcN KABUL\u00dc\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"om-route-node\">\r\n\r\n                    <div class=\"om-route-dot\"><\/div>\r\n\r\n                    <small>02<\/small>\r\n\r\n                    <strong>\r\n                        KONTROL\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"om-route-node\">\r\n\r\n                    <div class=\"om-route-dot\"><\/div>\r\n\r\n                    <small>03<\/small>\r\n\r\n                    <strong>\r\n                        HAZIRLIK\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"om-route-node\">\r\n\r\n                    <div class=\"om-route-dot\"><\/div>\r\n\r\n                    <small>04<\/small>\r\n\r\n                    <strong>\r\n                        SEVK\u0130YAT\r\n                    <\/strong>\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<\/header>\r\n\r\n\r\n<!-- =========================================================\r\n     MANIFEST\r\n========================================================= -->\r\n\r\n<section class=\"om-manifest\">\r\n\r\n    <div class=\"om-wrap om-manifest-layout\">\r\n\r\n\r\n        <div class=\"om-manifest-title om-reveal\">\r\n\r\n            <p class=\"om-kicker\"><span class=\"om-ar-label\">\r\n                Merkezin Rol\u00fc\r\n            <\/span><\/p>\r\n\r\n            <h2>\r\n\r\n                \u00dcretimin devam\u0131,\r\n                <em>\r\n                    yolculu\u011fun ba\u015flang\u0131c\u0131.\r\n                <\/em>\r\n\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"om-manifest-copy om-reveal\">\r\n\r\n\r\n            <p>\r\n\r\n                Oralyum, \u00e7iftliklerimizden gelen\r\n                kulu\u00e7kal\u0131k yumurtalar\u0131n\r\n\r\n                <strong>\r\n                    bir sonraki yolculu\u011fa\r\n                    haz\u0131rland\u0131\u011f\u0131 merkezdir.\r\n                <\/strong>\r\n\r\n                \u00dcr\u00fcnler burada toplan\u0131r,\r\n                kalite kontrollerinden ge\u00e7irilir,\r\n                s\u0131n\u0131fland\u0131r\u0131l\u0131r ve planlanan\r\n                sevkiyat noktalar\u0131na g\u00f6re haz\u0131rlan\u0131r.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"om-manifest-list\">\r\n\r\n\r\n                <div class=\"om-manifest-row\">\r\n\r\n                    <div class=\"om-manifest-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u00dcr\u00fcn Kabul\u00fc\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u00c7iftliklerimizden gelen\r\n                        kulu\u00e7kal\u0131k yumurtalar merkeze\r\n                        al\u0131narak operasyon s\u00fcrecine dahil edilir.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"om-manifest-row\">\r\n\r\n                    <div class=\"om-manifest-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Kalite Kontrol\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u00dcr\u00fcnler gerekli kalite\r\n                        kontrollerinden ge\u00e7irilir\r\n                        ve de\u011ferlendirilir.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"om-manifest-row\">\r\n\r\n                    <div class=\"om-manifest-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        S\u0131n\u0131fland\u0131rma\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Kontrol\u00fc tamamlanan \u00fcr\u00fcnler\r\n                        s\u0131n\u0131fland\u0131r\u0131larak sevkiyat\r\n                        ihtiya\u00e7lar\u0131na g\u00f6re ayr\u0131l\u0131r.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"om-manifest-row\">\r\n\r\n                    <div class=\"om-manifest-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Ambalaj & Sevkiyat\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Haz\u0131rlanan \u00fcr\u00fcnler ambalajlan\u0131r\r\n                        ve planlanan lojistik\r\n                        s\u00fcre\u00e7lerine y\u00f6nlendirilir.\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<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     OPERATION ROUTE\r\n========================================================= -->\r\n\r\n<section class=\"om-operation\">\r\n\r\n    <div class=\"om-wrap\">\r\n\r\n\r\n        <div class=\"om-operation-head om-reveal\">\r\n\r\n\r\n            <div>\r\n\r\n                <p class=\"om-kicker\"><span class=\"om-ar-label\">\r\n                    Operasyon Rotas\u0131\r\n                <\/span><\/p>\r\n\r\n\r\n                <h2 class=\"om-title\">\r\n\r\n                    Her ad\u0131m\r\n                    <em>\r\n                        bir sonrakine ba\u011fl\u0131.\r\n                    <\/em>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"om-copy\">\r\n\r\n                \u00dcr\u00fcn\u00fcn merkeze giri\u015finden\r\n                sevkiyat\u0131na kadar ge\u00e7en s\u00fcre\u00e7,\r\n                birbirini tamamlayan tek bir\r\n                lojistik ak\u0131\u015f olarak ilerler.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"om-operation-route om-reveal\">\r\n\r\n\r\n            <article class=\"om-stage\">\r\n\r\n                <div class=\"om-stage-dot\"><\/div>\r\n\r\n                <small>\r\n                    01 \/ KABUL\r\n                <\/small>\r\n\r\n                <h3>\r\n                    \u00dcr\u00fcn\u00fcn merkeze giri\u015fi\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u00c7iftliklerden gelen\r\n                    \u00fcr\u00fcnler operasyon\r\n                    s\u00fcrecine al\u0131n\u0131r.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"om-stage\">\r\n\r\n                <div class=\"om-stage-dot\"><\/div>\r\n\r\n                <small>\r\n                    02 \/ KONTROL\r\n                <\/small>\r\n\r\n                <h3>\r\n                    Kalite de\u011ferlendirmesi\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Gerekli kalite\r\n                    kontrolleri uygulan\u0131r.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"om-stage\">\r\n\r\n                <div class=\"om-stage-dot\"><\/div>\r\n\r\n                <small>\r\n                    03 \/ HAZIRLIK\r\n                <\/small>\r\n\r\n                <h3>\r\n                    S\u0131n\u0131fland\u0131rma\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u00dcr\u00fcnler sevkiyat\r\n                    ihtiya\u00e7lar\u0131na g\u00f6re haz\u0131rlan\u0131r.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"om-stage\">\r\n\r\n                <div class=\"om-stage-dot\"><\/div>\r\n\r\n                <small>\r\n                    04 \/ \u00c7IKI\u015e\r\n                <\/small>\r\n\r\n                <h3>\r\n                    Sevkiyata y\u00f6nlendirme\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Haz\u0131rl\u0131\u011f\u0131 tamamlanan \u00fcr\u00fcnler\r\n                    lojistik s\u00fcrecine aktar\u0131l\u0131r.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     GALLERY\r\n========================================================= -->\r\n\r\n<section class=\"om-inspection\">\r\n\r\n    <div class=\"om-wrap\">\r\n\r\n\r\n        <div class=\"om-inspection-head om-reveal\">\r\n\r\n\r\n            <div>\r\n\r\n                <p class=\"om-kicker\"><span class=\"om-ar-label\">\r\n                    Oralyum'un \u0130\u00e7inden\r\n                <\/span><\/p>\r\n\r\n\r\n                <h2 class=\"om-title\">\r\n\r\n                    Operasyona\r\n                    <em>\r\n                        yak\u0131ndan bak\u0131n.\r\n                    <\/em>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"om-copy\">\r\n\r\n                Foto\u011fraflar aras\u0131nda ge\u00e7i\u015f yaparak\r\n                tesisin farkl\u0131 alanlar\u0131n\u0131\r\n                ve operasyon yap\u0131s\u0131n\u0131 inceleyebilirsiniz.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"om-inspection-layout om-reveal\">\r\n\r\n\r\n            <div\r\n                class=\"om-viewer\"\r\n                id=\"om-viewer\"\r\n            >\r\n\r\n\r\n                <figure class=\"om-view-slide active\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/1bebd375-1457-4363-b89a-f045d103556b.jpg\"\r\n                        alt=\"Oralyum Lojistik Merkezi\"\r\n                    >\r\n\r\n                <\/figure>\r\n\r\n\r\n                <figure class=\"om-view-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/54864ca2-4c21-4491-b08d-d0512413b437.jpg\"\r\n                        alt=\"Oralyum operasyon alan\u0131\"\r\n                    >\r\n\r\n                <\/figure>\r\n\r\n\r\n                <figure class=\"om-view-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/e2896efc-7367-486a-a4bd-7cd9a3047d2b.png\"\r\n                        alt=\"Oralyum kontrol alan\u0131\"\r\n                    >\r\n\r\n                <\/figure>\r\n\r\n\r\n                <figure class=\"om-view-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/e9ebf4ef-2c58-4bd9-8f8c-b1c26899cbd6.jpg\"\r\n                        alt=\"Oralyum tesisi\"\r\n                    >\r\n\r\n                <\/figure>\r\n\r\n\r\n                <figure class=\"om-view-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/d9371120-938e-41b6-9044-4742d16590bc.jpg\"\r\n                        alt=\"Oralyum lojistik operasyonu\"\r\n                    >\r\n\r\n                <\/figure>\r\n\r\n\r\n                <div class=\"om-viewer-label\">\r\n\r\n                    <strong id=\"om-photo-number\">\r\n                        01 \/ 05\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Oralyum Lojistik Merkezi\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"om-thumb-rail\">\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"om-thumb active\"\r\n                    data-index=\"0\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/1bebd375-1457-4363-b89a-f045d103556b.jpg\"\r\n                        alt=\"\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"om-thumb\"\r\n                    data-index=\"1\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/54864ca2-4c21-4491-b08d-d0512413b437.jpg\"\r\n                        alt=\"\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"om-thumb\"\r\n                    data-index=\"2\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/e2896efc-7367-486a-a4bd-7cd9a3047d2b.png\"\r\n                        alt=\"\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"om-thumb\"\r\n                    data-index=\"3\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/e9ebf4ef-2c58-4bd9-8f8c-b1c26899cbd6.jpg\"\r\n                        alt=\"\"\r\n                    >\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"om-thumb\"\r\n                    data-index=\"4\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/10\/d9371120-938e-41b6-9044-4742d16590bc.jpg\"\r\n                        alt=\"\"\r\n                    >\r\n\r\n                <\/button>\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<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     DISPATCH\r\n========================================================= -->\r\n\r\n<section class=\"om-dispatch\">\r\n\r\n    <div class=\"om-wrap om-dispatch-layout\">\r\n\r\n\r\n        <div class=\"om-dispatch-title om-reveal\">\r\n\r\n            <small>\r\n                ORALYUM \u00b7 LOJ\u0130ST\u0130K AKI\u015e\r\n            <\/small>\r\n\r\n            <h2>\r\n                Merkezden\r\n                sevkiyata.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"om-dispatch-flow om-reveal\">\r\n\r\n\r\n            <div class=\"om-dispatch-line\">\r\n\r\n                <span class=\"om-dispatch-point\">\r\n                    Toplama\r\n                <\/span>\r\n\r\n                <span class=\"om-dispatch-arrow\"><\/span>\r\n\r\n                <span class=\"om-dispatch-point\">\r\n                    Kontrol\r\n                <\/span>\r\n\r\n                <span class=\"om-dispatch-arrow\"><\/span>\r\n\r\n                <span class=\"om-dispatch-point\">\r\n                    Haz\u0131rl\u0131k\r\n                <\/span>\r\n\r\n                <span class=\"om-dispatch-arrow\"><\/span>\r\n\r\n                <span class=\"om-dispatch-point\">\r\n                    Sevkiyat\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p>\r\n\r\n                \u00c7iftliklerimizde ba\u015flayan \u00fcretim\r\n                s\u00fcreci Oralyum'da kontrol,\r\n                s\u0131n\u0131fland\u0131rma ve haz\u0131rl\u0131k\r\n                a\u015famalar\u0131yla devam eder.\r\n\r\n                Haz\u0131rl\u0131\u011f\u0131 tamamlanan \u00fcr\u00fcnler\r\n                yurt i\u00e7i ve yurt d\u0131\u015f\u0131 lojistik\r\n                operasyonlar\u0131na y\u00f6nlendirilir.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     PANORAMIC SECTION\r\n========================================================= -->\r\n\r\n<section class=\"om-bridge\">\r\n\r\n    <div class=\"om-wrap\">\r\n\r\n\r\n        <div class=\"om-bridge-head om-reveal\">\r\n\r\n\r\n            <div class=\"om-bridge-title\">\r\n\r\n                <p class=\"om-kicker\"><span class=\"om-ar-label\">\r\n                    Operasyonun Merkezi\r\n                <\/span><\/p>\r\n\r\n                <h2>\r\n\r\n                    \u00c7iftlikten gelen \u00fcr\u00fcn,\r\n                    <em>\r\n                        burada yolculu\u011fa haz\u0131rlan\u0131r.\r\n                    <\/em>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"om-bridge-intro\">\r\n\r\n                Oralyum yaln\u0131zca \u00fcr\u00fcnlerin\r\n                topland\u0131\u011f\u0131 bir nokta de\u011fildir.\r\n\r\n                Kulu\u00e7kal\u0131k yumurtalar burada\r\n                kontrol edilir, s\u0131n\u0131fland\u0131r\u0131l\u0131r,\r\n                haz\u0131rlan\u0131r ve planlanan sevkiyat\r\n                s\u00fcrecine aktar\u0131l\u0131r.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"om-bridge-scene om-reveal\">\r\n\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/orallarzirai.com\/wp-content\/uploads\/2026\/09\/4c5b6bb4-caa0-4ba5-bd20-56da2c32b4d5.png\"\r\n                alt=\"Oralyum operasyon alan\u0131\"\r\n            >\r\n\r\n\r\n            <div class=\"om-bridge-statement\">\r\n\r\n                <small>\r\n                    ORALYUM LOJ\u0130ST\u0130K MERKEZ\u0130\r\n                <\/small>\r\n\r\n                <strong>\r\n\r\n                    \u00dcr\u00fcn\u00fcn \u00e7iftlikten\r\n                    sevkiyata uzanan yolculu\u011funda\r\n                    merkezi kontrol noktas\u0131.\r\n\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"om-bridge-route\"\r\n                id=\"om-bridge-route\"\r\n            >\r\n\r\n\r\n                <div class=\"om-bridge-points\">\r\n\r\n\r\n                    <div class=\"om-bridge-point\">\r\n\r\n                        <div class=\"om-bridge-dot\"><\/div>\r\n\r\n                        <span>\r\n                            \u00dcR\u00dcN KABUL\u00dc\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"om-bridge-point\">\r\n\r\n                        <div class=\"om-bridge-dot\"><\/div>\r\n\r\n                        <span>\r\n                            KAL\u0130TE KONTROL\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"om-bridge-point\">\r\n\r\n                        <div class=\"om-bridge-dot\"><\/div>\r\n\r\n                        <span>\r\n                            HAZIRLIK\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"om-bridge-point\">\r\n\r\n                        <div class=\"om-bridge-dot\"><\/div>\r\n\r\n                        <span>\r\n                            SEVK\u0130YAT\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 class=\"om-bridge-bottom om-reveal\">\r\n\r\n\r\n            <div class=\"om-bridge-message\">\r\n\r\n                <div class=\"om-bridge-slogan\">\r\n                    Teslim Etti\u011fimiz\r\n                    Sadece \u00dcr\u00fcn De\u011fil, <em>G\u00fcvendir.<\/em>\r\n                <\/div>\r\n\r\n                <div class=\"om-bridge-original\">\r\n                Bir operasyon alan\u0131ndan fazlas\u0131;\r\n                \u00fcretim ile lojisti\u011fi\r\n                <em>\r\n                    birbirine ba\u011flayan merkez.\r\n                <\/em>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"om-bridge-detail\">\r\n\r\n\r\n                <div class=\"om-bridge-detail-item\">\r\n\r\n                    <small>\r\n                        01\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        Kontroll\u00fc haz\u0131rl\u0131k\r\n                    <\/strong>\r\n\r\n                    <p>\r\n\r\n                        \u00dcr\u00fcnlerin kontrol,\r\n                        s\u0131n\u0131fland\u0131rma ve haz\u0131rl\u0131k\r\n                        a\u015famalar\u0131 ayn\u0131 operasyon\r\n                        ak\u0131\u015f\u0131 i\u00e7inde y\u00fcr\u00fct\u00fcl\u00fcr.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"om-bridge-detail-item\">\r\n\r\n                    <small>\r\n                        02\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        Planl\u0131 sevkiyat\r\n                    <\/strong>\r\n\r\n                    <p>\r\n\r\n                        Haz\u0131rlanan \u00fcr\u00fcnler\r\n                        planlanan var\u0131\u015f noktalar\u0131na\r\n                        g\u00f6re lojistik s\u00fcrecine\r\n                        y\u00f6nlendirilir.\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<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     JS\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            \"oralyum-manifest\"\r\n        );\r\n\r\n\r\n    if(!root){\r\n        return;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       GALLERY\r\n    ===================================================== *\/\r\n\r\n    const slides =\r\n        root.querySelectorAll(\r\n            \".om-view-slide\"\r\n        );\r\n\r\n\r\n    const thumbs =\r\n        root.querySelectorAll(\r\n            \".om-thumb\"\r\n        );\r\n\r\n\r\n    const photoNumber =\r\n        document.getElementById(\r\n            \"om-photo-number\"\r\n        );\r\n\r\n\r\n    const viewer =\r\n        document.getElementById(\r\n            \"om-viewer\"\r\n        );\r\n\r\n\r\n    let currentPhoto = 0;\r\n\r\n    let viewerTimer = null;\r\n\r\n\r\n\r\n    function showPhoto(index){\r\n\r\n        if(!slides.length){\r\n            return;\r\n        }\r\n\r\n\r\n        if(index < 0){\r\n\r\n            index =\r\n                slides.length - 1;\r\n\r\n        }\r\n\r\n\r\n        if(index >= slides.length){\r\n\r\n            index = 0;\r\n\r\n        }\r\n\r\n\r\n        slides.forEach(\r\n            function(slide){\r\n\r\n                slide.classList.remove(\r\n                    \"active\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        thumbs.forEach(\r\n            function(thumb){\r\n\r\n                thumb.classList.remove(\r\n                    \"active\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        slides[index]\r\n            .classList\r\n            .add(\r\n                \"active\"\r\n            );\r\n\r\n\r\n        if(thumbs[index]){\r\n\r\n            thumbs[index]\r\n                .classList\r\n                .add(\r\n                    \"active\"\r\n                );\r\n\r\n        }\r\n\r\n\r\n        currentPhoto = index;\r\n\r\n\r\n        if(photoNumber){\r\n\r\n            photoNumber.textContent =\r\n\r\n                String(\r\n                    index + 1\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                )\r\n\r\n                + \" \/ \"\r\n\r\n                + String(\r\n                    slides.length\r\n                ).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    thumbs.forEach(\r\n        function(thumb){\r\n\r\n            thumb.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    showPhoto(\r\n                        Number(\r\n                            thumb.dataset.index\r\n                        )\r\n                    );\r\n\r\n\r\n                    restartAuto();\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    function startAuto(){\r\n\r\n        clearInterval(\r\n            viewerTimer\r\n        );\r\n\r\n\r\n        viewerTimer =\r\n            setInterval(\r\n                function(){\r\n\r\n                    showPhoto(\r\n                        currentPhoto + 1\r\n                    );\r\n\r\n                },\r\n                4800\r\n            );\r\n\r\n    }\r\n\r\n\r\n\r\n    function stopAuto(){\r\n\r\n        clearInterval(\r\n            viewerTimer\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    function restartAuto(){\r\n\r\n        stopAuto();\r\n\r\n        startAuto();\r\n\r\n    }\r\n\r\n\r\n\r\n    startAuto();\r\n\r\n\r\n\r\n    if(viewer){\r\n\r\n        viewer.addEventListener(\r\n            \"mouseenter\",\r\n            stopAuto\r\n        );\r\n\r\n\r\n        viewer.addEventListener(\r\n            \"mouseleave\",\r\n            startAuto\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       BRIDGE ROUTE\r\n    ===================================================== *\/\r\n\r\n    const bridgeRoute =\r\n        document.getElementById(\r\n            \"om-bridge-route\"\r\n        );\r\n\r\n\r\n    if(\r\n        bridgeRoute &&\r\n        \"IntersectionObserver\" in window\r\n    ){\r\n\r\n        const routeObserver =\r\n            new IntersectionObserver(\r\n\r\n                function(entries){\r\n\r\n                    entries.forEach(\r\n                        function(entry){\r\n\r\n                            if(\r\n                                entry.isIntersecting\r\n                            ){\r\n\r\n                                bridgeRoute\r\n                                    .classList\r\n                                    .add(\r\n                                        \"om-route-active\"\r\n                                    );\r\n\r\n\r\n                                routeObserver.unobserve(\r\n                                    bridgeRoute\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold:.35\r\n                }\r\n\r\n            );\r\n\r\n\r\n        routeObserver.observe(\r\n            bridgeRoute\r\n        );\r\n\r\n    }\r\n\r\n    else if(bridgeRoute){\r\n\r\n        bridgeRoute.classList.add(\r\n            \"om-route-active\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       SCROLL REVEAL\r\n    ===================================================== *\/\r\n\r\n    const revealItems =\r\n        root.querySelectorAll(\r\n            \".om-reveal\"\r\n        );\r\n\r\n\r\n    if(\r\n        \"IntersectionObserver\" in window\r\n    ){\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function(entries){\r\n\r\n                    entries.forEach(\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                                        \"om-visible\"\r\n                                    );\r\n\r\n\r\n                                observer.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                    threshold:.08,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -15px 0px\"\r\n                }\r\n\r\n            );\r\n\r\n\r\n        revealItems.forEach(\r\n            function(item){\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n    else{\r\n\r\n        revealItems.forEach(\r\n            function(item){\r\n\r\n                item.classList.add(\r\n                    \"om-visible\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n\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-624dd69 elementor-widget elementor-widget-html\" data-id=\"624dd69\" 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 class=\"elementor-element elementor-element-7b1da41 elementor-widget elementor-widget-html\" data-id=\"7b1da41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ORALLAR - C\u0130VC\u0130V AYAK \u0130Z\u0130\r\n   Tekli \/ Minimal \/ H\u0131zl\u0131 Kaybolan\r\n========================================================= *\/\r\n\r\n.orallar-chick-foot {\r\n    position: fixed !important;\r\n\r\n    width: 15px !important;\r\n    height: 19px !important;\r\n\r\n    pointer-events: none !important;\r\n    user-select: none !important;\r\n\r\n    z-index: 2147483647 !important;\r\n\r\n    transform-origin: center center !important;\r\n\r\n    opacity: 0;\r\n\r\n    animation: orallarFootFade 0.55s linear forwards;\r\n\r\n    will-change: opacity, transform;\r\n}\r\n\r\n.orallar-chick-foot svg {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIZLI KAYBOLMA\r\n========================================================= *\/\r\n\r\n@keyframes orallarFootFade {\r\n\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n\r\n    8% {\r\n        opacity: 0.40;\r\n    }\r\n\r\n    25% {\r\n        opacity: 0.34;\r\n    }\r\n\r\n    50% {\r\n        opacity: 0.22;\r\n    }\r\n\r\n    72% {\r\n        opacity: 0.10;\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       AYARLAR\r\n    ===================================================== *\/\r\n\r\n    const FOOT_COLOR = \"#b5121b\";\r\n\r\n    \/*\r\n     * Ayak izleri aras\u0131ndaki mesafe.\r\n     * 30-36 aras\u0131 g\u00fczel \u00e7al\u0131\u015f\u0131r.\r\n     *\/\r\n    const STEP_DISTANCE = 32;\r\n\r\n\r\n    \/*\r\n     * Mouse'un biraz gerisinde \u00e7\u0131ks\u0131n.\r\n     *\/\r\n    const BACK_DISTANCE = 9;\r\n\r\n\r\n    \/*\r\n     * Rotan\u0131n tam d\u00fcmd\u00fcz g\u00f6r\u00fcnmemesi i\u00e7in\r\n     * hafif sa\u011f-sol do\u011fal sapma.\r\n     *\/\r\n    const POSITION_VARIATION = 2.5;\r\n\r\n\r\n    \/*\r\n     * Aya\u011f\u0131n y\u00f6n\u00fcnde hafif a\u00e7\u0131 fark\u0131.\r\n     *\/\r\n    const ROTATION_VARIATION = 5;\r\n\r\n\r\n    \/*\r\n     * Ayn\u0131 anda DOM'da tutulabilecek maksimum iz.\r\n     *\/\r\n    const MAX_FEET = 14;\r\n\r\n\r\n    \/*\r\n     * Kaybolma s\u00fcresi.\r\n     *\/\r\n    const FOOT_LIFETIME = 580;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       DURUM\r\n    ===================================================== *\/\r\n\r\n    let lastX = null;\r\n    let lastY = null;\r\n\r\n    let travelledDistance = 0;\r\n\r\n    const activeFeet = [];\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       AYAK SVG\r\n    ===================================================== *\/\r\n\r\n    function getFootSVG() {\r\n\r\n        return `\r\n        <svg\r\n            viewBox=\"0 0 40 50\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <!-- ORTA PARMAK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C20 24 20 20 20 16\r\n                C20 12 20.3 8 21 4\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.35\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- SOL PARMAK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C17 24 14 21 11 18\r\n                C8.5 15.5 6.5 12.5 5 9\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.35\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- SA\u011e PARMAK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C23 24 26 21 29 18\r\n                C31.5 15.5 33.5 12.5 35 9\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.35\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- TOPUK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C20 32 20 35 20 39\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.25\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- K\u00dc\u00c7\u00dcK ARKA TIRNAK -->\r\n            <path\r\n                d=\"\r\n                M20 36\r\n                C17.5 38\r\n                16 40\r\n                15 42\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"1.9\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n        <\/svg>\r\n        `;\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       AYAK \u0130Z\u0130 EKLE\r\n    ===================================================== *\/\r\n\r\n    function addFoot(x, y, angle) {\r\n\r\n        const foot =\r\n            document.createElement(\"div\");\r\n\r\n        foot.className =\r\n            \"orallar-chick-foot\";\r\n\r\n        foot.innerHTML =\r\n            getFootSVG();\r\n\r\n\r\n\r\n        \/* =================================================\r\n           MOUSE HAREKET Y\u00d6N\u00dc\r\n        ================================================= *\/\r\n\r\n        const dirX =\r\n            Math.cos(angle);\r\n\r\n        const dirY =\r\n            Math.sin(angle);\r\n\r\n\r\n\r\n        \/*\r\n         * Hareket y\u00f6n\u00fcne dik vekt\u00f6r\r\n         *\/\r\n        const perpendicularX =\r\n            -dirY;\r\n\r\n        const perpendicularY =\r\n            dirX;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           \u00c7OK HAF\u0130F DO\u011eAL SAPMA\r\n        ================================================= *\/\r\n\r\n        const randomSide =\r\n            (\r\n                Math.random() * 2 - 1\r\n            ) * POSITION_VARIATION;\r\n\r\n\r\n\r\n        \/*\r\n         * Mouse'un biraz gerisinde\r\n         *\/\r\n        const footX =\r\n            x\r\n            - (dirX * BACK_DISTANCE)\r\n            + (perpendicularX * randomSide);\r\n\r\n        const footY =\r\n            y\r\n            - (dirY * BACK_DISTANCE)\r\n            + (perpendicularY * randomSide);\r\n\r\n\r\n\r\n        \/* =================================================\r\n           Y\u00d6N\r\n        ================================================= *\/\r\n\r\n        let rotation =\r\n            angle * 180 \/ Math.PI + 90;\r\n\r\n\r\n\r\n        \/*\r\n         * Her izin birebir ayn\u0131 a\u00e7\u0131da\r\n         * g\u00f6r\u00fcnmesini engelle.\r\n         *\/\r\n        rotation +=\r\n            (\r\n                Math.random() * 2 - 1\r\n            ) * ROTATION_VARIATION;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           HAF\u0130F BOYUT FARKI\r\n        ================================================= *\/\r\n\r\n        const scale =\r\n            0.94 +\r\n            Math.random() * 0.10;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           KONUM\r\n        ================================================= *\/\r\n\r\n        foot.style.left =\r\n            (footX - 7.5) + \"px\";\r\n\r\n        foot.style.top =\r\n            (footY - 9.5) + \"px\";\r\n\r\n        foot.style.transform =\r\n            `rotate(${rotation}deg) scale(${scale})`;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           BODY'YE EKLE\r\n        ================================================= *\/\r\n\r\n        document.body.appendChild(foot);\r\n\r\n        activeFeet.push(foot);\r\n\r\n\r\n\r\n        \/* =================================================\r\n           FAZLA \u0130Z B\u0130R\u0130KMES\u0130N\r\n        ================================================= *\/\r\n\r\n        if (\r\n            activeFeet.length >\r\n            MAX_FEET\r\n        ) {\r\n\r\n            const oldest =\r\n                activeFeet.shift();\r\n\r\n            if (oldest) {\r\n                oldest.remove();\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           HIZLI TEM\u0130ZLE\r\n        ================================================= *\/\r\n\r\n        setTimeout(function () {\r\n\r\n            if (\r\n                foot &&\r\n                foot.parentNode\r\n            ) {\r\n\r\n                foot.remove();\r\n\r\n            }\r\n\r\n\r\n            const index =\r\n                activeFeet.indexOf(foot);\r\n\r\n\r\n            if (\r\n                index !== -1\r\n            ) {\r\n\r\n                activeFeet.splice(\r\n                    index,\r\n                    1\r\n                );\r\n\r\n            }\r\n\r\n        }, FOOT_LIFETIME);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       MOUSE TAK\u0130B\u0130\r\n    ===================================================== *\/\r\n\r\n    function handlePointerMove(event) {\r\n\r\n        const x =\r\n            event.clientX;\r\n\r\n        const y =\r\n            event.clientY;\r\n\r\n\r\n\r\n        \/*\r\n         * \u0130lk pozisyon\r\n         *\/\r\n        if (\r\n            lastX === null ||\r\n            lastY === null\r\n        ) {\r\n\r\n            lastX = x;\r\n            lastY = y;\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n\r\n        const dx =\r\n            x - lastX;\r\n\r\n        const dy =\r\n            y - lastY;\r\n\r\n\r\n\r\n        const distance =\r\n            Math.sqrt(\r\n                dx * dx +\r\n                dy * dy\r\n            );\r\n\r\n\r\n\r\n        if (\r\n            distance < 1\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n\r\n        travelledDistance +=\r\n            distance;\r\n\r\n\r\n\r\n        const angle =\r\n            Math.atan2(\r\n                dy,\r\n                dx\r\n            );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           YETERL\u0130 MESAFEDE YEN\u0130 \u0130Z\r\n        ================================================= *\/\r\n\r\n        if (\r\n            travelledDistance >=\r\n            STEP_DISTANCE\r\n        ) {\r\n\r\n            addFoot(\r\n                x,\r\n                y,\r\n                angle\r\n            );\r\n\r\n\r\n            travelledDistance = 0;\r\n\r\n        }\r\n\r\n\r\n\r\n        lastX = x;\r\n        lastY = y;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       EVENT\r\n    ===================================================== *\/\r\n\r\n    window.addEventListener(\r\n        \"pointermove\",\r\n        handlePointerMove,\r\n        {\r\n            passive: true,\r\n            capture: true\r\n        }\r\n    );\r\n\r\n\r\n\r\n    document.addEventListener(\r\n        \"mouseleave\",\r\n        function () {\r\n\r\n            lastX = null;\r\n            lastY = null;\r\n\r\n            travelledDistance = 0;\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ORALLAR Z\u0130RA\u0130 \u00b7 ORALYUM LOJ\u0130ST\u0130K MERKEZ\u0130 \u00b7 G\u00d6YN\u00dcK LOJ\u0130ST\u0130\u011e\u0130N KONTROL NOKTASI Oralyum. \u00dcretimden Teslimata, Kalite Kontrol Alt\u0131nda Kulu\u00e7kal\u0131k yumurtalar\u0131n kalite kontrol\u00fcnden s\u0131n\u0131fland\u0131rma ve sevkiyat haz\u0131rl\u0131\u011f\u0131na uzanan lojistik operasyon merkezi. 01 \u00dcR\u00dcN KABUL\u00dc 02 KONTROL 03 HAZIRLIK 04 SEVK\u0130YAT Merkezin Rol\u00fc \u00dcretimin devam\u0131, yolculu\u011fun ba\u015flang\u0131c\u0131. Oralyum, \u00e7iftliklerimizden gelen kulu\u00e7kal\u0131k yumurtalar\u0131n bir sonraki yolculu\u011fa haz\u0131rland\u0131\u011f\u0131 merkezdir. \u00dcr\u00fcnler [&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-1672","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/pages\/1672","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=1672"}],"version-history":[{"count":56,"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/pages\/1672\/revisions"}],"predecessor-version":[{"id":3014,"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/pages\/1672\/revisions\/3014"}],"wp:attachment":[{"href":"https:\/\/orallarzirai.com\/ar\/wp-json\/wp\/v2\/media?parent=1672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}