{"id":1679,"date":"2026-10-12T13:36:12","date_gmt":"2026-10-12T13:36:12","guid":{"rendered":"https:\/\/avexegg.com\/?page_id=1679"},"modified":"2026-10-23T09:25:06","modified_gmt":"2026-10-23T09:25:06","slug":"news","status":"publish","type":"page","link":"https:\/\/avexegg.com\/ru\/news\/","title":{"rendered":"NEWS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1679\" class=\"elementor elementor-1679\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebf106a e-con-full e-flex e-con e-parent\" data-id=\"ebf106a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b50b58f elementor-widget elementor-widget-shortcode\" data-id=\"b50b58f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section id=\"orallar-news-1\" class=\"orallar-news-shortcode\">\n<style>\n#orallar-news-1 {\n\n    --news-red:#d71920;\n    --news-red-dark:#aa1119;\n\n    --news-gold:#d4b64e;\n\n    --news-black:#181818;\n    --news-gray:#676767;\n\n    --news-white:#ffffff;\n    --news-soft:#faf9f6;\n    --news-line:#dfdcd4;\n\n    width:100%;\n    overflow:hidden;\n\n    background:#fff;\n    color:var(--news-black);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n}#orallar-news-1 *,\n\n#orallar-news-1 *::before,\n\n#orallar-news-1 *::after {\n    box-sizing:border-box;\n}#orallar-news-1 img {\n    display:block;\n    width:100%;\n}#orallar-news-1 a {\n    color:inherit;\n    text-decoration:none;\n}#orallar-news-1 button {\n    font-family:inherit;\n}#orallar-news-1 .news-container {\n\n    width:min(\n        1380px,\n        calc(100% - 90px)\n    );\n\n    margin:0 auto;\n}#orallar-news-1 .news-eyebrow {\n\n    display:flex;\n    align-items:center;\n\n    gap:10px;\n\n    color:\n        var(--news-red);\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:2px;\n\n    text-transform:uppercase;\n}#orallar-news-1 .news-eyebrow::before {\n\n    content:\"\";\n\n    width:32px;\n    height:3px;\n\n    background:\n        var(--news-gold);\n}#orallar-news-1 .news-reveal {\n\n    opacity:0;\n\n    transform:\n        translateY(20px);\n\n    transition:\n        opacity .6s cubic-bezier(.2,.7,.2,1),\n        transform .6s cubic-bezier(.2,.7,.2,1);\n}#orallar-news-1 .news-reveal.news-visible {\n\n    opacity:1;\n    transform:none;\n}#orallar-news-1 .news-hero {\n\n    padding:\n        54px 0 46px;\n\n    background:\n        var(--news-soft);\n\n    border-bottom:\n        1px solid\n        var(--news-line);\n}#orallar-news-1 .news-hero-grid {\n\n    display:flex;\n\n    align-items:flex-end;\n    justify-content:space-between;\n\n    gap:70px;\n}#orallar-news-1 .news-hero h1 {\n\n    max-width:760px;\n\n    margin:\n        12px 0 0;\n\n    font-size:\n        clamp(\n            46px,\n            5vw,\n            72px\n        );\n\n    line-height:.94;\n\n    letter-spacing:-4px;\n\n    font-weight:900;\n}#orallar-news-1 .news-hero h1 span {\n\n    color:\n        var(--news-red);\n}#orallar-news-1 .news-hero p {\n\n    max-width:530px;\n\n    margin:0;\n\n    color:\n        var(--news-gray);\n\n    font-size:16px;\n\n    line-height:1.75;\n}#orallar-news-1 .news-filter-section {\n\n    background:#fff;\n\n    border-bottom:\n        1px solid\n        var(--news-line);\n}#orallar-news-1 .news-filters {\n\n    min-height:68px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    overflow-x:auto;\n\n    scrollbar-width:none;\n}#orallar-news-1 .news-filters::-webkit-scrollbar {\n    display:none;\n}#orallar-news-1 .news-filter {\n\n    flex:0 0 auto;\n\n    min-height:36px;\n\n    padding:\n        0 14px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border:\n        1px solid\n        var(--news-line);\n\n    background:#fff;\n\n    color:#666;\n\n    cursor:pointer;\n\n    font-size:10px;\n\n    font-weight:900;\n\n    letter-spacing:.5px;\n\n    text-transform:uppercase;\n\n    transition:\n        background .2s ease,\n        border-color .2s ease,\n        color .2s ease;\n}#orallar-news-1 .news-filter:hover,\n#orallar-news-1 .news-filter.active {\n\n    background:\n        var(--news-red);\n\n    border-color:\n        var(--news-red);\n\n    color:#fff;\n}#orallar-news-1 .news-content {\n\n    padding:\n        52px 0 70px;\n\n    background:#fff;\n}#orallar-news-1 .news-heading {\n\n    margin-bottom:30px;\n}#orallar-news-1 .news-heading h2 {\n\n    margin:\n        11px 0 0;\n\n    font-size:\n        clamp(\n            34px,\n            3.6vw,\n            51px\n        );\n\n    line-height:.98;\n\n    letter-spacing:-2.7px;\n}#orallar-news-1 .news-heading h2 span {\n\n    color:\n        var(--news-red);\n}#orallar-news-1 .news-grid {\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(\n            3,\n            minmax(0,1fr)\n        );\n\n    gap:\n        28px 22px;\n}#orallar-news-1 .news-card {\n\n    position:relative;\n\n    display:flex;\n    flex-direction:column;\n\n    min-width:0;\n\n    background:#fff;\n\n    border:\n        1px solid\n        var(--news-line);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}#orallar-news-1 .news-card:hover {\n\n    transform:\n        translateY(-4px);\n\n    border-color:\n        rgba(\n            215,\n            25,\n            32,\n            .22\n        );\n\n    box-shadow:\n        0 15px 32px\n        rgba(\n            0,\n            0,\n            0,\n            .07\n        );\n}#orallar-news-1 .news-card-image {\n\n    position:relative;\n\n    width:calc(100% - 42px);\n    max-width:270px;\n\n    aspect-ratio:1 \/ 1;\n\n    margin:\n        21px auto 0;\n\n    overflow:hidden;\n\n    background:#eee;\n}#orallar-news-1 .news-card-image img {\n\n    width:100%;\n    height:100%;\n\n    object-fit:cover;\n\n    transition:\n        transform .5s ease;\n}#orallar-news-1 .news-card:hover\n.news-card-image img {\n\n    transform:\n        scale(1.035);\n}#orallar-news-1 .news-card-category {\n\n    position:absolute;\n\n    left:12px;\n    bottom:12px;\n\n    padding:\n        8px 10px;\n\n    background:\n        var(--news-red);\n\n    color:#fff;\n\n    font-size:8px;\n\n    font-weight:900;\n\n    letter-spacing:.8px;\n\n    text-transform:uppercase;\n}#orallar-news-1 .news-card-content {\n\n    flex:1;\n\n    padding:\n        20px 22px 22px;\n\n    display:flex;\n\n    flex-direction:column;\n}#orallar-news-1 .news-card-date {\n\n    color:#969696;\n\n    font-size:10px;\n\n    font-weight:800;\n\n    letter-spacing:.5px;\n\n    text-transform:uppercase;\n}#orallar-news-1 .news-card h3 {\n\n    margin:\n        10px 0 0;\n\n    font-size:20px;\n\n    line-height:1.2;\n\n    letter-spacing:-.7px;\n\n    font-weight:900;\n}#orallar-news-1 .news-card p {\n\n    margin:\n        10px 0 0;\n\n    color:\n        var(--news-gray);\n\n    font-size:14px;\n\n    line-height:1.68;\n}#orallar-news-1 .news-card-footer {\n\n    margin-top:auto;\n\n    padding-top:19px;\n}#orallar-news-1 .news-read-more {\n\n    width:max-content;\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:8px;\n\n    padding-bottom:5px;\n\n    border-bottom:\n        2px solid\n        var(--news-red);\n\n    color:\n        var(--news-black);\n\n    font-size:10px;\n\n    font-weight:900;\n\n    letter-spacing:.5px;\n\n    text-transform:uppercase;\n\n    transition:\n        color .2s ease,\n        gap .2s ease;\n}#orallar-news-1 .news-read-more::after {\n\n    content:\"\u2192\";\n\n    color:\n        var(--news-red);\n\n    font-size:15px;\n}#orallar-news-1 .news-read-more:hover {\n\n    color:\n        var(--news-red);\n\n    gap:12px;\n}#orallar-news-1 .news-pagination {\n\n    margin-top:48px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:7px;\n}#orallar-news-1 .news-page {\n\n    width:42px;\n    height:42px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    border:\n        1px solid\n        var(--news-line);\n\n    background:#fff;\n\n    color:#666;\n\n    font-size:11px;\n\n    font-weight:900;\n\n    transition:\n        background .2s ease,\n        color .2s ease,\n        border-color .2s ease;\n}#orallar-news-1 .news-page:hover,\n#orallar-news-1 .news-page.active {\n\n    background:\n        var(--news-red);\n\n    color:#fff;\n\n    border-color:\n        var(--news-red);\n}@media(max-width:1050px) {#orallar-news-1 .news-container {\n\n        width:\n            calc(\n                100% - 45px\n            );\n    }#orallar-news-1 .news-hero-grid {\n\n        display:block;\n    }#orallar-news-1 .news-hero p {\n\n        margin-top:18px;\n    }#orallar-news-1 .news-grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0,1fr)\n            );\n    }#orallar-news-1 .news-card-image {\n\n        max-width:260px;\n    }\n\n}@media(max-width:600px) {#orallar-news-1 .news-container {\n\n        width:\n            calc(\n                100% - 30px\n            );\n    }#orallar-news-1 .news-hero {\n\n        padding:\n            40px 0 34px;\n    }#orallar-news-1 .news-hero h1 {\n\n        font-size:42px;\n\n        letter-spacing:-2.6px;\n    }#orallar-news-1 .news-hero p {\n\n        font-size:15px;\n\n        line-height:1.7;\n    }#orallar-news-1 .news-filters {\n\n        min-height:62px;\n    }#orallar-news-1 .news-content {\n\n        padding:\n            40px 0 50px;\n    }#orallar-news-1 .news-heading h2 {\n\n        font-size:34px;\n\n        letter-spacing:-2px;\n    }#orallar-news-1 .news-grid {\n\n        grid-template-columns:\n            1fr;\n\n        gap:22px;\n    }#orallar-news-1 .news-card-image {\n\n        width:calc(100% - 36px);\n\n        max-width:245px;\n\n        margin-top:18px;\n    }#orallar-news-1 .news-card-content {\n\n        padding:\n            19px 18px 20px;\n    }#orallar-news-1 .news-card h3 {\n\n        font-size:19px;\n    }#orallar-news-1 .news-card p {\n\n        font-size:14px;\n\n        line-height:1.65;\n    }#orallar-news-1 .news-pagination {\n\n        margin-top:35px;\n    }\n\n}\n\n\n\/* Tema d\u00fc\u011fmelerinin\/ba\u015fl\u0131klar\u0131n\u0131n tasar\u0131m\u0131 de\u011fi\u015ftirmesini \u00f6nle. *\/\n#orallar-news-1 h1, #orallar-news-1 h2, #orallar-news-1 h3 {font-family:inherit; color:var(--news-black); font-style:normal; text-transform:none;}\n#orallar-news-1 button {border-radius:0; box-shadow:none; text-decoration:none; cursor:pointer;}\n#orallar-news-1 .news-page {padding:0;}\n#orallar-news-1 .news-read-more {border-top:0;border-left:0;border-right:0;border-radius:0;background:transparent;padding:0 0 5px;line-height:1.5;}\n#orallar-news-1 .news-filter {line-height:1.4;}\n#orallar-news-1 .news-card h3 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}\n#orallar-news-1 .news-card p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}\n#orallar-news-1 .news-card-image {display:block;}\n#orallar-news-1 .news-image-placeholder {width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--news-soft);color:var(--news-red);font-size:16px;font-weight:800;}\n#orallar-news-1 [hidden] {display:none!important;}\n#orallar-news-1 .news-empty {padding:32px 20px;border:1px solid var(--news-line);background:var(--news-soft);color:var(--news-gray);text-align:center;}\n#orallar-news-1 .news-pagination {flex-wrap:wrap;}\n#orallar-news-1 .news-page:disabled {opacity:.45;cursor:default;}\n#orallar-news-1 .news-reveal {opacity:1;}\n#orallar-news-1 .news-modal {position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.65);padding:30px 16px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;}\n#orallar-news-1 .news-modal-panel {width:min(860px,100%);margin:auto;background:#fff;color:var(--news-black);box-shadow:0 24px 90px rgba(0,0,0,.2);position:relative;}\n#orallar-news-1 .news-modal-close {position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;background:#fff;border:1px solid var(--news-line);color:var(--news-black);font-size:25px;line-height:1;}\n#orallar-news-1 .news-modal-image {width:100%;max-height:400px;object-fit:cover;}\n#orallar-news-1 .news-modal-body {padding:32px;}\n#orallar-news-1 .news-modal-meta {color:var(--news-gray);font-size:12px;line-height:1.8;margin:0 0 14px;}\n#orallar-news-1 .news-modal-title {font-size:clamp(25px,3vw,38px);line-height:1.15;margin:0 0 24px;}\n#orallar-news-1 .news-modal-content {font-size:16px;line-height:1.8;overflow-wrap:anywhere;}\n#orallar-news-1 .news-modal-content img {height:auto;max-width:100%;}\n#orallar-news-1 .news-modal-content a {color:var(--news-red);text-decoration:underline;}\n#orallar-news-1 .news-modal-content iframe {max-width:100%;}\n#orallar-news-1 .news-modal-content pre {overflow:auto;}\n#orallar-news-1 .news-modal-content p {margin:0 0 18px;}\n#orallar-news-1 .news-modal-content table {max-width:100%;display:block;overflow:auto;}\n#orallar-news-1 :focus-visible {outline:3px solid var(--news-gold);outline-offset:3px;}\n@media(max-width:600px) {#orallar-news-1 .news-modal {padding:16px 10px;} #orallar-news-1 .news-modal-body {padding:24px 18px;}}\n\n<\/style>\n<div class=\"news-hero\"><div class=\"news-container\"><div class=\"news-hero-grid\">\n    <div class=\"news-reveal\"><div class=\"news-eyebrow\">Orallar Zirai<\/div>\n        <h1>News & <span>Updates<\/span><\/h1><\/div>\n    <p class=\"news-reveal\">Follow the latest news from Orallar Zirai, updates on our production processes, corporate announcements, and industry activities.<\/p>\n<\/div><\/div><\/div>\n<div class=\"news-filter-section\"><div class=\"news-container\"><div class=\"news-filters\" role=\"group\" aria-label=\"News categories\">\n    <button type=\"button\" class=\"news-filter active\" data-filter=\"all\" aria-pressed=\"true\">All<\/button>\n    <\/div><\/div><\/div>\n<div class=\"news-content\"><div class=\"news-container\">\n    <div class=\"news-heading news-reveal\"><div class=\"news-eyebrow\">Latest News<\/div><h2>Latest updates <span>from Orallar.<\/span><\/h2><\/div>\n    <div class=\"news-grid\">\n        <\/div>\n    <p class=\"news-empty\" role=\"status\" >No news has been published yet.<\/p>\n    <nav class=\"news-pagination\" aria-label=\"News pages\" hidden><\/nav>\n<\/div><\/div>\n<div class=\"news-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"orallar-news-1-title\" hidden>\n    <div class=\"news-modal-panel\" tabindex=\"-1\">\n        <button class=\"news-modal-close\" type=\"button\" aria-label=\"Close news article\">\u00d7<\/button>\n        <img class=\"news-modal-image\" alt=\"\" hidden>\n        <div class=\"news-modal-body\"><div class=\"news-modal-meta\"><\/div><h2 class=\"news-modal-title\" id=\"orallar-news-1-title\"><\/h2>\n            <div class=\"news-modal-content\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<script type=\"application\/json\" class=\"news-data\">[]<\/script>\n<script>\n(function () {\n    'use strict';\n    const root = document.getElementById(\"orallar-news-1\");\n    if (!root) return;\n    const data = JSON.parse(root.querySelector('.news-data').textContent);\n    const byId = new Map(data.map(item => [String(item.id), item]));\n    const cards = Array.from(root.querySelectorAll('.news-card'));\n    const buttons = Array.from(root.querySelectorAll('.news-filter'));\n    const pager = root.querySelector('.news-pagination');\n    const empty = root.querySelector('.news-empty');\n    const perPage = 9;\n    let filter = 'all', page = 1;\n    function render() {\n        const matching = cards.filter(card => filter === 'all' || card.dataset.terms.split(',').includes(filter));\n        const pages = Math.max(1, Math.ceil(matching.length \/ perPage));\n        page = Math.max(1, Math.min(page, pages));\n        cards.forEach(card => {card.hidden = true;});\n        matching.slice((page - 1) * perPage, page * perPage).forEach(card => {card.hidden = false;});\n        empty.hidden = matching.length !== 0;\n        empty.textContent = cards.length ? 'No news found in this category.' : 'No news has been published yet.';\n        pager.replaceChildren();\n        pager.hidden = pages <= 1;\n        function pageButton(target, label, current, accessible) {\n            const btn = document.createElement('button');\n            btn.type = 'button';btn.className = 'news-page' + (current ? ' active' : '');\n            btn.textContent = label;btn.dataset.page = String(target);\n            if (current) btn.setAttribute('aria-current', 'page');\n            btn.setAttribute('aria-label', accessible || 'Page ' + String(target));\n            pager.appendChild(btn);\n        }\n        if (page > 1) pageButton(page - 1, '\u2190', false, 'Previous page');\n        \/\/ \u00c7ok say\u0131da haberde de s\u0131n\u0131rl\u0131 say\u0131da sayfa d\u00fc\u011fmesi g\u00f6ster.\n        const numbers = new Set([1, pages]);\n        for (let n = Math.max(1, page - 2); n <= Math.min(pages, page + 2); n++) numbers.add(n);\n        let previous = 0;\n        Array.from(numbers).sort((a,b) => a-b).forEach(n => {\n            if (previous && n - previous > 1) {const gap=document.createElement('span');gap.textContent='\u2026';pager.appendChild(gap);}\n            pageButton(n, String(n), n === page);previous = n;\n        });\n        if (page < pages) pageButton(page + 1, '\u2192', false, 'Next page');\n    }\n    buttons.forEach(btn => btn.addEventListener('click', () => {\n        filter = btn.dataset.filter;page = 1;\n        buttons.forEach(b => {b.classList.toggle('active', b === btn);b.setAttribute('aria-pressed', String(b === btn));});\n        render();\n    }));\n    pager.addEventListener('click', event => {\n        const btn = event.target.closest('button[data-page]');\n        if (!btn) return;\n        page = Number(btn.dataset.page);render();\n        root.querySelector('.news-heading').scrollIntoView({behavior:'smooth',block:'start'});\n        pager.querySelector('[aria-current=\"page\"]')?.focus({preventScroll:true});\n    });\n    render();\n    const modal = root.querySelector('.news-modal');\n    const panel = modal.querySelector('.news-modal-panel');\n    const close = modal.querySelector('.news-modal-close');\n    const image = modal.querySelector('.news-modal-image');\n    let trigger = null, previousOverflow = '';\n    function openModal(item, source) {\n        trigger = source;\n        image.hidden = !item.image;\n        if (item.image) image.src = item.image; else image.removeAttribute('src');\n        image.alt = item.title;\n        modal.querySelector('.news-modal-meta').textContent = item.category + ' \u00b7 ' + item.date + ' \u00b7 ' + item.read;\n        modal.querySelector('.news-modal-title').textContent = item.title;\n        modal.querySelector('.news-modal-content').innerHTML = item.content;\n        previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = 'hidden';modal.hidden = false;close.focus();\n    }\n    function closeModal() {\n        if (modal.hidden) return;\n        modal.hidden = true;document.body.style.overflow = previousOverflow;\n        modal.querySelector('.news-modal-content').replaceChildren();image.removeAttribute('src');\n        if (trigger) trigger.focus({preventScroll:true});\n    }\n    root.addEventListener('click', event => {\n        const link = event.target.closest('a[data-open-news]');\n        if (!link || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0) return;\n        const item = byId.get(link.dataset.openNews);if (!item) return;\n        event.preventDefault();openModal(item, link);\n    });\n    close.addEventListener('click', closeModal);\n    modal.addEventListener('click', event => {if (event.target === modal) closeModal();});\n    document.addEventListener('keydown', event => {\n        if (modal.hidden) return;\n        if (event.key === 'Escape') {event.preventDefault();closeModal();}\n        if (event.key === 'Tab') {\n            const focusables = Array.from(panel.querySelectorAll('a[href],button,input,select,textarea,iframe,[tabindex]')).filter(el => !el.disabled && el.tabIndex >= 0 && el.getClientRects().length);\n            const first = focusables[0] || panel, last = focusables[focusables.length - 1] || panel;\n            if (event.shiftKey && (document.activeElement === first || !panel.contains(document.activeElement))) {event.preventDefault();last.focus();}\n            else if (!event.shiftKey && (document.activeElement === last || !panel.contains(document.activeElement))) {event.preventDefault();first.focus();}\n        }\n    });\n})();\n<\/script>\n<\/section>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0520a45 elementor-widget elementor-widget-html\" data-id=\"0520a45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ORALLAR - C\u0130VC\u0130V AYAK \u0130Z\u0130\r\n   Tekli \/ Minimal \/ H\u0131zl\u0131 Kaybolan\r\n========================================================= *\/\r\n\r\n.orallar-chick-foot {\r\n    position: fixed !important;\r\n\r\n    width: 15px !important;\r\n    height: 19px !important;\r\n\r\n    pointer-events: none !important;\r\n    user-select: none !important;\r\n\r\n    z-index: 2147483647 !important;\r\n\r\n    transform-origin: center center !important;\r\n\r\n    opacity: 0;\r\n\r\n    animation: orallarFootFade 0.55s linear forwards;\r\n\r\n    will-change: opacity, transform;\r\n}\r\n\r\n.orallar-chick-foot svg {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIZLI KAYBOLMA\r\n========================================================= *\/\r\n\r\n@keyframes orallarFootFade {\r\n\r\n    0% {\r\n        opacity: 0;\r\n    }\r\n\r\n    8% {\r\n        opacity: 0.40;\r\n    }\r\n\r\n    25% {\r\n        opacity: 0.34;\r\n    }\r\n\r\n    50% {\r\n        opacity: 0.22;\r\n    }\r\n\r\n    72% {\r\n        opacity: 0.10;\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       AYARLAR\r\n    ===================================================== *\/\r\n\r\n    const FOOT_COLOR = \"#b5121b\";\r\n\r\n    \/*\r\n     * Ayak izleri aras\u0131ndaki mesafe.\r\n     * 30-36 aras\u0131 g\u00fczel \u00e7al\u0131\u015f\u0131r.\r\n     *\/\r\n    const STEP_DISTANCE = 32;\r\n\r\n\r\n    \/*\r\n     * Mouse'un biraz gerisinde \u00e7\u0131ks\u0131n.\r\n     *\/\r\n    const BACK_DISTANCE = 9;\r\n\r\n\r\n    \/*\r\n     * Rotan\u0131n tam d\u00fcmd\u00fcz g\u00f6r\u00fcnmemesi i\u00e7in\r\n     * hafif sa\u011f-sol do\u011fal sapma.\r\n     *\/\r\n    const POSITION_VARIATION = 2.5;\r\n\r\n\r\n    \/*\r\n     * Aya\u011f\u0131n y\u00f6n\u00fcnde hafif a\u00e7\u0131 fark\u0131.\r\n     *\/\r\n    const ROTATION_VARIATION = 5;\r\n\r\n\r\n    \/*\r\n     * Ayn\u0131 anda DOM'da tutulabilecek maksimum iz.\r\n     *\/\r\n    const MAX_FEET = 14;\r\n\r\n\r\n    \/*\r\n     * Kaybolma s\u00fcresi.\r\n     *\/\r\n    const FOOT_LIFETIME = 580;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       DURUM\r\n    ===================================================== *\/\r\n\r\n    let lastX = null;\r\n    let lastY = null;\r\n\r\n    let travelledDistance = 0;\r\n\r\n    const activeFeet = [];\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       AYAK SVG\r\n    ===================================================== *\/\r\n\r\n    function getFootSVG() {\r\n\r\n        return `\r\n        <svg\r\n            viewBox=\"0 0 40 50\"\r\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <!-- ORTA PARMAK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C20 24 20 20 20 16\r\n                C20 12 20.3 8 21 4\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.35\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- SOL PARMAK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C17 24 14 21 11 18\r\n                C8.5 15.5 6.5 12.5 5 9\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.35\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- SA\u011e PARMAK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C23 24 26 21 29 18\r\n                C31.5 15.5 33.5 12.5 35 9\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.35\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- TOPUK -->\r\n            <path\r\n                d=\"\r\n                M20 28\r\n                C20 32 20 35 20 39\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"2.25\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n\r\n            <!-- K\u00dc\u00c7\u00dcK ARKA TIRNAK -->\r\n            <path\r\n                d=\"\r\n                M20 36\r\n                C17.5 38\r\n                16 40\r\n                15 42\r\n                \"\r\n                fill=\"none\"\r\n                stroke=\"${FOOT_COLOR}\"\r\n                stroke-width=\"1.9\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n\r\n        <\/svg>\r\n        `;\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       AYAK \u0130Z\u0130 EKLE\r\n    ===================================================== *\/\r\n\r\n    function addFoot(x, y, angle) {\r\n\r\n        const foot =\r\n            document.createElement(\"div\");\r\n\r\n        foot.className =\r\n            \"orallar-chick-foot\";\r\n\r\n        foot.innerHTML =\r\n            getFootSVG();\r\n\r\n\r\n\r\n        \/* =================================================\r\n           MOUSE HAREKET Y\u00d6N\u00dc\r\n        ================================================= *\/\r\n\r\n        const dirX =\r\n            Math.cos(angle);\r\n\r\n        const dirY =\r\n            Math.sin(angle);\r\n\r\n\r\n\r\n        \/*\r\n         * Hareket y\u00f6n\u00fcne dik vekt\u00f6r\r\n         *\/\r\n        const perpendicularX =\r\n            -dirY;\r\n\r\n        const perpendicularY =\r\n            dirX;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           \u00c7OK HAF\u0130F DO\u011eAL SAPMA\r\n        ================================================= *\/\r\n\r\n        const randomSide =\r\n            (\r\n                Math.random() * 2 - 1\r\n            ) * POSITION_VARIATION;\r\n\r\n\r\n\r\n        \/*\r\n         * Mouse'un biraz gerisinde\r\n         *\/\r\n        const footX =\r\n            x\r\n            - (dirX * BACK_DISTANCE)\r\n            + (perpendicularX * randomSide);\r\n\r\n        const footY =\r\n            y\r\n            - (dirY * BACK_DISTANCE)\r\n            + (perpendicularY * randomSide);\r\n\r\n\r\n\r\n        \/* =================================================\r\n           Y\u00d6N\r\n        ================================================= *\/\r\n\r\n        let rotation =\r\n            angle * 180 \/ Math.PI + 90;\r\n\r\n\r\n\r\n        \/*\r\n         * Her izin birebir ayn\u0131 a\u00e7\u0131da\r\n         * g\u00f6r\u00fcnmesini engelle.\r\n         *\/\r\n        rotation +=\r\n            (\r\n                Math.random() * 2 - 1\r\n            ) * ROTATION_VARIATION;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           HAF\u0130F BOYUT FARKI\r\n        ================================================= *\/\r\n\r\n        const scale =\r\n            0.94 +\r\n            Math.random() * 0.10;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           KONUM\r\n        ================================================= *\/\r\n\r\n        foot.style.left =\r\n            (footX - 7.5) + \"px\";\r\n\r\n        foot.style.top =\r\n            (footY - 9.5) + \"px\";\r\n\r\n        foot.style.transform =\r\n            `rotate(${rotation}deg) scale(${scale})`;\r\n\r\n\r\n\r\n        \/* =================================================\r\n           BODY'YE EKLE\r\n        ================================================= *\/\r\n\r\n        document.body.appendChild(foot);\r\n\r\n        activeFeet.push(foot);\r\n\r\n\r\n\r\n        \/* =================================================\r\n           FAZLA \u0130Z B\u0130R\u0130KMES\u0130N\r\n        ================================================= *\/\r\n\r\n        if (\r\n            activeFeet.length >\r\n            MAX_FEET\r\n        ) {\r\n\r\n            const oldest =\r\n                activeFeet.shift();\r\n\r\n            if (oldest) {\r\n                oldest.remove();\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =================================================\r\n           HIZLI TEM\u0130ZLE\r\n        ================================================= *\/\r\n\r\n        setTimeout(function () {\r\n\r\n            if (\r\n                foot &&\r\n                foot.parentNode\r\n            ) {\r\n\r\n                foot.remove();\r\n\r\n            }\r\n\r\n\r\n            const index =\r\n                activeFeet.indexOf(foot);\r\n\r\n\r\n            if (\r\n                index !== -1\r\n            ) {\r\n\r\n                activeFeet.splice(\r\n                    index,\r\n                    1\r\n                );\r\n\r\n            }\r\n\r\n        }, FOOT_LIFETIME);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       MOUSE TAK\u0130B\u0130\r\n    ===================================================== *\/\r\n\r\n    function handlePointerMove(event) {\r\n\r\n        const x =\r\n            event.clientX;\r\n\r\n        const y =\r\n            event.clientY;\r\n\r\n\r\n\r\n        \/*\r\n         * \u0130lk pozisyon\r\n         *\/\r\n        if (\r\n            lastX === null ||\r\n            lastY === null\r\n        ) {\r\n\r\n            lastX = x;\r\n            lastY = y;\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n\r\n        const dx =\r\n            x - lastX;\r\n\r\n        const dy =\r\n            y - lastY;\r\n\r\n\r\n\r\n        const distance =\r\n            Math.sqrt(\r\n                dx * dx +\r\n                dy * dy\r\n            );\r\n\r\n\r\n\r\n        if (\r\n            distance < 1\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n\r\n        travelledDistance +=\r\n            distance;\r\n\r\n\r\n\r\n        const angle =\r\n            Math.atan2(\r\n                dy,\r\n                dx\r\n            );\r\n\r\n\r\n\r\n        \/* =================================================\r\n           YETERL\u0130 MESAFEDE YEN\u0130 \u0130Z\r\n        ================================================= *\/\r\n\r\n        if (\r\n            travelledDistance >=\r\n            STEP_DISTANCE\r\n        ) {\r\n\r\n            addFoot(\r\n                x,\r\n                y,\r\n                angle\r\n            );\r\n\r\n\r\n            travelledDistance = 0;\r\n\r\n        }\r\n\r\n\r\n\r\n        lastX = x;\r\n        lastY = y;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       EVENT\r\n    ===================================================== *\/\r\n\r\n    window.addEventListener(\r\n        \"pointermove\",\r\n        handlePointerMove,\r\n        {\r\n            passive: true,\r\n            capture: true\r\n        }\r\n    );\r\n\r\n\r\n\r\n    document.addEventListener(\r\n        \"mouseleave\",\r\n        function () {\r\n\r\n            lastX = null;\r\n            lastY = null;\r\n\r\n            travelledDistance = 0;\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c17e8bb elementor-widget elementor-widget-html\" data-id=\"c17e8bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Widget bo\u015fluklar\u0131 *\/\r\n.elementor-widget,\r\n.elementor-element {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Konteyner ve b\u00f6l\u00fcm bo\u015fluklar\u0131 *\/\r\n.elementor-section,\r\n.elementor-container,\r\n.e-con,\r\n.e-con-inner {\r\n    margin-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n\r\n    padding-top: 0 !important;\r\n    padding-bottom: 0 !important;\r\n\r\n    gap: 0 !important;\r\n    row-gap: 0 !important;\r\n    column-gap: 0 !important;\r\n}\r\n\r\n\/* Header ve footer \u015fablonlar\u0131n\u0131n d\u0131\u015f bo\u015fluklar\u0131 *\/\r\n.elementor-location-header,\r\n.elementor-location-footer {\r\n    margin-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n    padding-top: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1679","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages\/1679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/comments?post=1679"}],"version-history":[{"count":20,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages\/1679\/revisions"}],"predecessor-version":[{"id":2042,"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/pages\/1679\/revisions\/2042"}],"wp:attachment":[{"href":"https:\/\/avexegg.com\/ru\/wp-json\/wp\/v2\/media?parent=1679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}