{"id":597,"date":"2026-08-19T14:07:14","date_gmt":"2026-08-19T14:07:14","guid":{"rendered":"https:\/\/acenut.ir\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9\/"},"modified":"2026-08-27T00:25:21","modified_gmt":"2026-08-27T00:25:21","slug":"%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/acenut.ir\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"597\" class=\"elementor elementor-597 elementor-21\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dd9ba0 e-con-full asanat-hero-inner e-flex e-con e-parent\" data-id=\"7dd9ba0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-867934d e-con-full asanat-hero-copy e-flex e-con e-child\" data-id=\"867934d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-065145b asanat-hero-eyebrow elementor-widget elementor-widget-heading\" data-id=\"065145b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\u0645\u0643\u0633\u0631\u0627\u062a \u0648\u0641\u0648\u0627\u0643\u0647 \u0645\u062c\u0641\u0641\u0629 \u0622\u0633\u0646\u0627\u062a<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f52c95 asanat-hero-title elementor-widget elementor-widget-heading\" data-id=\"2f52c95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0645\u0630\u0627\u0642 \u0627\u0644\u0637\u0632\u0627\u062c\u0629<br \/>\u0645\u0646 \u0642\u0644\u0628 \u0627\u0644\u0637\u0628\u064a\u0639\u0629<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f5d895 asanat-hero-description color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"6f5d895\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u062a\u0642\u062f\u0645 \u0622\u0633\u0646\u0627\u062a \u062a\u0634\u0643\u064a\u0644\u0629 \u0644\u0630\u064a\u0630\u0629 \u0648\u0635\u062d\u064a\u0629 \u0645\u0646 \u0623\u062c\u0648\u062f \u0627\u0644\u0645\u0643\u0633\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u0648\u0627\u0643\u0647 \u0627\u0644\u0645\u062c\u0641\u0641\u0629\u060c \u0628\u062c\u0648\u062f\u0629 \u062a\u0634\u0639\u0631 \u0628\u0647\u0627 \u0641\u064a \u0643\u0644 \u0644\u0642\u0645\u0629. \u0645\u0646 \u0627\u0644\u0645\u0643\u0633\u0631\u0627\u062a \u0627\u0644\u0637\u0627\u0632\u062c\u0629 \u0648\u0627\u0644\u0645\u063a\u0630\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0641\u0648\u0627\u0643\u0647 \u0627\u0644\u0645\u062c\u0641\u0641\u0629 \u0627\u0644\u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u0646\u0643\u0647\u0629\u060c \u0646\u0648\u0641\u0631 \u0644\u0643 \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0644\u0648\u062c\u0628\u0629 \u062e\u0641\u064a\u0641\u0629 \u0635\u062d\u064a\u0629 \u0648\u0645\u0645\u062a\u0639\u0629. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f211637 e-con-full asanat-hero-actions e-flex e-con e-child\" data-id=\"f211637\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-329b219 asanat-btn-primary elementor-widget elementor-widget-button\" data-id=\"329b219\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e73a34 asanat-btn-secondary elementor-widget elementor-widget-button\" data-id=\"7e73a34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dd6591 e-con-full asanat-hero-media e-flex e-con e-child\" data-id=\"7dd6591\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5515a2b elementor-widget elementor-widget-video\" data-id=\"5515a2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/video-output-EFD1F98F-BA10-4970-BFD5-BECCD584F8C5-1.mov\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-455bfd1 e-con e-atomic-element e-flexbox-base e-4c63fcb \" data-id=\"455bfd1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"455bfd1\">\n    \t\t<div class=\"elementor-element elementor-element-3ba5111 elementor-widget elementor-widget-html\" data-id=\"3ba5111\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"acenut-pistachio-story\" dir=\"rtl\">\r\n\r\n    <div class=\"acenut-pistachio-pin\">\r\n\r\n        <!-- =====================================================\r\n             VIDEO STAGE\r\n        ====================================================== -->\r\n\r\n        <div class=\"acenut-pistachio-media\">\r\n\r\n            <video class=\"acenut-pistachio-video\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/Peste1.mp4\" muted=\"\" playsinline=\"\" preload=\"auto\">\r\n            <\/video>\r\n\r\n            <video class=\"acenut-pistachio-video\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/Peste2.mp4\" muted=\"\" playsinline=\"\" preload=\"auto\">\r\n            <\/video>\r\n\r\n            <video class=\"acenut-pistachio-video\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/Peste3.mp4\" muted=\"\" playsinline=\"\" preload=\"auto\">\r\n            <\/video>\r\n\r\n            <video class=\"acenut-pistachio-video\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/Peste4.mp4\" muted=\"\" playsinline=\"\" preload=\"auto\">\r\n            <\/video>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             TEXT\r\n        ====================================================== -->\r\n\r\n        <div class=\"acenut-pistachio-copy\">\r\n\r\n\r\n            <!-- STEP 01 -->\r\n\r\n            <div class=\"acenut-pistachio-step\">\r\n\r\n                <div class=\"acenut-pistachio-index\">\r\n 01 \u2014 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631\r\n                <\/div>\r\n\r\n                <h2>\r\n \u0643\u0644 \u0645\u0630\u0627\u0642 \u0631\u0627\u0626\u0639 \r\n<br\/>\u064a\u0628\u062f\u0623 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0635\u062d\u064a\u062d.\r\n                <\/h2>\r\n\r\n                <p>\r\n \u0642\u0628\u0644 \u0623\u0646 \u064a\u0635\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u0625\u0644\u0649 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0639\u0628\u0626\u0629\u060c<br\/>\u062a\u0628\u062f\u0623 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u062f\u0631\u0648\u0633.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STEP 02 -->\r\n\r\n            <div class=\"acenut-pistachio-step\">\r\n\r\n                <div class=\"acenut-pistachio-index\">\r\n 02 \u2014 \u0627\u0644\u0637\u0632\u0627\u062c\u0629\r\n                <\/div>\r\n\r\n                <h2>\r\n \u0634\u064a\u0621 \u064a\u062c\u0628\r\n<br\/>\u0623\u0646 \u062a\u0634\u0639\u0631 \u0628\u0647 \u0645\u0646 \u0623\u0648\u0644 \u0644\u0642\u0645\u0629.\r\n                <\/h2>\r\n\r\n                <p>\r\n \u0627\u0644\u0637\u0632\u0627\u062c\u0629 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0639\u0628\u0627\u0631\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629\u061b\r\n\u0628\u0644 \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0623\u0648\u0644\r\n\u0645\u0627 \u062a\u0634\u0639\u0631 \u0628\u0647 \u0641\u0648\u0631 \u0641\u062a\u062d \u0627\u0644\u0639\u0628\u0648\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STEP 03 -->\r\n\r\n            <div class=\"acenut-pistachio-step\">\r\n\r\n                <div class=\"acenut-pistachio-index\">\r\n 03 \u2014 \u0627\u0644\u062c\u0648\u062f\u0629\r\n                <\/div>\r\n\r\n                <h2>\r\n \u0627\u0644\u0623\u0647\u0645 \u062d\u0642\u064b\u0627\r\n<br\/>\u0647\u0648 \u0645\u0627 \u064a\u0648\u062c\u062f \u0641\u064a \u0627\u0644\u062f\u0627\u062e\u0644.\r\n                <\/h2>\r\n\r\n                <p>\r\n \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u062c\u0645\u064a\u0644 \u0645\u0647\u0645\u060c\r\n\u0644\u0643\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u062a\u0638\u0647\u0631<br\/>\u0639\u0646\u062f \u0641\u062a\u062d \u0627\u0644\u0639\u0628\u0648\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- STEP 04 -->\r\n\r\n            <div class=\"acenut-pistachio-step\">\r\n\r\n                <div class=\"acenut-pistachio-index\">\r\n 04 \u2014 \u0627\u0644\u0623\u0635\u0627\u0644\u0629\r\n                <\/div>\r\n\r\n                <h2>\r\n \u0646\u062d\u0646 \u0644\u0627 \u0646\u0643\u062a\u0641\u064a\r\n<br\/>\u0628\u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a.\r\n                <\/h2>\r\n\r\n                <p>\r\n \u0646\u0633\u0639\u0649 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u0630\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0642\u0648\u0627\u0645\u0647 \r\n\u0648\u062c\u0648\u062f\u062a\u0647 \u0645\u0646\u0630 \u0644\u062d\u0638\u0629 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 \u0648\u062d\u062a\u0649\r\n\u0648\u0635\u0648\u0644\u0647 \u0625\u0644\u064a\u0643.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 PROGRESS\r\n            ================================================== -->\r\n\r\n            <div class=\"acenut-pistachio-progress\">\r\n\r\n                <div class=\"acenut-pistachio-progress-meta\">\r\n\r\n                     <span class=\"acenut-pistachio-count\">\r\n01 \/ 04\r\n<\/span>\r\n\r\n<span>\r\n\u0642\u0635\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\r\n<\/span> \r\n\r\n                <\/div>\r\n\r\n                <div class=\"acenut-pistachio-progress-track\">\r\n\r\n                    <span class=\"acenut-pistachio-progress-fill\"><\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ACENUT \u2014 PISTACHIO SCROLL STORY\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-story {\r\n\r\n    position: relative;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    background: #621A1F;\r\n\r\n    color: #EADBC6;\r\n\r\n    overflow: visible;\r\n\r\n    font-family:\r\n        Doran,\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PINNED SCENE\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-pin {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 680px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(380px, 0.92fr)\r\n        minmax(0, 1.08fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: clamp(\r\n        40px,\r\n        6vw,\r\n        90px\r\n    );\r\n\r\n    padding:\r\n        45px\r\n        max(50px, 6vw);\r\n\r\n    background: #621A1F;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO COLUMN\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-media {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 540px;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEOS\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-video {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: contain;\r\n    object-position: center;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n    border: 0;\r\n    outline: 0;\r\n    box-shadow: none;\r\n\r\n    background: transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT COLUMN\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-copy {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 430px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-step {\r\n\r\n    position: absolute;\r\n\r\n    inset-inline: 0;\r\n\r\n    top: 48%;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL TITLE\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-index {\r\n\r\n    margin-bottom: 14px;\r\n\r\n    color: #EADBC6;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-step h2 {\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    color: #EADBC6;\r\n\r\n    font-size: 45px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-step p {\r\n\r\n    max-width: 560px;\r\n\r\n    margin:\r\n        18px\r\n        0\r\n        0;\r\n\r\n    color: #FFFFFFAE;\r\n\r\n    font-size: 18px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.acenut-pistachio-progress {\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: min(\r\n        330px,\r\n        100%\r\n    );\r\n}\r\n\r\n\r\n.acenut-pistachio-progress-meta {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: #FFFFFF8C;\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n.acenut-pistachio-count {\r\n\r\n    color: #EADBC6;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.acenut-pistachio-progress-track {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 2px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #FFFFFF24;\r\n}\r\n\r\n\r\n.acenut-pistachio-progress-fill {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background: #EADBC6;\r\n\r\n    transform: scaleX(0);\r\n\r\n    transform-origin: right center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    min-width: 768px\r\n)\r\nand\r\n(\r\n    max-width: 1024px\r\n) {\r\n\r\n    .acenut-pistachio-pin {\r\n\r\n        min-height: 600px;\r\n\r\n        grid-template-columns:\r\n            0.9fr\r\n            1.1fr;\r\n\r\n        gap: 28px;\r\n\r\n        padding:\r\n            40px\r\n            28px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-media {\r\n\r\n        height: 440px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-copy {\r\n\r\n        min-height: 350px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-index {\r\n\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-step h2 {\r\n\r\n        font-size: 30px;\r\n\r\n        line-height: 1.3;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-step p {\r\n\r\n        margin-top: 15px;\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.85;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-progress {\r\n\r\n        width: min(\r\n            280px,\r\n            100%\r\n        );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    max-width: 767px\r\n) {\r\n\r\n    .acenut-pistachio-pin {\r\n\r\n        min-height: 630px;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 8px;\r\n\r\n        padding:\r\n            22px\r\n            16px\r\n            25px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-media {\r\n\r\n        width: 100%;\r\n\r\n        height: 300px;\r\n\r\n        flex: none;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-copy {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 260px;\r\n\r\n        flex: none;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-step {\r\n\r\n        top: 18px;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-index {\r\n\r\n        margin-bottom: 9px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-step h2 {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 24px;\r\n\r\n        line-height: 1.35;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-step p {\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 10px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.75;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-progress {\r\n\r\n        right: 0;\r\n\r\n        bottom: 0;\r\n\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-progress-meta {\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    max-width: 390px\r\n) {\r\n\r\n    .acenut-pistachio-pin {\r\n\r\n        min-height: 600px;\r\n\r\n        padding:\r\n            18px\r\n            14px\r\n            22px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-media {\r\n\r\n        height: 275px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-copy {\r\n\r\n        min-height: 250px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    prefers-reduced-motion: reduce\r\n) {\r\n\r\n    .acenut-pistachio-pin {\r\n\r\n        min-height: auto;\r\n\r\n        display: block;\r\n\r\n        padding:\r\n            45px\r\n            20px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-media {\r\n\r\n        height: 420px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-video {\r\n\r\n        opacity: 0 !important;\r\n\r\n        visibility: hidden !important;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-video:first-child {\r\n\r\n        opacity: 1 !important;\r\n\r\n        visibility: visible !important;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-copy {\r\n\r\n        min-height: auto;\r\n\r\n        display: grid;\r\n\r\n        gap: 35px;\r\n\r\n        margin-top: 25px;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-step {\r\n\r\n        position: relative;\r\n\r\n        top: auto;\r\n\r\n        transform: none;\r\n\r\n        opacity: 1 !important;\r\n\r\n        visibility: visible !important;\r\n    }\r\n\r\n\r\n    .acenut-pistachio-progress {\r\n\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\nwindow.addEventListener(\r\n    \"load\",\r\n    function () {\r\n\r\n\r\n        \/* =====================================================\r\n           CHECK GSAP\r\n        ===================================================== *\/\r\n\r\n        if (\r\n            typeof gsap === \"undefined\" ||\r\n            typeof ScrollTrigger === \"undefined\"\r\n        ) {\r\n\r\n            console.error(\r\n                \"ACENUT PISTACHIO: GSAP \/ ScrollTrigger missing.\"\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches\r\n        ) {\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        gsap.registerPlugin(\r\n            ScrollTrigger\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           ELEMENTS\r\n        ===================================================== *\/\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".acenut-pistachio-story\"\r\n            );\r\n\r\n\r\n        const pin =\r\n            document.querySelector(\r\n                \".acenut-pistachio-pin\"\r\n            );\r\n\r\n\r\n        const steps =\r\n            gsap.utils.toArray(\r\n                \".acenut-pistachio-step\"\r\n            );\r\n\r\n\r\n        const videos =\r\n            gsap.utils.toArray(\r\n                \".acenut-pistachio-video\"\r\n            );\r\n\r\n\r\n        const progress =\r\n            document.querySelector(\r\n                \".acenut-pistachio-progress-fill\"\r\n            );\r\n\r\n\r\n        const count =\r\n            document.querySelector(\r\n                \".acenut-pistachio-count\"\r\n            );\r\n\r\n\r\n        if (\r\n            !section ||\r\n            !pin ||\r\n            steps.length !== 4 ||\r\n            videos.length !== 4\r\n        ) {\r\n\r\n            console.error(\r\n                \"ACENUT PISTACHIO: structure error.\",\r\n                {\r\n                    section: !!section,\r\n                    pin: !!pin,\r\n                    steps: steps.length,\r\n                    videos: videos.length\r\n                }\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           VIDEO PREPARATION\r\n        ===================================================== *\/\r\n\r\n        videos.forEach(\r\n            function (video) {\r\n\r\n                video.pause();\r\n\r\n                video.muted = true;\r\n                video.defaultMuted = true;\r\n\r\n                video.loop = false;\r\n                video.playsInline = true;\r\n\r\n                video.setAttribute(\r\n                    \"muted\",\r\n                    \"\"\r\n                );\r\n\r\n                video.setAttribute(\r\n                    \"playsinline\",\r\n                    \"\"\r\n                );\r\n\r\n\r\n                try {\r\n\r\n                    video.currentTime = 0;\r\n\r\n                }\r\n\r\n                catch (error) {}\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           INITIAL STATES\r\n        ===================================================== *\/\r\n\r\n        steps.forEach(\r\n            function (\r\n                step,\r\n                index\r\n            ) {\r\n\r\n                gsap.set(\r\n                    step,\r\n                    {\r\n\r\n                        autoAlpha:\r\n                            index === 0\r\n                                ? 1\r\n                                : 0,\r\n\r\n                        y:\r\n                            index === 0\r\n                                ? 0\r\n                                : 35\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        videos.forEach(\r\n            function (\r\n                video,\r\n                index\r\n            ) {\r\n\r\n                gsap.set(\r\n                    video,\r\n                    {\r\n\r\n                        autoAlpha:\r\n                            index === 0\r\n                                ? 1\r\n                                : 0\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           VIDEO CONTROL\r\n        ===================================================== *\/\r\n\r\n        let activeVideo =\r\n            -1;\r\n\r\n\r\n        function playVideo(\r\n            index\r\n        ) {\r\n\r\n            if (\r\n                index === activeVideo\r\n            ) {\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            activeVideo =\r\n                index;\r\n\r\n\r\n            videos.forEach(\r\n                function (\r\n                    video,\r\n                    i\r\n                ) {\r\n\r\n                    if (\r\n                        i === index\r\n                    ) {\r\n\r\n                        video.pause();\r\n\r\n\r\n                        try {\r\n\r\n                            video.currentTime =\r\n                                0;\r\n\r\n                        }\r\n\r\n                        catch (error) {}\r\n\r\n\r\n                        const playPromise =\r\n                            video.play();\r\n\r\n\r\n                        if (\r\n                            playPromise &&\r\n                            typeof playPromise.catch ===\r\n                            \"function\"\r\n                        ) {\r\n\r\n                            playPromise.catch(\r\n                                function () {}\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n\r\n                    else {\r\n\r\n                        video.pause();\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           MASTER TIMELINE\r\n        ===================================================== *\/\r\n\r\n        const timeline =\r\n            gsap.timeline({\r\n\r\n                scrollTrigger: {\r\n\r\n                    trigger:\r\n                        section,\r\n\r\n                    start:\r\n                        \"top top\",\r\n\r\n                    end:\r\n                        () =>\r\n                            \"+=\" +\r\n                            (\r\n                                window.innerHeight *\r\n                                3.4\r\n                            ),\r\n\r\n                    pin:\r\n                        pin,\r\n\r\n                    pinSpacing:\r\n                        true,\r\n\r\n                    scrub:\r\n                        1,\r\n\r\n                    anticipatePin:\r\n                        1,\r\n\r\n                    invalidateOnRefresh:\r\n                        true,\r\n\r\n\r\n                    \/* =========================================\r\n                       ENTER\r\n                    ========================================== *\/\r\n\r\n                    onEnter:\r\n                        function () {\r\n\r\n                            activeVideo =\r\n                                -1;\r\n\r\n                            playVideo(0);\r\n\r\n                        },\r\n\r\n\r\n                    \/* =========================================\r\n                       SCROLL\r\n                    ========================================== *\/\r\n\r\n                    onUpdate:\r\n                        function (\r\n                            self\r\n                        ) {\r\n\r\n                            const index =\r\n                                Math.min(\r\n                                    3,\r\n                                    Math.floor(\r\n                                        self.progress * 4\r\n                                    )\r\n                                );\r\n\r\n\r\n                            playVideo(\r\n                                index\r\n                            );\r\n\r\n\r\n                            if (\r\n                                count\r\n                            ) {\r\n\r\n                                count.textContent =\r\n                                    String(\r\n                                        index + 1\r\n                                    )\r\n                                    .padStart(\r\n                                        2,\r\n                                        \"0\"\r\n                                    )\r\n                                    +\r\n                                    \" \/ 04\";\r\n\r\n                            }\r\n\r\n\r\n                            if (\r\n                                progress\r\n                            ) {\r\n\r\n                                gsap.set(\r\n                                    progress,\r\n                                    {\r\n\r\n                                        scaleX:\r\n                                            self.progress\r\n\r\n                                    }\r\n                                );\r\n\r\n                            }\r\n\r\n                        },\r\n\r\n\r\n                    \/* =========================================\r\n                       ENTER BACK\r\n                    ========================================== *\/\r\n\r\n                    onEnterBack:\r\n                        function (\r\n                            self\r\n                        ) {\r\n\r\n                            const index =\r\n                                Math.min(\r\n                                    3,\r\n                                    Math.floor(\r\n                                        self.progress * 4\r\n                                    )\r\n                                );\r\n\r\n\r\n                            activeVideo =\r\n                                -1;\r\n\r\n\r\n                            playVideo(\r\n                                index\r\n                            );\r\n\r\n                        },\r\n\r\n\r\n                    \/* =========================================\r\n                       LEAVE\r\n                    ========================================== *\/\r\n\r\n                    onLeave:\r\n                        function () {\r\n\r\n                            videos.forEach(\r\n                                function (\r\n                                    video\r\n                                ) {\r\n\r\n                                    video.pause();\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n\r\n                    \/* =========================================\r\n                       LEAVE BACK\r\n                    ========================================== *\/\r\n\r\n                    onLeaveBack:\r\n                        function () {\r\n\r\n                            videos.forEach(\r\n                                function (\r\n                                    video\r\n                                ) {\r\n\r\n                                    video.pause();\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                            activeVideo =\r\n                                -1;\r\n\r\n                        }\r\n\r\n                }\r\n\r\n            });\r\n\r\n\r\n        \/* =====================================================\r\n           STEP 01 \u2192 02\r\n        ===================================================== *\/\r\n\r\n        timeline.to(\r\n            [\r\n                steps[0],\r\n                videos[0]\r\n            ],\r\n            {\r\n\r\n                autoAlpha: 0,\r\n\r\n                y: -25,\r\n\r\n                duration: 0.30,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n\r\n            0.72\r\n        );\r\n\r\n\r\n        timeline.to(\r\n            [\r\n                steps[1],\r\n                videos[1]\r\n            ],\r\n            {\r\n\r\n                autoAlpha: 1,\r\n\r\n                y: 0,\r\n\r\n                duration: 0.30,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n\r\n            1\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           STEP 02 \u2192 03\r\n        ===================================================== *\/\r\n\r\n        timeline.to(\r\n            [\r\n                steps[1],\r\n                videos[1]\r\n            ],\r\n            {\r\n\r\n                autoAlpha: 0,\r\n\r\n                y: -25,\r\n\r\n                duration: 0.30,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n\r\n            1.72\r\n        );\r\n\r\n\r\n        timeline.to(\r\n            [\r\n                steps[2],\r\n                videos[2]\r\n            ],\r\n            {\r\n\r\n                autoAlpha: 1,\r\n\r\n                y: 0,\r\n\r\n                duration: 0.30,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n\r\n            2\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           STEP 03 \u2192 04\r\n        ===================================================== *\/\r\n\r\n        timeline.to(\r\n            [\r\n                steps[2],\r\n                videos[2]\r\n            ],\r\n            {\r\n\r\n                autoAlpha: 0,\r\n\r\n                y: -25,\r\n\r\n                duration: 0.30,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n\r\n            2.72\r\n        );\r\n\r\n\r\n        timeline.to(\r\n            [\r\n                steps[3],\r\n                videos[3]\r\n            ],\r\n            {\r\n\r\n                autoAlpha: 1,\r\n\r\n                y: 0,\r\n\r\n                duration: 0.30,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n\r\n            3\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           FINAL HOLD\r\n        ===================================================== *\/\r\n\r\n        timeline.to(\r\n            {},\r\n            {\r\n\r\n                duration:\r\n                    0.7\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           DO NOT AUTOPLAY BEFORE REACHING SECTION\r\n        ===================================================== *\/\r\n\r\n        videos.forEach(\r\n            function (\r\n                video\r\n            ) {\r\n\r\n                video.pause();\r\n\r\n            }\r\n        );\r\n\r\n\r\n        activeVideo =\r\n            -1;\r\n\r\n\r\n        \/* =====================================================\r\n           REFRESH AFTER VIDEO METADATA\r\n        ===================================================== *\/\r\n\r\n        let loadedVideos =\r\n            0;\r\n\r\n\r\n        videos.forEach(\r\n            function (\r\n                video\r\n            ) {\r\n\r\n                video.addEventListener(\r\n                    \"loadedmetadata\",\r\n                    function () {\r\n\r\n                        loadedVideos++;\r\n\r\n\r\n                        if (\r\n                            loadedVideos ===\r\n                            videos.length\r\n                        ) {\r\n\r\n                            ScrollTrigger.refresh();\r\n\r\n                        }\r\n\r\n                    },\r\n                    {\r\n                        once: true\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        setTimeout(\r\n            function () {\r\n\r\n                ScrollTrigger.refresh();\r\n\r\n            },\r\n            500\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e28ccfb e-con e-atomic-element e-flexbox-base e-0baa4ce \" data-id=\"e28ccfb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e28ccfb\">\n    \t\t<div class=\"elementor-element elementor-element-d3a16be elementor-widget elementor-widget-html\" data-id=\"d3a16be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ac-products-story\" dir=\"rtl\">\r\n\r\n    <div class=\"ac-products-pin\">\r\n\r\n        <!-- =====================================================\r\n             SECTION INTRO\r\n        ====================================================== -->\r\n\r\n        <div class=\"ac-products-intro\">\r\n\r\n            <div class=\"ac-products-eyebrow\">\r\n \u0645\u0646\u062a\u062c\u0627\u062a \u0622\u0633\u0646\u0627\u062a\r\n            <\/div>\r\n\r\n            <h2 class=\"ac-products-title\">\r\n \u0646\u0643\u0647\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629\u060c\r\n<br\/>\u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u0627\u062d\u062f \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n            <\/h2>\r\n\r\n            <p class=\"ac-products-description\">\r\n \u0641\u064a \u0622\u0633\u0646\u0627\u062a\u060c \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0643\u0644 \u0641\u0626\u0629 \u0645\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0628\u0639\u0646\u0627\u064a\u0629 \r\n\u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u0630\u0627\u0642\u0647\u0627 \u0648\u0642\u0648\u0627\u0645\u0647\u0627 \u0645\u0646\u0630 \u0627\u0644\u0628\u062f\u0627\u064a\u0629\u060c \u0648\u0645\u0646\u062d\u0643 \u062a\u062c\u0631\u0628\u0629 \r\n\u0637\u0627\u0632\u062c\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u062f\u0648\u0645 \u0641\u064a \u0627\u0644\u0630\u0627\u0643\u0631\u0629.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"ac-products-progress\">\r\n\r\n                <div class=\"ac-products-progress-meta\">\r\n\r\n                     <span class=\"ac-products-count\">\r\n01 \/ 03\r\n<\/span>\r\n\r\n<span>\r\n\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n<\/span> \r\n\r\n                <\/div>\r\n\r\n                <div class=\"ac-products-progress-track\">\r\n                    <span class=\"ac-products-progress-fill\"><\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARDS\r\n        ====================================================== -->\r\n\r\n        <div class=\"ac-products-stage\">\r\n\r\n\r\n            <!-- CARD 01 -->\r\n\r\n            <article class=\"ac-category-card ac-card-1\">\r\n\r\n                <div class=\"ac-category-card-inner\">\r\n\r\n                    <div class=\"ac-category-info\">\r\n\r\n                        <div>\r\n\r\n                            <div class=\"ac-category-number\">\r\n  01 \/ 03\r\n                            <\/div>\r\n\r\n                            <h3>\r\n \u0627\u0644\u0645\u0643\u0633\u0631\u0627\u062a\r\n                            <\/h3>\r\n\r\n                            <p>\r\n \u062a\u0634\u0643\u064a\u0644\u0629 \u0645\u0646 \u0627\u0644\u0645\u0643\u0633\u0631\u0627\u062a \u0627\u0644\u0637\u0627\u0632\u062c\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c<br\/>\u0645\u0646 \u0627\u0644\u0641\u0633\u062a\u0642 \u0648\u0627\u0644\u0644\u0648\u0632 \u0625\u0644\u0649 \u0627\u0644\u062c\u0648\u0632 \u0648\u0627\u0644\u0628\u0630\u0648\u0631.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ac-category-bottom\">\r\n\r\n                            <div class=\"ac-category-tags\">\r\n                                <span>\u0627\u0644\u0641\u0633\u062a\u0642<\/span>\r\n<span>\u0627\u0644\u0644\u0648\u0632<\/span>\r\n<span>\u0627\u0644\u062c\u0648\u0632<\/span>\r\n<span>\u0627\u0644\u0628\u0646\u062f\u0642<\/span>\r\n                            <\/div>\r\n\r\n\r\n                            <a class=\"ac-category-link\" href=\"https:\/\/acenut.ir\/ar\/product-category\/nuts\/\">\r\n\r\n \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n\r\n<span>\u2190<\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ac-category-image\">\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/\u0645\u062d\u0635\u0648\u0644\u0627\u062a-25-scaled.webp\" alt=\"\u0645\u0643\u0633\u0631\u0627\u062a \u0622\u0633\u0646\u0627\u062a\" loading=\"eager\">\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- CARD 02 -->\r\n\r\n            <article class=\"ac-category-card ac-card-2\">\r\n\r\n                <div class=\"ac-category-card-inner\">\r\n\r\n                    <div class=\"ac-category-info\">\r\n\r\n                        <div>\r\n\r\n                            <div class=\"ac-category-number\">\r\n  02 \/ 03\r\n                            <\/div>\r\n\r\n                            <h3>\r\n \u0627\u0644\u0641\u0648\u0627\u0643\u0647 \u0627\u0644\u0645\u062c\u0641\u0641\u0629\r\n                            <\/h3>\r\n\r\n                            <p>\r\n \u0641\u0648\u0627\u0643\u0647 \u0645\u062c\u0641\u0641\u0629 \u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u0646\u0643\u0647\u0629\u060c <br\/>\u0645\u0646 \u0627\u0644\u062a\u0645\u0648\u0631 \u0648\u0627\u0644\u0632\u0628\u064a\u0628 \u0627\u0644\u0623\u0633\u0648\u062f \u0625\u0644\u0649 \u0627\u0644\u0632\u0628\u064a\u0628 \u0648\u0627\u0644\u062a\u0648\u062a \u0627\u0644\u0645\u062c\u0641\u0641 \u0648\u0627\u0644\u062a\u064a\u0646 \u0627\u0644\u0645\u062c\u0641\u0641.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ac-category-bottom\">\r\n\r\n                            <div class=\"ac-category-tags\">\r\n                                <span>\u0627\u0644\u062a\u0645\u0648\u0631<\/span>\r\n<span>\u0627\u0644\u0632\u0628\u064a\u0628 \u0627\u0644\u0623\u0633\u0648\u062f<\/span>\r\n<span>\u0627\u0644\u0632\u0628\u064a\u0628<\/span>\r\n<span>\u0627\u0644\u062a\u064a\u0646 \u0627\u0644\u0645\u062c\u0641\u0641<\/span>\r\n                            <\/div>\r\n\r\n\r\n                            <a class=\"ac-category-link\" href=\"https:\/\/acenut.ir\/ar\/product-category\/dried\/\">\r\n\r\n \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n\r\n<span>\u2190<\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ac-category-image\">\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/\u0645\u062d\u0635\u0648\u0644\u0627\u062a-26-scaled.webp\" alt=\"\u0641\u0648\u0627\u0643\u0647 \u0622\u0633\u0646\u0627\u062a \u0627\u0644\u0645\u062c\u0641\u0641\u0629\" loading=\"lazy\">\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- CARD 03 -->\r\n\r\n            <article class=\"ac-category-card ac-card-3\">\r\n\r\n                <div class=\"ac-category-card-inner\">\r\n\r\n                    <div class=\"ac-category-info\">\r\n\r\n                        <div>\r\n\r\n                            <div class=\"ac-category-number\">\r\n  03 \/ 03\r\n                            <\/div>\r\n\r\n                            <h3>\r\n \u0627\u0644\u062d\u0644\u0648\u064a\u0627\u062a\r\n                            <\/h3>\r\n\r\n                            <p>\r\n \u062a\u0634\u0643\u064a\u0644\u0629 \u0645\u0645\u064a\u0632\u0629 \u0645\u0646 \u0627\u0644\u062d\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0634\u0647\u064a\u0629<br\/>\u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0636\u064a\u0627\u0641\u0629 \u0648\u0627\u0644\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0633\u0639\u064a\u062f\u0629.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ac-category-bottom\">\r\n\r\n                            <div class=\"ac-category-tags\">\r\n                                <span>\u0627\u0644\u062d\u0644\u0642\u0648\u0645<\/span>\r\n<span>\u0627\u0644\u062d\u0644\u0642\u0648\u0645 \u0627\u0644\u062a\u0631\u0643\u064a<\/span>\r\n                            <\/div>\r\n\r\n\r\n                            <a class=\"ac-category-link\" href=\"https:\/\/acenut.ir\/ar\/product-category\/sweets\/\">\r\n\r\n \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\r\n\r\n<span>\u2190<\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ac-category-image\">\r\n\r\n                        <img decoding=\"async\" src=\"https:\/\/acenut.ir\/wp-content\/uploads\/2026\/08\/\u0645\u062d\u0635\u0648\u0644\u0627\u062a-27-scaled.webp\" alt=\"\u062d\u0644\u0648\u064a\u0627\u062a \u0622\u0633\u0646\u0627\u062a\" loading=\"lazy\">\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ACENUT \u2014 PRODUCT CATEGORIES\r\n   WHITE SECTION VERSION\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.ac-products-story {\r\n\r\n    position: relative;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #621A1F;\r\n\r\n    overflow: visible;\r\n\r\n    font-family:\r\n        Doran,\r\n        Tahoma,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PIN LAYOUT\r\n========================================================= *\/\r\n\r\n.ac-products-pin {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 100svh;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(290px, 0.72fr)\r\n        minmax(0, 1.28fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: clamp(\r\n        35px,\r\n        5vw,\r\n        80px\r\n    );\r\n\r\n    padding:\r\n        70px\r\n        max(40px, 5vw);\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.ac-products-intro {\r\n\r\n    position: relative;\r\n\r\n    z-index: 20;\r\n}\r\n\r\n\r\n.ac-products-eyebrow {\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #6F7751;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.ac-products-title {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 520px;\r\n\r\n    color: #621A1F;\r\n\r\n    font-size: clamp(\r\n        42px,\r\n        4.5vw,\r\n        64px\r\n    );\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.14;\r\n}\r\n\r\n\r\n.ac-products-description {\r\n\r\n    max-width: 500px;\r\n\r\n    margin:\r\n        23px\r\n        0\r\n        0;\r\n\r\n    color: #776E68;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.ac-products-progress {\r\n\r\n    width: min(\r\n        330px,\r\n        100%\r\n    );\r\n\r\n    margin-top: 38px;\r\n}\r\n\r\n\r\n.ac-products-progress-meta {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: rgba(\r\n        98,\r\n        26,\r\n        31,\r\n        0.58\r\n    );\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n.ac-products-count {\r\n\r\n    color: #621A1F;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n.ac-products-progress-track {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 2px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        rgba(\r\n            98,\r\n            26,\r\n            31,\r\n            0.13\r\n        );\r\n}\r\n\r\n\r\n.ac-products-progress-fill {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background: #6F7751;\r\n\r\n    transform:\r\n        scaleX(0);\r\n\r\n    transform-origin:\r\n        right center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS STAGE\r\n========================================================= *\/\r\n\r\n.ac-products-stage {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: min(\r\n        72vh,\r\n        650px\r\n    );\r\n\r\n    min-height: 520px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.ac-category-card {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 32px;\r\n\r\n    color: #241A17;\r\n\r\n    box-shadow:\r\n        0 28px 65px\r\n        rgba(\r\n            62,\r\n            14,\r\n            19,\r\n            0.12\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            98,\r\n            26,\r\n            31,\r\n            0.05\r\n        );\r\n\r\n    transform-origin:\r\n        center top;\r\n\r\n    will-change:\r\n        transform,\r\n        opacity;\r\n}\r\n\r\n\r\n.ac-category-card-inner {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        0.92fr\r\n        1.08fr;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD COLORS\r\n========================================================= *\/\r\n\r\n.ac-card-1 {\r\n    background: #FBF8F2;\r\n}\r\n\r\n.ac-card-2 {\r\n    background: #EFE8DD;\r\n}\r\n\r\n.ac-card-3 {\r\n    background: #F5EAE5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD INFO\r\n========================================================= *\/\r\n\r\n.ac-category-info {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding:\r\n        clamp(\r\n            32px,\r\n            4vw,\r\n            56px\r\n        );\r\n}\r\n\r\n\r\n.ac-category-number {\r\n\r\n    color: #6F7751;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 0.08em;\r\n}\r\n\r\n\r\n.ac-category-info h3 {\r\n\r\n    margin:\r\n        20px\r\n        0\r\n        0;\r\n\r\n    color: #621A1F;\r\n\r\n    font-size: clamp(\r\n        42px,\r\n        4.5vw,\r\n        66px\r\n    );\r\n\r\n    line-height: 1.08;\r\n}\r\n\r\n\r\n.ac-category-info p {\r\n\r\n    max-width: 420px;\r\n\r\n    margin:\r\n        18px\r\n        0\r\n        0;\r\n\r\n    color: #655955;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.ac-category-tags {\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 7px;\r\n\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\r\n.ac-category-tags span {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 32px;\r\n\r\n    padding:\r\n        0\r\n        13px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            111,\r\n            119,\r\n            81,\r\n            0.30\r\n        );\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        rgba(\r\n            111,\r\n            119,\r\n            81,\r\n            0.06\r\n        );\r\n\r\n    color: #59603F;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.ac-category-link {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    width: fit-content;\r\n\r\n    min-width: 180px;\r\n\r\n    min-height: 48px;\r\n\r\n    padding:\r\n        0\r\n        19px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background: #621A1F !important;\r\n\r\n    color: #F5F0E7 !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(\r\n            98,\r\n            26,\r\n            31,\r\n            0.14\r\n        );\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        background-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n\r\n.ac-category-link:visited,\r\n.ac-category-link:focus,\r\n.ac-category-link:active {\r\n\r\n    color: #F5F0E7 !important;\r\n}\r\n\r\n\r\n.ac-category-link:hover {\r\n\r\n    color: #F5F0E7 !important;\r\n\r\n    background: #54151B !important;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 30px\r\n        rgba(\r\n            98,\r\n            26,\r\n            31,\r\n            0.20\r\n        );\r\n}\r\n\r\n\r\n.ac-category-link span {\r\n\r\n    color: #F5F0E7 !important;\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform 0.25s ease;\r\n}\r\n\r\n\r\n.ac-category-link:hover span {\r\n\r\n    transform:\r\n        translateX(-4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ac-category-image {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.ac-category-image img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center center;\r\n\r\n    transform:\r\n        scale(1.02);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    min-width: 768px\r\n)\r\nand\r\n(\r\n    max-width: 1024px\r\n) {\r\n\r\n    .ac-products-pin {\r\n\r\n        grid-template-columns:\r\n            0.65fr\r\n            1.35fr;\r\n\r\n        gap: 25px;\r\n\r\n        padding:\r\n            55px\r\n            28px;\r\n    }\r\n\r\n\r\n    .ac-products-eyebrow {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .ac-products-title {\r\n        font-size: 38px;\r\n    }\r\n\r\n\r\n    .ac-products-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    .ac-products-stage {\r\n\r\n        height: 560px;\r\n\r\n        min-height: 500px;\r\n    }\r\n\r\n\r\n    .ac-category-card-inner {\r\n\r\n        grid-template-columns:\r\n            0.9fr\r\n            1.1fr;\r\n    }\r\n\r\n\r\n    .ac-category-info {\r\n        padding: 28px;\r\n    }\r\n\r\n\r\n    .ac-category-info h3 {\r\n        font-size: 42px;\r\n    }\r\n\r\n\r\n    .ac-category-info p {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    max-width: 767px\r\n) {\r\n\r\n    .ac-products-pin {\r\n\r\n        min-height: 100svh;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 25px;\r\n\r\n        padding:\r\n            35px\r\n            16px;\r\n    }\r\n\r\n\r\n    .ac-products-intro {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .ac-products-eyebrow {\r\n\r\n        margin-bottom: 10px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .ac-products-title {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 31px;\r\n\r\n        line-height: 1.25;\r\n    }\r\n\r\n\r\n    .ac-products-description {\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 13px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.75;\r\n    }\r\n\r\n\r\n    .ac-products-progress {\r\n\r\n        width: 100%;\r\n\r\n        margin-top: 18px;\r\n    }\r\n\r\n\r\n    .ac-products-stage {\r\n\r\n        width: 100%;\r\n\r\n        height: 520px;\r\n\r\n        min-height: 520px;\r\n    }\r\n\r\n\r\n    .ac-category-card {\r\n        border-radius: 24px;\r\n    }\r\n\r\n\r\n    .ac-category-card-inner {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        grid-template-rows:\r\n            220px\r\n            1fr;\r\n    }\r\n\r\n\r\n    .ac-category-image {\r\n        grid-row: 1;\r\n    }\r\n\r\n\r\n    .ac-category-info {\r\n\r\n        grid-row: 2;\r\n\r\n        padding:\r\n            20px\r\n            20px\r\n            18px;\r\n    }\r\n\r\n\r\n    .ac-category-number {\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .ac-category-info h3 {\r\n\r\n        margin-top: 7px;\r\n\r\n        font-size: 34px;\r\n    }\r\n\r\n\r\n    .ac-category-info p {\r\n\r\n        margin-top: 8px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    .ac-category-tags {\r\n\r\n        gap: 5px;\r\n\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n\r\n    .ac-category-tags span {\r\n\r\n        min-height: 27px;\r\n\r\n        padding:\r\n            0\r\n            10px;\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .ac-category-link {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 43px;\r\n\r\n        justify-content: space-between;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    max-width: 390px\r\n) {\r\n\r\n    .ac-products-pin {\r\n\r\n        padding:\r\n            28px\r\n            14px;\r\n    }\r\n\r\n\r\n    .ac-products-stage {\r\n\r\n        height: 500px;\r\n\r\n        min-height: 500px;\r\n    }\r\n\r\n\r\n    .ac-category-card-inner {\r\n\r\n        grid-template-rows:\r\n            205px\r\n            1fr;\r\n    }\r\n\r\n\r\n    .ac-category-info {\r\n        padding: 17px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media\r\n(\r\n    prefers-reduced-motion: reduce\r\n) {\r\n\r\n    .ac-products-pin {\r\n\r\n        min-height: auto;\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .ac-products-stage {\r\n\r\n        height: auto;\r\n\r\n        min-height: auto;\r\n\r\n        display: grid;\r\n\r\n        gap: 25px;\r\n\r\n        margin-top: 35px;\r\n    }\r\n\r\n\r\n    .ac-category-card {\r\n\r\n        position: relative;\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\nwindow.addEventListener(\r\n    \"load\",\r\n    function () {\r\n\r\n        if (\r\n            typeof gsap === \"undefined\" ||\r\n            typeof ScrollTrigger === \"undefined\"\r\n        ) {\r\n\r\n            console.error(\r\n                \"ACENUT PRODUCTS: GSAP missing.\"\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches\r\n        ) {\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        gsap.registerPlugin(\r\n            ScrollTrigger\r\n        );\r\n\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".ac-products-story\"\r\n            );\r\n\r\n\r\n        const pin =\r\n            document.querySelector(\r\n                \".ac-products-pin\"\r\n            );\r\n\r\n\r\n        const cards =\r\n            gsap.utils.toArray(\r\n                \".ac-category-card\"\r\n            );\r\n\r\n\r\n        const progress =\r\n            document.querySelector(\r\n                \".ac-products-progress-fill\"\r\n            );\r\n\r\n\r\n        const count =\r\n            document.querySelector(\r\n                \".ac-products-count\"\r\n            );\r\n\r\n\r\n        if (\r\n            !section ||\r\n            !pin ||\r\n            cards.length !== 3\r\n        ) {\r\n\r\n            console.error(\r\n                \"ACENUT PRODUCTS: structure error.\"\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        cards.forEach(\r\n            function (\r\n                card,\r\n                index\r\n            ) {\r\n\r\n                gsap.set(\r\n                    card,\r\n                    {\r\n\r\n                        zIndex:\r\n                            cards.length - index,\r\n\r\n                        autoAlpha:\r\n                            index === 0\r\n                                ? 1\r\n                                : 0,\r\n\r\n                        y:\r\n                            index === 0\r\n                                ? 0\r\n                                : 65,\r\n\r\n                        scale:\r\n                            index === 0\r\n                                ? 1\r\n                                : 0.96\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        const tl =\r\n            gsap.timeline({\r\n\r\n                scrollTrigger: {\r\n\r\n                    trigger:\r\n                        section,\r\n\r\n                    start:\r\n                        \"top top\",\r\n\r\n                    end:\r\n                        () =>\r\n                            \"+=\" +\r\n                            (\r\n                                window.innerHeight *\r\n                                2.7\r\n                            ),\r\n\r\n                    pin:\r\n                        pin,\r\n\r\n                    scrub:\r\n                        1,\r\n\r\n                    anticipatePin:\r\n                        1,\r\n\r\n                    invalidateOnRefresh:\r\n                        true,\r\n\r\n\r\n                    onUpdate:\r\n                        function (\r\n                            self\r\n                        ) {\r\n\r\n                            const index =\r\n                                Math.min(\r\n                                    2,\r\n                                    Math.floor(\r\n                                        self.progress * 3\r\n                                    )\r\n                                );\r\n\r\n\r\n                            if (\r\n                                count\r\n                            ) {\r\n\r\n                                count.textContent =\r\n                                    String(\r\n                                        index + 1\r\n                                    )\r\n                                    .padStart(\r\n                                        2,\r\n                                        \"0\"\r\n                                    )\r\n                                    +\r\n                                    \" \/ 03\";\r\n\r\n                            }\r\n\r\n\r\n                            if (\r\n                                progress\r\n                            ) {\r\n\r\n                                gsap.set(\r\n                                    progress,\r\n                                    {\r\n                                        scaleX:\r\n                                            self.progress\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        tl.to(\r\n            cards[0],\r\n            {\r\n\r\n                autoAlpha: 0,\r\n\r\n                y: -45,\r\n\r\n                scale: 0.95,\r\n\r\n                duration: 0.32,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n            0.72\r\n        );\r\n\r\n\r\n        tl.to(\r\n            cards[1],\r\n            {\r\n\r\n                autoAlpha: 1,\r\n\r\n                y: 0,\r\n\r\n                scale: 1,\r\n\r\n                duration: 0.38,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n            1\r\n        );\r\n\r\n\r\n        tl.to(\r\n            cards[1],\r\n            {\r\n\r\n                autoAlpha: 0,\r\n\r\n                y: -45,\r\n\r\n                scale: 0.95,\r\n\r\n                duration: 0.32,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n            1.72\r\n        );\r\n\r\n\r\n        tl.to(\r\n            cards[2],\r\n            {\r\n\r\n                autoAlpha: 1,\r\n\r\n                y: 0,\r\n\r\n                scale: 1,\r\n\r\n                duration: 0.38,\r\n\r\n                ease: \"none\"\r\n\r\n            },\r\n            2\r\n        );\r\n\r\n\r\n        tl.to(\r\n            {},\r\n            {\r\n                duration: 0.7\r\n            }\r\n        );\r\n\r\n\r\n        setTimeout(\r\n            function () {\r\n\r\n                ScrollTrigger.refresh();\r\n\r\n            },\r\n            400\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0643\u0633\u0631\u0627\u062a \u0648\u0641\u0648\u0627\u0643\u0647 \u0645\u062c\u0641\u0641\u0629 \u0622\u0633\u0646\u0627\u062a \u0645\u0630\u0627\u0642 \u0627\u0644\u0637\u0632\u0627\u062c\u0629\u0645\u0646 \u0642\u0644\u0628 \u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u062a\u0642\u062f\u0645 \u0622\u0633\u0646\u0627\u062a \u062a\u0634\u0643\u064a\u0644\u0629 \u0644\u0630\u064a\u0630\u0629 \u0648\u0635\u062d\u064a\u0629 \u0645\u0646 \u0623\u062c\u0648\u062f \u0627\u0644\u0645\u0643\u0633\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u0648\u0627\u0643\u0647 \u0627\u0644\u0645\u062c\u0641\u0641\u0629\u060c \u0628\u062c\u0648\u062f\u0629 \u062a\u0634\u0639\u0631<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-597","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/pages\/597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/comments?post=597"}],"version-history":[{"count":3,"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/pages\/597\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/pages\/597\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/acenut.ir\/ar\/wp-json\/wp\/v2\/media?parent=597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}