{"id":1536,"date":"2026-08-20T15:55:10","date_gmt":"2026-08-20T12:25:10","guid":{"rendered":"https:\/\/payaptamin.com\/?page_id=1536"},"modified":"2026-08-20T15:57:18","modified_gmt":"2026-08-20T12:27:18","slug":"blog","status":"publish","type":"page","link":"https:\/\/payaptamin.com\/en\/blog\/","title":{"rendered":"Blogs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1536\" class=\"elementor elementor-1536\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd90a41 e-con e-atomic-element e-flexbox-base e-6354779 \" data-id=\"fd90a41\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd90a41\" data-e-type=\"e-flexbox\" data-id=\"fd90a41\">\n    \t\t<div class=\"elementor-element elementor-element-c2b3c17 elementor-widget elementor-widget-html\" data-id=\"c2b3c17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"pyt-blog\" class=\"pyt-blog\">\r\n\r\n    <div class=\"pyt-blog-loading\">\r\n        <span class=\"pyt-blog-spinner\"><\/span>\r\n        <span>\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0642\u0627\u0644\u0627\u062a...<\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   PAYAP TAMIN \u2014 BLOG ARCHIVE\r\n   Dynamic WordPress Posts\r\n   Elementor HTML Widget\r\n   ========================================================= *\/\r\n\r\n#pyt-blog {\r\n\r\n    --primary: #121A26;\r\n    --primary-2: #1B2635;\r\n\r\n    --accent: #D7A84A;\r\n    --accent-dark: #A47720;\r\n\r\n    --text: #303946;\r\n    --muted: #77808D;\r\n\r\n    --light: #F6F7F9;\r\n    --border: #E7E9ED;\r\n\r\n    --white: #FFFFFF;\r\n\r\n    direction: rtl;\r\n\r\n    width: 100%;\r\n\r\n    font-family:\r\n        \"Vazirmatn\",\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color: var(--text);\r\n\r\n}\r\n\r\n#pyt-blog *,\r\n#pyt-blog *::before,\r\n#pyt-blog *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n#pyt-blog a {\r\n\r\n    text-decoration: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-container {\r\n\r\n    width:\r\n        min(\r\n            1120px,\r\n            calc(100% - 40px)\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-blog-loading {\r\n\r\n    min-height:\r\n        500px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        14px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-spinner {\r\n\r\n    width:\r\n        38px;\r\n\r\n    height:\r\n        38px;\r\n\r\n    border:\r\n        3px solid #E7E9ED;\r\n\r\n    border-top-color:\r\n        var(--accent);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    animation:\r\n        pytBlogSpin .8s linear infinite;\r\n\r\n}\r\n\r\n@keyframes pytBlogSpin {\r\n\r\n    to {\r\n\r\n        transform:\r\n            rotate(360deg);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-blog-hero {\r\n\r\n    padding:\r\n        48px 0 35px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-hero-inner {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-end;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        30px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-eyebrow {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        7px;\r\n\r\n    margin-bottom:\r\n        14px;\r\n\r\n    padding:\r\n        7px 13px;\r\n\r\n    border-radius:\r\n        50px;\r\n\r\n    background:\r\n        rgba(215,168,74,.11);\r\n\r\n    color:\r\n        var(--accent-dark);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-dot {\r\n\r\n    width:\r\n        6px;\r\n\r\n    height:\r\n        6px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        var(--accent);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-title {\r\n\r\n    margin:\r\n        0 0 10px;\r\n\r\n    color:\r\n        var(--primary);\r\n\r\n    font-size:\r\n        clamp(30px,4vw,46px);\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-description {\r\n\r\n    max-width:\r\n        620px;\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        2.2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEARCH\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-blog-search {\r\n\r\n    flex:\r\n        0 0 330px;\r\n\r\n    height:\r\n        52px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    border:\r\n        1px solid var(--border);\r\n\r\n    border-radius:\r\n        13px;\r\n\r\n    background:\r\n        var(--white);\r\n\r\n    box-shadow:\r\n        0 10px 30px rgba(18,26,38,.05);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-search-icon {\r\n\r\n    width:\r\n        48px;\r\n\r\n    text-align:\r\n        center;\r\n\r\n    color:\r\n        var(--accent-dark);\r\n\r\n    font-size:\r\n        20px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-search input {\r\n\r\n    flex:\r\n        1;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    height:\r\n        100%;\r\n\r\n    padding:\r\n        0 5px;\r\n\r\n    border:\r\n        0;\r\n\r\n    outline:\r\n        0;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    color:\r\n        var(--text);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-search input::placeholder {\r\n\r\n    color:\r\n        #A2A8B0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY FILTERS\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-blog-filters {\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-wrap:\r\n        wrap;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        8px;\r\n\r\n    margin:\r\n        10px 0 35px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-filter {\r\n\r\n    padding:\r\n        8px 15px;\r\n\r\n    border:\r\n        1px solid var(--border);\r\n\r\n    border-radius:\r\n        50px;\r\n\r\n    background:\r\n        var(--white);\r\n\r\n    color:\r\n        #727B87;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    transition:\r\n        .2s ease;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-filter:hover {\r\n\r\n    color:\r\n        var(--accent-dark);\r\n\r\n    border-color:\r\n        rgba(215,168,74,.45);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-blog-filter.active {\r\n\r\n    background:\r\n        var(--primary);\r\n\r\n    border-color:\r\n        var(--primary);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED POST\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-featured {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        1.15fr .85fr;\r\n\r\n    min-height:\r\n        365px;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    margin-bottom:\r\n        45px;\r\n\r\n    border-radius:\r\n        23px;\r\n\r\n    background:\r\n        var(--primary);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-image {\r\n\r\n    position:\r\n        relative;\r\n\r\n    min-height:\r\n        365px;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-image img {\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    display:\r\n        block;\r\n\r\n    object-fit:\r\n        cover;\r\n\r\n    transition:\r\n        transform .6s ease;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured:hover\r\n.pyt-featured-image img {\r\n\r\n    transform:\r\n        scale(1.04);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-overlay {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    inset:\r\n        0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(18,26,38,.05),\r\n            rgba(18,26,38,.35)\r\n        );\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-content {\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    padding:\r\n        42px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-label {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-self:\r\n        flex-start;\r\n\r\n    margin-bottom:\r\n        18px;\r\n\r\n    padding:\r\n        6px 11px;\r\n\r\n    border-radius:\r\n        50px;\r\n\r\n    background:\r\n        rgba(215,168,74,.12);\r\n\r\n    color:\r\n        var(--accent);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-title {\r\n\r\n    margin:\r\n        0 0 15px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        clamp(20px,2.5vw,29px);\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n    font-weight:\r\n        750;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-excerpt {\r\n\r\n    margin:\r\n        0 0 25px;\r\n\r\n    color:\r\n        rgba(255,255,255,.62);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    line-height:\r\n        2.2;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-meta {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        16px;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-button {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    width:\r\n        fit-content;\r\n\r\n    margin-top:\r\n        23px;\r\n\r\n    min-height:\r\n        40px;\r\n\r\n    padding:\r\n        0 19px;\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        var(--accent);\r\n\r\n    color:\r\n        var(--primary) !important;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        750;\r\n\r\n    transition:\r\n        .2s ease;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-featured-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        #E2B762;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLOG GRID\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-blog-section-head {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    margin-bottom:\r\n        18px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-section-title {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--primary);\r\n\r\n    font-size:\r\n        18px;\r\n\r\n    font-weight:\r\n        750;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-count {\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,1fr);\r\n\r\n    gap:\r\n        22px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POST CARD\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-post-card {\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    border:\r\n        1px solid var(--border);\r\n\r\n    border-radius:\r\n        17px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-card:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(215,168,74,.35);\r\n\r\n    box-shadow:\r\n        0 16px 35px\r\n        rgba(18,26,38,.07);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-image {\r\n\r\n    position:\r\n        relative;\r\n\r\n    height:\r\n        205px;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n        #ECEEF1;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-image img {\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    display:\r\n        block;\r\n\r\n    object-fit:\r\n        cover;\r\n\r\n    transition:\r\n        transform .5s ease;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-card:hover\r\n.pyt-post-image img {\r\n\r\n    transform:\r\n        scale(1.05);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-category {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    right:\r\n        13px;\r\n\r\n    top:\r\n        13px;\r\n\r\n    padding:\r\n        6px 9px;\r\n\r\n    border-radius:\r\n        7px;\r\n\r\n    background:\r\n        rgba(18,26,38,.88);\r\n\r\n    color:\r\n        var(--accent);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    backdrop-filter:\r\n        blur(5px);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-content {\r\n\r\n    padding:\r\n        20px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-title {\r\n\r\n    margin:\r\n        0 0 11px;\r\n\r\n    color:\r\n        var(--primary);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.9;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-excerpt {\r\n\r\n    display:\r\n        -webkit-box;\r\n\r\n    -webkit-line-clamp:\r\n        3;\r\n\r\n    -webkit-box-orient:\r\n        vertical;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    margin:\r\n        0 0 18px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    line-height:\r\n        2;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-footer {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    padding-top:\r\n        13px;\r\n\r\n    border-top:\r\n        1px solid var(--border);\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-meta {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    color:\r\n        #8A929C;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-read-more {\r\n\r\n    color:\r\n        var(--accent-dark);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-read-more span {\r\n\r\n    margin-right:\r\n        4px;\r\n\r\n    transition:\r\n        .2s ease;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-post-card:hover\r\n.pyt-read-more span {\r\n\r\n    margin-right:\r\n        8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGINATION\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-pagination {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    gap:\r\n        7px;\r\n\r\n    margin:\r\n        45px 0 65px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-page {\r\n\r\n    min-width:\r\n        34px;\r\n\r\n    height:\r\n        34px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    border:\r\n        1px solid var(--border);\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #737C88;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-page.active {\r\n\r\n    background:\r\n        var(--primary);\r\n\r\n    border-color:\r\n        var(--primary);\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n#pyt-blog .pyt-page:hover {\r\n\r\n    border-color:\r\n        var(--accent);\r\n\r\n    color:\r\n        var(--accent-dark);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMPTY\r\n   ========================================================= *\/\r\n\r\n#pyt-blog .pyt-empty {\r\n\r\n    padding:\r\n        70px 20px;\r\n\r\n    text-align:\r\n        center;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    #pyt-blog .pyt-blog-hero-inner {\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            stretch;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-blog-search {\r\n\r\n        flex:\r\n            1;\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-featured {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-featured-image {\r\n\r\n        min-height:\r\n            260px;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-post-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:600px) {\r\n\r\n    #pyt-blog .pyt-container {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-blog-hero {\r\n\r\n        padding-top:\r\n            25px;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-blog-title {\r\n\r\n        font-size:\r\n            29px;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-featured {\r\n\r\n        border-radius:\r\n            17px;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-featured-image {\r\n\r\n        min-height:\r\n            220px;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-featured-content {\r\n\r\n        padding:\r\n            27px 23px;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-post-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n    #pyt-blog .pyt-post-image {\r\n\r\n        height:\r\n            210px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       CONFIG\r\n       ===================================================== *\/\r\n\r\n    const root =\r\n        document.getElementById(\r\n            \"pyt-blog\"\r\n        );\r\n\r\n    if (!root) return;\r\n\r\n\r\n    const API =\r\n        window.location.origin +\r\n        \"\/wp-json\/wp\/v2\/\";\r\n\r\n\r\n    const PER_PAGE = 9;\r\n\r\n    let currentPage = 1;\r\n\r\n    let currentCategory = \"all\";\r\n\r\n    let currentSearch = \"\";\r\n\r\n    let allCategories = [];\r\n\r\n    let totalPosts = 0;\r\n\r\n\r\n    \/* =====================================================\r\n       HELPERS\r\n       ===================================================== *\/\r\n\r\n    function stripHTML(html) {\r\n\r\n        const div =\r\n            document.createElement(\r\n                \"div\"\r\n            );\r\n\r\n        div.innerHTML =\r\n            html || \"\";\r\n\r\n        return (\r\n            div.textContent ||\r\n            div.innerText ||\r\n            \"\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function escapeHTML(value) {\r\n\r\n        return String(\r\n            value || \"\"\r\n        )\r\n\r\n        .replace(\r\n            \/&\/g,\r\n            \"&amp;\"\r\n        )\r\n\r\n        .replace(\r\n            \/<\/g,\r\n            \"&lt;\"\r\n        )\r\n\r\n        .replace(\r\n            \/>\/g,\r\n            \"&gt;\"\r\n        )\r\n\r\n        .replace(\r\n            \/\"\/g,\r\n            \"&quot;\"\r\n        )\r\n\r\n        .replace(\r\n            \/'\/g,\r\n            \"&#039;\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function formatDate(date) {\r\n\r\n        try {\r\n\r\n            return new Intl.DateTimeFormat(\r\n                \"fa-IR-u-ca-persian\",\r\n                {\r\n                    year:\r\n                        \"numeric\",\r\n                    month:\r\n                        \"long\",\r\n                    day:\r\n                        \"numeric\"\r\n                }\r\n            ).format(\r\n                new Date(date)\r\n            );\r\n\r\n        } catch (e) {\r\n\r\n            return new Date(\r\n                date\r\n            ).toLocaleDateString(\r\n                \"fa-IR\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function readingTime(content) {\r\n\r\n        const text =\r\n            stripHTML(\r\n                content\r\n            );\r\n\r\n        const words =\r\n            text\r\n                .trim()\r\n                .split(\/\\s+\/)\r\n                .filter(Boolean)\r\n                .length;\r\n\r\n        return Math.max(\r\n            1,\r\n            Math.ceil(\r\n                words \/ 180\r\n            )\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function getImage(post) {\r\n\r\n        try {\r\n\r\n            const media =\r\n                post._embedded &&\r\n                post._embedded[\r\n                    \"wp:featuredmedia\"\r\n                ];\r\n\r\n            if (\r\n                media &&\r\n                media[0]\r\n            ) {\r\n\r\n                return (\r\n                    media[0]\r\n                        .source_url ||\r\n                    media[0]\r\n                        .media_details\r\n                        ?.sizes\r\n                        ?.large\r\n                        ?.source_url ||\r\n                    \"\"\r\n                );\r\n\r\n            }\r\n\r\n        } catch (e) {}\r\n\r\n        return \"\";\r\n\r\n    }\r\n\r\n\r\n    function getCategories(post) {\r\n\r\n        const result = [];\r\n\r\n        const terms =\r\n            post._embedded &&\r\n            post._embedded[\r\n                \"wp:term\"\r\n            ];\r\n\r\n        if (!terms)\r\n            return result;\r\n\r\n\r\n        terms.forEach(\r\n            group => {\r\n\r\n                group.forEach(\r\n                    term => {\r\n\r\n                        if (\r\n                            term.taxonomy ===\r\n                            \"category\"\r\n                        ) {\r\n\r\n                            result.push(\r\n                                term\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        return result;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FETCH CATEGORIES\r\n       ===================================================== *\/\r\n\r\n    async function fetchCategories() {\r\n\r\n        const response =\r\n            await fetch(\r\n                API +\r\n                \"categories?per_page=100\"\r\n            );\r\n\r\n\r\n        if (!response.ok)\r\n            return [];\r\n\r\n\r\n        return await response.json();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FETCH POSTS\r\n       ===================================================== *\/\r\n\r\n    async function fetchPosts() {\r\n\r\n        let url =\r\n            API +\r\n            \"posts\" +\r\n            \"?per_page=\" +\r\n            PER_PAGE +\r\n            \"&page=\" +\r\n            currentPage +\r\n            \"&_embed=1\";\r\n\r\n\r\n        if (\r\n            currentCategory !==\r\n            \"all\"\r\n        ) {\r\n\r\n            url +=\r\n                \"&categories=\" +\r\n                encodeURIComponent(\r\n                    currentCategory\r\n                );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            currentSearch\r\n        ) {\r\n\r\n            url +=\r\n                \"&search=\" +\r\n                encodeURIComponent(\r\n                    currentSearch\r\n                );\r\n\r\n        }\r\n\r\n\r\n        const response =\r\n            await fetch(\r\n                url,\r\n                {\r\n                    credentials:\r\n                        \"same-origin\"\r\n                }\r\n            );\r\n\r\n\r\n        if (\r\n            !response.ok\r\n        ) {\r\n\r\n            throw new Error(\r\n                \"Posts API Error\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        totalPosts =\r\n            Number(\r\n                response.headers.get(\r\n                    \"X-WP-Total\"\r\n                )\r\n            ) || 0;\r\n\r\n\r\n        return await response.json();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RENDER PAGE\r\n       ===================================================== *\/\r\n\r\n    async function render() {\r\n\r\n        root.innerHTML = `\r\n\r\n            <div class=\"pyt-blog-loading\">\r\n\r\n                <span\r\n                    class=\"pyt-blog-spinner\">\r\n                <\/span>\r\n\r\n                <span>\r\n                    \u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0642\u0627\u0644\u0627\u062a...\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n\r\n        try {\r\n\r\n            const [\r\n                posts,\r\n                categories\r\n            ] = await Promise.all([\r\n\r\n                fetchPosts(),\r\n\r\n                allCategories.length\r\n                    ? Promise.resolve(\r\n                        allCategories\r\n                    )\r\n                    : fetchCategories()\r\n\r\n            ]);\r\n\r\n\r\n            if (\r\n                !allCategories.length\r\n            ) {\r\n\r\n                allCategories =\r\n                    categories;\r\n\r\n            }\r\n\r\n\r\n            renderPage(\r\n                posts\r\n            );\r\n\r\n\r\n        } catch (error) {\r\n\r\n            console.error(\r\n                \"Payap Blog:\",\r\n                error\r\n            );\r\n\r\n\r\n            root.innerHTML = `\r\n\r\n                <div class=\"pyt-empty\">\r\n\r\n                    \u062e\u0637\u0627 \u062f\u0631 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0642\u0627\u0644\u0627\u062a.\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PAGE HTML\r\n       ===================================================== *\/\r\n\r\n    function renderPage(\r\n        posts\r\n    ) {\r\n\r\n        const featured =\r\n            posts.length\r\n                ? posts[0]\r\n                : null;\r\n\r\n\r\n        root.innerHTML = `\r\n\r\n            <section\r\n                class=\"pyt-blog-hero\"\r\n            >\r\n\r\n                <div\r\n                    class=\"pyt-container\"\r\n                >\r\n\r\n                    <div\r\n                        class=\"pyt-blog-hero-inner\"\r\n                    >\r\n\r\n                        <div>\r\n\r\n                            <span\r\n                                class=\"pyt-blog-eyebrow\"\r\n                            >\r\n\r\n                                <span\r\n                                    class=\"pyt-blog-dot\"\r\n                                ><\/span>\r\n\r\n                                \u0645\u062c\u0644\u0647 \u067e\u0627\u06cc\u0627\u067e \u062a\u0623\u0645\u06cc\u0646\r\n\r\n                            <\/span>\r\n\r\n\r\n                            <h1\r\n                                class=\"pyt-blog-title\"\r\n                            >\r\n\r\n                                \u0648\u0628\u0644\u0627\u06af \u067e\u0627\u06cc\u0627\u067e \u062a\u0623\u0645\u06cc\u0646\r\n\r\n                            <\/h1>\r\n\r\n\r\n                            <p\r\n                                class=\"pyt-blog-description\"\r\n                            >\r\n\r\n                                \u062a\u0627\u0632\u0647\u200c\u062a\u0631\u06cc\u0646 \u0645\u0637\u0627\u0644\u0628\u060c\r\n                                \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0648\r\n                                \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\r\n                                \u062f\u0631\u0628\u0627\u0631\u0647 \u0631\u0648\u063a\u0646\u200c\u0647\u0627\u06cc \u0635\u0646\u0639\u062a\u06cc\u060c\r\n                                \u0631\u0648\u0627\u0646\u06a9\u0627\u0631\u0647\u0627 \u0648 \u0635\u0646\u0639\u062a.\r\n\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div\r\n                            class=\"pyt-blog-search\"\r\n                        >\r\n\r\n                            <span\r\n                                class=\"pyt-blog-search-icon\"\r\n                            >\r\n                                \u2315\r\n                            <\/span>\r\n\r\n                            <input\r\n                                id=\"pyt-blog-search-input\"\r\n                                type=\"search\"\r\n                                placeholder=\"\r\n                                    \u062c\u0633\u062a\u062c\u0648 \u062f\u0631 \u0645\u0642\u0627\u0644\u0627\u062a...\r\n                                \"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"pyt-blog-filters\"\r\n                        id=\"pyt-blog-filters\"\r\n                    >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <section>\r\n\r\n                <div\r\n                    class=\"pyt-container\"\r\n                >\r\n\r\n                    ${\r\n                        featured\r\n                            ? renderFeatured(\r\n                                featured\r\n                            )\r\n                            : \"\"\r\n                    }\r\n\r\n\r\n                    <div\r\n                        class=\"pyt-blog-section-head\"\r\n                    >\r\n\r\n                        <h2\r\n                            class=\"pyt-section-title\"\r\n                        >\r\n\r\n                            \u0622\u062e\u0631\u06cc\u0646 \u0645\u0642\u0627\u0644\u0627\u062a\r\n\r\n                        <\/h2>\r\n\r\n\r\n                        <span\r\n                            class=\"pyt-post-count\"\r\n                        >\r\n\r\n                            ${\r\n                                totalPosts\r\n                                    .toLocaleString(\r\n                                        \"fa-IR\"\r\n                                    )\r\n                            }\r\n                            \u0645\u0642\u0627\u0644\u0647\r\n\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        id=\"pyt-post-grid\"\r\n                        class=\"pyt-post-grid\"\r\n                    >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        id=\"pyt-pagination\"\r\n                        class=\"pyt-pagination\"\r\n                    >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n        `;\r\n\r\n\r\n        renderFilters();\r\n\r\n        renderPosts(\r\n            posts\r\n        );\r\n\r\n        renderPagination();\r\n\r\n        initSearch();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FEATURED\r\n       ===================================================== *\/\r\n\r\n    function renderFeatured(\r\n        post\r\n    ) {\r\n\r\n        const image =\r\n            getImage(\r\n                post\r\n            );\r\n\r\n\r\n        const categories =\r\n            getCategories(\r\n                post\r\n            );\r\n\r\n\r\n        const category =\r\n            categories[0]\r\n                ? categories[0].name\r\n                : \"\u0645\u0642\u0627\u0644\u0627\u062a\";\r\n\r\n\r\n        const title =\r\n            post.title?.rendered ||\r\n            \"\";\r\n\r\n\r\n        const excerpt =\r\n            stripHTML(\r\n                post.excerpt?.rendered ||\r\n                post.content?.rendered ||\r\n                \"\"\r\n            );\r\n\r\n\r\n        return `\r\n\r\n            <article\r\n                class=\"pyt-featured\"\r\n            >\r\n\r\n                <a\r\n                    class=\"pyt-featured-image\"\r\n                    href=\"${post.link}\"\r\n                >\r\n\r\n                    ${\r\n                        image\r\n                            ? `\r\n                                <img decoding=\"async\"\r\n                                    src=\"${image}\"\r\n                                    alt=\"${escapeHTML(\r\n                                        stripHTML(\r\n                                            title\r\n                                        )\r\n                                    )}\"\r\n                                    loading=\"eager\"\r\n                                >\r\n                              `\r\n                            : \"\"\r\n                    }\r\n\r\n                    <span\r\n                        class=\"pyt-featured-overlay\"\r\n                    ><\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <div\r\n                    class=\"pyt-featured-content\"\r\n                >\r\n\r\n                    <span\r\n                        class=\"pyt-featured-label\"\r\n                    >\r\n\r\n                        ${escapeHTML(\r\n                            category\r\n                        )}\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <h2\r\n                        class=\"pyt-featured-title\"\r\n                    >\r\n\r\n                        ${title}\r\n\r\n                    <\/h2>\r\n\r\n\r\n                    <p\r\n                        class=\"pyt-featured-excerpt\"\r\n                    >\r\n\r\n                        ${escapeHTML(\r\n                            excerpt\r\n                                .substring(\r\n                                    0,\r\n                                    220\r\n                                )\r\n                        )}\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div\r\n                        class=\"pyt-featured-meta\"\r\n                    >\r\n\r\n                        <span>\r\n\r\n                            ${formatDate(\r\n                                post.date\r\n                            )}\r\n\r\n                        <\/span>\r\n\r\n                        <span>\u2022<\/span>\r\n\r\n                        <span>\r\n\r\n                            ${readingTime(\r\n                                post.content?.rendered\r\n                            )} \u062f\u0642\u06cc\u0642\u0647 \u0645\u0637\u0627\u0644\u0639\u0647\r\n\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a\r\n                        class=\"pyt-featured-button\"\r\n                        href=\"${post.link}\"\r\n                    >\r\n\r\n                        \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FILTERS\r\n       ===================================================== *\/\r\n\r\n    function renderFilters() {\r\n\r\n        const container =\r\n            document.getElementById(\r\n                \"pyt-blog-filters\"\r\n            );\r\n\r\n\r\n        if (!container)\r\n            return;\r\n\r\n\r\n        container.innerHTML = `\r\n\r\n            <button\r\n                class=\"\r\n                    pyt-blog-filter\r\n                    active\r\n                \"\r\n                data-category=\"all\"\r\n            >\r\n                \u0647\u0645\u0647 \u0645\u0642\u0627\u0644\u0627\u062a\r\n            <\/button>\r\n\r\n            ${\r\n                allCategories\r\n                    .filter(\r\n                        category =>\r\n                            category.count > 0\r\n                    )\r\n                    .map(\r\n                        category => `\r\n\r\n                            <button\r\n                                class=\"pyt-blog-filter\"\r\n                                data-category=\"${category.id}\"\r\n                            >\r\n\r\n                                ${escapeHTML(\r\n                                    category.name\r\n                                )}\r\n\r\n                            <\/button>\r\n\r\n                        `\r\n                    )\r\n                    .join(\"\")\r\n            }\r\n\r\n        `;\r\n\r\n\r\n        container\r\n            .querySelectorAll(\r\n                \".pyt-blog-filter\"\r\n            )\r\n            .forEach(\r\n                button => {\r\n\r\n                    button.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            container\r\n                                .querySelectorAll(\r\n                                    \".pyt-blog-filter\"\r\n                                )\r\n                                .forEach(\r\n                                    item =>\r\n                                        item.classList.remove(\r\n                                            \"active\"\r\n                                        )\r\n                                );\r\n\r\n\r\n                            button.classList.add(\r\n                                \"active\"\r\n                            );\r\n\r\n\r\n                            currentCategory =\r\n                                button.dataset.category;\r\n\r\n\r\n                            currentPage =\r\n                                1;\r\n\r\n\r\n                            render();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       POSTS\r\n       ===================================================== *\/\r\n\r\n    function renderPosts(\r\n        posts\r\n    ) {\r\n\r\n        const grid =\r\n            document.getElementById(\r\n                \"pyt-post-grid\"\r\n            );\r\n\r\n\r\n        if (!grid)\r\n            return;\r\n\r\n\r\n        if (\r\n            !posts.length\r\n        ) {\r\n\r\n            grid.innerHTML = `\r\n\r\n                <div\r\n                    class=\"pyt-empty\"\r\n                    style=\"\r\n                        grid-column:1\/-1;\r\n                    \"\r\n                >\r\n\r\n                    \u0645\u0642\u0627\u0644\u0647\u200c\u0627\u06cc \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f.\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        grid.innerHTML =\r\n            posts\r\n                .slice(\r\n                    currentPage === 1\r\n                        ? 1\r\n                        : 0\r\n                )\r\n                .map(\r\n                    post =>\r\n                        renderPost(\r\n                            post\r\n                        )\r\n                )\r\n                .join(\"\");\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       POST CARD\r\n       ===================================================== *\/\r\n\r\n    function renderPost(\r\n        post\r\n    ) {\r\n\r\n        const image =\r\n            getImage(\r\n                post\r\n            );\r\n\r\n\r\n        const categories =\r\n            getCategories(\r\n                post\r\n            );\r\n\r\n\r\n        const category =\r\n            categories[0]\r\n                ? categories[0].name\r\n                : \"\u0645\u0642\u0627\u0644\u0627\u062a\";\r\n\r\n\r\n        const title =\r\n            post.title?.rendered ||\r\n            \"\";\r\n\r\n\r\n        const excerpt =\r\n            stripHTML(\r\n                post.excerpt?.rendered ||\r\n                post.content?.rendered ||\r\n                \"\"\r\n            );\r\n\r\n\r\n        return `\r\n\r\n            <article\r\n                class=\"pyt-post-card\"\r\n            >\r\n\r\n                <a\r\n                    class=\"pyt-post-image\"\r\n                    href=\"${post.link}\"\r\n                >\r\n\r\n                    ${\r\n                        image\r\n                            ? `\r\n                                <img decoding=\"async\"\r\n                                    src=\"${image}\"\r\n                                    alt=\"${escapeHTML(\r\n                                        stripHTML(\r\n                                            title\r\n                                        )\r\n                                    )}\"\r\n                                    loading=\"lazy\"\r\n                                >\r\n                              `\r\n                            : \"\"\r\n                    }\r\n\r\n\r\n                    <span\r\n                        class=\"pyt-post-category\"\r\n                    >\r\n\r\n                        ${escapeHTML(\r\n                            category\r\n                        )}\r\n\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n                <div\r\n                    class=\"pyt-post-content\"\r\n                >\r\n\r\n                    <h3\r\n                        class=\"pyt-post-title\"\r\n                    >\r\n\r\n                        <a\r\n                            href=\"${post.link}\"\r\n                        >\r\n\r\n                            ${title}\r\n\r\n                        <\/a>\r\n\r\n                    <\/h3>\r\n\r\n\r\n                    <p\r\n                        class=\"pyt-post-excerpt\"\r\n                    >\r\n\r\n                        ${escapeHTML(\r\n                            excerpt.substring(\r\n                                0,\r\n                                150\r\n                            )\r\n                        )}\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div\r\n                        class=\"pyt-post-footer\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"pyt-post-meta\"\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                ${formatDate(\r\n                                    post.date\r\n                                )}\r\n\r\n                            <\/span>\r\n\r\n                            <span>\u2022<\/span>\r\n\r\n                            <span>\r\n\r\n                                ${readingTime(\r\n                                    post.content?.rendered\r\n                                )}\r\n                                \u062f\u0642\u06cc\u0642\u0647\r\n\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <a\r\n                            href=\"${post.link}\"\r\n                            class=\"pyt-read-more\"\r\n                        >\r\n\r\n                            \u0645\u0637\u0627\u0644\u0639\u0647\r\n\r\n                            <span>\r\n                                \u2190\r\n                            <\/span>\r\n\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PAGINATION\r\n       ===================================================== *\/\r\n\r\n    function renderPagination() {\r\n\r\n        const container =\r\n            document.getElementById(\r\n                \"pyt-pagination\"\r\n            );\r\n\r\n\r\n        if (!container)\r\n            return;\r\n\r\n\r\n        const totalPages =\r\n            Math.ceil(\r\n                totalPosts \/\r\n                PER_PAGE\r\n            );\r\n\r\n\r\n        if (\r\n            totalPages <= 1\r\n        ) {\r\n\r\n            container.innerHTML =\r\n                \"\";\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        let html = \"\";\r\n\r\n\r\n        if (\r\n            currentPage > 1\r\n        ) {\r\n\r\n            html += `\r\n\r\n                <button\r\n                    class=\"pyt-page\"\r\n                    data-page=\"${\r\n                        currentPage - 1\r\n                    }\"\r\n                >\r\n                    \u2039\r\n                <\/button>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n\r\n        for (\r\n            let i = 1;\r\n            i <= totalPages;\r\n            i++\r\n        ) {\r\n\r\n            if (\r\n                i <= 3 ||\r\n                i === totalPages ||\r\n                Math.abs(\r\n                    i - currentPage\r\n                ) <= 1\r\n            ) {\r\n\r\n                html += `\r\n\r\n                    <button\r\n                        class=\"\r\n                            pyt-page\r\n                            ${\r\n                                i === currentPage\r\n                                    ? \"active\"\r\n                                    : \"\"\r\n                            }\r\n                        \"\r\n                        data-page=\"${i}\"\r\n                    >\r\n\r\n                        ${i.toLocaleString(\r\n                            \"fa-IR\"\r\n                        )}\r\n\r\n                    <\/button>\r\n\r\n                `;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            currentPage <\r\n            totalPages\r\n        ) {\r\n\r\n            html += `\r\n\r\n                <button\r\n                    class=\"pyt-page\"\r\n                    data-page=\"${\r\n                        currentPage + 1\r\n                    }\"\r\n                >\r\n                    \u203a\r\n                <\/button>\r\n\r\n            `;\r\n\r\n        }\r\n\r\n\r\n        container.innerHTML =\r\n            html;\r\n\r\n\r\n        container\r\n            .querySelectorAll(\r\n                \".pyt-page\"\r\n            )\r\n            .forEach(\r\n                button => {\r\n\r\n                    button.addEventListener(\r\n                        \"click\",\r\n                        function () {\r\n\r\n                            currentPage =\r\n                                Number(\r\n                                    button.dataset.page\r\n                                );\r\n\r\n\r\n                            render();\r\n\r\n                            window.scrollTo({\r\n\r\n                                top:\r\n                                    root.offsetTop\r\n                                    - 80,\r\n\r\n                                behavior:\r\n                                    \"smooth\"\r\n\r\n                            });\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SEARCH\r\n       ===================================================== *\/\r\n\r\n    function initSearch() {\r\n\r\n        const input =\r\n            document.getElementById(\r\n                \"pyt-blog-search-input\"\r\n            );\r\n\r\n\r\n        if (!input)\r\n            return;\r\n\r\n\r\n        let timeout;\r\n\r\n\r\n        input.addEventListener(\r\n            \"input\",\r\n            function () {\r\n\r\n                clearTimeout(\r\n                    timeout\r\n                );\r\n\r\n\r\n                timeout =\r\n                    setTimeout(\r\n                        function () {\r\n\r\n                            currentSearch =\r\n                                input.value.trim();\r\n\r\n                            currentPage =\r\n                                1;\r\n\r\n                            render();\r\n\r\n                        },\r\n                        450\r\n                    );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       INIT\r\n       ===================================================== *\/\r\n\r\n    render();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0642\u0627\u0644\u0627\u062a&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1536","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0648\u0628\u0644\u0627\u06af | \u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/payaptamin.com\/en\/blog\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0648\u0628\u0644\u0627\u06af | \u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646\" \/>\n<meta property=\"og:description\" content=\"\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0642\u0627\u0644\u0627\u062a&#8230;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/payaptamin.com\/en\/blog\/\" \/>\n<meta property=\"og:site_name\" content=\"\u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T12:27:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/payaptamin.com\/wp-content\/uploads\/2026\/07\/payaptamin-e1786485136826.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"707\" \/>\n\t<meta property=\"og:image:height\" content=\"469\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/payaptamin.com\\\/blog\\\/\",\"url\":\"https:\\\/\\\/payaptamin.com\\\/blog\\\/\",\"name\":\"\u0648\u0628\u0644\u0627\u06af | \u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/payaptamin.com\\\/#website\"},\"datePublished\":\"2026-08-20T12:25:10+00:00\",\"dateModified\":\"2026-08-20T12:27:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/payaptamin.com\\\/blog\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/payaptamin.com\\\/blog\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/payaptamin.com\\\/blog\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/payaptamin.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0648\u0628\u0644\u0627\u06af\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/payaptamin.com\\\/#website\",\"url\":\"https:\\\/\\\/payaptamin.com\\\/\",\"name\":\"\u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646\",\"description\":\"\u0628\u0627\u0632\u0631\u06af\u0627\u0646\u06cc \u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646 \u0646\u0638\u0631\u062e\u0627\u0646\u06cc\",\"publisher\":{\"@id\":\"https:\\\/\\\/payaptamin.com\\\/#\\\/schema\\\/person\\\/8345042fd8f35a1127710f661b170422\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/payaptamin.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/payaptamin.com\\\/#\\\/schema\\\/person\\\/8345042fd8f35a1127710f661b170422\",\"name\":\"\u0627\u0633\u0645\u0627\u0639\u06cc\u0644 \u0646\u0638\u0631\u062e\u0627\u0646\u06cc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/payaptamin.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/payaptamin-e1786485136826.webp\",\"url\":\"https:\\\/\\\/payaptamin.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/payaptamin-e1786485136826.webp\",\"contentUrl\":\"https:\\\/\\\/payaptamin.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/payaptamin-e1786485136826.webp\",\"width\":707,\"height\":469,\"caption\":\"\u0627\u0633\u0645\u0627\u0639\u06cc\u0644 \u0646\u0638\u0631\u062e\u0627\u0646\u06cc\"},\"logo\":{\"@id\":\"https:\\\/\\\/payaptamin.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/payaptamin-e1786485136826.webp\"},\"sameAs\":[\"http:\\\/\\\/payaptamin.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0648\u0628\u0644\u0627\u06af | \u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/payaptamin.com\/en\/blog\/","og_locale":"en_US","og_type":"article","og_title":"\u0648\u0628\u0644\u0627\u06af | \u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646","og_description":"\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0642\u0627\u0644\u0627\u062a&#8230;","og_url":"https:\/\/payaptamin.com\/en\/blog\/","og_site_name":"\u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646","article_modified_time":"2026-08-20T12:27:18+00:00","og_image":[{"width":707,"height":469,"url":"https:\/\/payaptamin.com\/wp-content\/uploads\/2026\/07\/payaptamin-e1786485136826.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/payaptamin.com\/blog\/","url":"https:\/\/payaptamin.com\/blog\/","name":"\u0648\u0628\u0644\u0627\u06af | \u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646","isPartOf":{"@id":"https:\/\/payaptamin.com\/#website"},"datePublished":"2026-08-20T12:25:10+00:00","dateModified":"2026-08-20T12:27:18+00:00","breadcrumb":{"@id":"https:\/\/payaptamin.com\/blog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/payaptamin.com\/blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/payaptamin.com\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/payaptamin.com\/"},{"@type":"ListItem","position":2,"name":"\u0648\u0628\u0644\u0627\u06af"}]},{"@type":"WebSite","@id":"https:\/\/payaptamin.com\/#website","url":"https:\/\/payaptamin.com\/","name":"\u067e\u0627\u06cc\u0627\u067e \u062a\u0627\u0645\u06cc\u0646","description":"Nazarkhani PayapTamin Trading","publisher":{"@id":"https:\/\/payaptamin.com\/#\/schema\/person\/8345042fd8f35a1127710f661b170422"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/payaptamin.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/payaptamin.com\/#\/schema\/person\/8345042fd8f35a1127710f661b170422","name":"\u0627\u0633\u0645\u0627\u0639\u06cc\u0644 \u0646\u0638\u0631\u062e\u0627\u0646\u06cc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/payaptamin.com\/wp-content\/uploads\/2026\/07\/payaptamin-e1786485136826.webp","url":"https:\/\/payaptamin.com\/wp-content\/uploads\/2026\/07\/payaptamin-e1786485136826.webp","contentUrl":"https:\/\/payaptamin.com\/wp-content\/uploads\/2026\/07\/payaptamin-e1786485136826.webp","width":707,"height":469,"caption":"\u0627\u0633\u0645\u0627\u0639\u06cc\u0644 \u0646\u0638\u0631\u062e\u0627\u0646\u06cc"},"logo":{"@id":"https:\/\/payaptamin.com\/wp-content\/uploads\/2026\/07\/payaptamin-e1786485136826.webp"},"sameAs":["http:\/\/payaptamin.com"]}]}},"_links":{"self":[{"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/pages\/1536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/comments?post=1536"}],"version-history":[{"count":7,"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/pages\/1536\/revisions"}],"predecessor-version":[{"id":1543,"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/pages\/1536\/revisions\/1543"}],"wp:attachment":[{"href":"https:\/\/payaptamin.com\/en\/wp-json\/wp\/v2\/media?parent=1536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}