{"id":26,"date":"2026-03-05T16:20:34","date_gmt":"2026-03-05T12:50:34","guid":{"rendered":"https:\/\/cutstand.ir\/?page_id=26"},"modified":"2026-06-13T13:21:27","modified_gmt":"2026-06-13T09:51:27","slug":"elementor-26","status":"publish","type":"page","link":"https:\/\/cutstand.ir\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35927d6 e-flex e-con-boxed e-con e-parent\" data-id=\"35927d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dbfb64 elementor-widget elementor-widget-shortcode\" data-id=\"4dbfb64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.003\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* ==========================================================================\r\n       \u06f0. \u0631\u06cc\u0633\u062a \u0627\u062c\u0628\u0627\u0631\u06cc \u0648 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u0644\u0645\u0646\u062a\u0648\u0631 (\u062d\u0630\u0641 \u062d\u0627\u0634\u06cc\u0647\u200c\u0647\u0627\u06cc \u0633\u0641\u06cc\u062f \u0628\u0627\u0644\u0627 \u0648 \u067e\u0627\u06cc\u06cc\u0646)\r\n       ========================================================================== *\/\r\n    html, body { margin: 0 !important; padding: 0 !important; }\r\n    \r\n    #page, #content, #primary, #main, .site-content, .site-main, .entry-content,\r\n    .elementor-section, .elementor-container, .elementor-widget-wrap, \r\n    .elementor-widget-container, .elementor-widget-shortcode {\r\n        margin-top: 0 !important; margin-bottom: 0 !important;\r\n        padding-top: 0 !important; padding-bottom: 0 !important;\r\n    }\r\n\r\n    .elementor-widget-shortcode p:empty,\r\n    .elementor-widget-shortcode br,\r\n    .entry-content p:empty { display: none !important; }\r\n\r\n    \/* ==========================================================================\r\n       \u06f1. \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0631\u06cc\u0634\u0647 \u0648 \u062a\u06a9\u0646\u06cc\u06a9 Breakout (\u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 \u0634\u062f\u0646 \u062f\u0631 \u0627\u0644\u0645\u0646\u062a\u0648\u0631)\r\n       ========================================================================== *\/\r\n    .cs-wrapper {\r\n        --cs-bg-dark: #0b0f19;\r\n        --cs-bg-card: #161b28;\r\n        --cs-bg-input: #0f131f;\r\n        --cs-bg-header: #05070a;\r\n        --cs-accent-primary: #ff2a2a;\r\n        --cs-accent-gradient: linear-gradient(90deg, #d00000 0%, #ff4d4d 100%);\r\n        --cs-accent-glow: rgba(255, 42, 42, 0.4);\r\n        --cs-text-main: #ffffff;\r\n        --cs-text-muted: #a0aec0;\r\n        --cs-text-light-gray: #e2e8f0;\r\n        --cs-border-color: rgba(255, 255, 255, 0.1);\r\n        --cs-font-family: 'Vazirmatn', sans-serif;\r\n        \r\n        font-family: var(--cs-font-family);\r\n        color: var(--cs-text-main);\r\n        line-height: 1.7;\r\n        direction: rtl;\r\n        background-color: var(--cs-bg-dark);\r\n        overflow-x: hidden;\r\n\r\n        \/* \u0641\u0648\u0631\u0633 \u062a\u0645\u0627\u0645\u200c\u0639\u0631\u0636 (\u0634\u06a9\u0633\u062a\u0646 \u0628\u0627\u06a9\u0633 \u0627\u0644\u0645\u0646\u062a\u0648\u0631) *\/\r\n        width: 100vw !important;\r\n        max-width: 100vw !important;\r\n        margin-right: calc(50% - 50vw) !important;\r\n        margin-left: calc(50% - 50vw) !important;\r\n        position: relative;\r\n    }\r\n\r\n    .cs-wrapper * { box-sizing: border-box; outline: none; -webkit-tap-highlight-color: transparent; }\r\n    .cs-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; }\r\n    \r\n    .cs-text-accent { color: var(--cs-accent-primary); }\r\n\r\n    \/* ==========================================================================\r\n       \u06f2. \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\r\n       ========================================================================== *\/\r\n    .cs-btn {\r\n        display: inline-flex; align-items: center; justify-content: center;\r\n        gap: 10px; padding: 16px 45px; border-radius: 6px;\r\n        font-weight: 700; transition: 0.4s; cursor: pointer;\r\n        font-size: 15px; position: relative; overflow: hidden; z-index: 1;\r\n        border: none; text-decoration: none; font-family: inherit;\r\n    }\r\n    .cs-btn-primary { background: var(--cs-accent-gradient); color: white; box-shadow: 0 10px 25px -5px var(--cs-accent-glow); }\r\n    .cs-btn-primary:hover { transform: translateY(-4px); box-shadow: 0 15px 35px -5px var(--cs-accent-glow); color: white; }\r\n    .cs-btn-outline { border: 1px solid var(--cs-border-color); color: white; background: transparent; }\r\n    .cs-btn-outline:hover { background: rgba(255,255,255,0.05); color: white; }\r\n\r\n    \/* ==========================================================================\r\n       \u06f3. \u0647\u062f\u0631 \u0648 \u0646\u0627\u0648\u0628\u0631\u06cc\r\n       ========================================================================== *\/\r\n    .cs-header {\r\n        background-color: rgba(5, 7, 10, 0.98); backdrop-filter: blur(15px);\r\n        padding: 20px 0; position: fixed; width: 100%; top: 0; z-index: 9999;\r\n        border-bottom: 1px solid var(--cs-border-color); transition: 0.4s ease;\r\n    }\r\n    .cs-header.scrolled { padding: 10px 0; background-color: rgba(5, 7, 10, 1); box-shadow: 0 5px 20px rgba(0,0,0,0.5); }\r\n    .cs-nav-inner { display: flex; justify-content: space-between; align-items: center; }\r\n    .cs-logo { font-size: 28px; font-weight: 900; color: white; letter-spacing: -1px; display: flex; align-items: center; gap: 10px; text-decoration: none; direction: ltr; }\r\n    .cs-logo i { color: var(--cs-accent-primary); font-size: 24px; }\r\n    \r\n    .cs-nav-menu { flex-grow: 1; display: flex; justify-content: center; }\r\n    .cs-nav-menu ul { display: flex; gap: 40px; align-items: center; list-style: none; margin:0; padding:0; }\r\n    .cs-nav-menu a { color: var(--cs-text-light-gray); font-weight: 500; font-size: 15px; transition: 0.3s; position: relative; padding: 5px 0; text-decoration: none; }\r\n    .cs-nav-menu a:hover, .cs-nav-menu a.active { color: var(--cs-accent-primary); }\r\n    .cs-nav-menu a::after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background: var(--cs-accent-primary); transition: 0.3s; }\r\n    .cs-nav-menu a:hover::after, .cs-nav-menu a.active::after { width: 100%; }\r\n\r\n    .cs-mobile-menu-btn, .cs-close-menu-btn, .cs-mobile-actions, .cs-menu-overlay { display: none; }\r\n\r\n    \/* ==========================================================================\r\n       \u06f4. \u0628\u0646\u0631 \u0627\u0635\u0644\u06cc (Hero)\r\n       ========================================================================== *\/\r\n    .cs-hero {\r\n        position: relative; min-height: 100vh; display: flex; align-items: center;\r\n        background-color: var(--cs-bg-dark); overflow: hidden; padding-top: 80px;\r\n    }\r\n    .cs-hero-grid {\r\n        position: absolute; inset: 0;\r\n        background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n        background-size: 60px 60px; z-index: 1; transform: perspective(1000px) rotateX(45deg) translateY(-200px) translateZ(-300px); opacity: 0.4;\r\n    }\r\n    .cs-hero-glow {\r\n        position: absolute; width: 800px; height: 800px; background: radial-gradient(circle, rgba(255, 42, 42, 0.15) 0%, transparent 60%);\r\n        top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none;\r\n    }\r\n    .cs-hero-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }\r\n    .cs-hero-text-box { padding-right: 20px; }\r\n    .cs-hero-tag {\r\n        display: inline-block; color: var(--cs-accent-primary); font-size: 14px; font-weight: 700; letter-spacing: 2px;\r\n        margin-bottom: 25px; border: 1px solid rgba(255, 42, 42, 0.3); padding: 8px 20px; border-radius: 50px; background: rgba(255, 42, 42, 0.05);\r\n    }\r\n    .cs-hero-title { font-size: 4.2rem; line-height: 1.15; margin-bottom: 30px; text-shadow: 0 10px 30px rgba(0,0,0,0.5); }\r\n    .cs-hero-desc { font-size: 1.25rem; color: var(--cs-text-muted); line-height: 1.8; margin-bottom: 40px; max-width: 90%; border-right: 3px solid var(--cs-accent-primary); padding-right: 20px; }\r\n    .cs-hero-buttons { display: flex; gap: 20px; flex-wrap: wrap; }\r\n    .cs-hero-visual { position: relative; height: 600px; display: flex; align-items: center; justify-content: center; perspective: 1000px; }\r\n    .cs-hero-visual img {\r\n        max-width: 90%; height: auto; transform: rotateY(-15deg) rotateX(5deg); filter: drop-shadow(-20px 30px 40px rgba(0,0,0,0.6));\r\n        animation: floatHero 6s ease-in-out infinite; z-index: 3; border-radius: 20px; border: 2px solid rgba(255,42,42,0.3);\r\n    }\r\n    .cs-hero-visual::after {\r\n        content: ''; position: absolute; width: 400px; height: 400px; border: 2px dashed rgba(255, 42, 42, 0.4);\r\n        border-radius: 50%; z-index: 2; animation: spinSlow 30s linear infinite;\r\n    }\r\n    @keyframes floatHero { 0%, 100% { transform: rotateY(-15deg) rotateX(5deg) translateY(0); } 50% { transform: rotateY(-15deg) rotateX(5deg) translateY(-30px); } }\r\n    @keyframes spinSlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n    \/* ==========================================================================\r\n       \u06f5. \u0646\u0648\u0627\u0631 \u0645\u062a\u062d\u0631\u06a9 (Marquee)\r\n       ========================================================================== *\/\r\n    .cs-marquee { background: #05070a; padding: 40px 0; border-top: 1px solid var(--cs-border-color); border-bottom: 1px solid var(--cs-border-color); overflow: hidden; position: relative; }\r\n    .cs-marquee-track { display: flex; width: calc(250px * 14); animation: scrollMarquee 35s linear infinite; }\r\n    .cs-marquee-item {\r\n        width: 250px; display: flex; align-items: center; justify-content: center; gap: 15px; color: var(--cs-text-muted);\r\n        font-size: 20px; font-weight: 800; filter: grayscale(100%); opacity: 0.5; transition: 0.4s;\r\n    }\r\n    .cs-marquee-item:hover { filter: grayscale(0%); opacity: 1; color: var(--cs-accent-primary); }\r\n    @keyframes scrollMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(calc(250px * 7)); } }\r\n\r\n    \/* ==========================================================================\r\n       \u06f6. \u0645\u062d\u0635\u0648\u0644\u0627\u062a (Bento Grid)\r\n       ========================================================================== *\/\r\n    .cs-section-padding { padding: 140px 0; position: relative; }\r\n    .cs-section-header { text-align: center; margin-bottom: 70px; display: flex; flex-direction: column; align-items: center; }\r\n    .cs-sub-title { color: var(--cs-accent-primary); font-size: 15px; font-weight: 700; letter-spacing: 2px; display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }\r\n    .cs-sub-title::before, .cs-sub-title::after { content: ''; width: 40px; height: 2px; background: var(--cs-accent-primary); }\r\n    .cs-section-header h2 { font-size: 3.5rem; color: white; max-width: 800px; margin: 0; }\r\n    \r\n    .cs-bento { display: grid; grid-template-columns: repeat(6, 1fr); gap: 25px; }\r\n    .cs-col-3 { grid-column: span 2; } .cs-col-2 { grid-column: span 3; }\r\n    \r\n    .cs-cat-card {\r\n        position: relative; border-radius: 20px; overflow: hidden; background: var(--cs-bg-card); border: 1px solid var(--cs-border-color);\r\n        display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 30px; height: 420px; transition: 0.5s; cursor: pointer; text-decoration: none;\r\n    }\r\n    .cs-cat-bg { position: absolute; inset: 0; background-size: cover; background-position: center; filter: grayscale(100%) brightness(0.4); transition: 0.7s; z-index: 1; }\r\n    .cs-cat-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11, 15, 25, 1) 10%, transparent 80%); z-index: 2; }\r\n    \r\n    .cs-cat-card:hover { border-color: var(--cs-accent-primary); box-shadow: 0 20px 40px rgba(255, 42, 42, 0.15); }\r\n    .cs-cat-card:hover .cs-cat-bg { filter: grayscale(0%) brightness(0.7); transform: scale(1.08); }\r\n    \r\n    .cs-cat-content { position: relative; z-index: 3; transform: translateY(20px); transition: 0.5s; }\r\n    .cs-cat-card:hover .cs-cat-content { transform: translateY(0); }\r\n    \r\n    .cs-cat-icon { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(5px); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: white; margin-bottom: 20px; transition: 0.4s; border: 1px solid rgba(255, 255, 255, 0.1); }\r\n    .cs-cat-card:hover .cs-cat-icon { background: var(--cs-accent-primary); border-color: var(--cs-accent-primary); }\r\n    \r\n    .cs-cat-content h3 { font-size: 22px; color: white; margin-bottom: 10px; }\r\n    .cs-cat-content p { color: var(--cs-text-light-gray); font-size: 13px; opacity: 0; transition: 0.5s; margin: 0; }\r\n    .cs-cat-card:hover .cs-cat-content p { opacity: 1; }\r\n\r\n    \/* ==========================================================================\r\n       \u06f7. \u0622\u0645\u0627\u0631 (Stats)\r\n       ========================================================================== *\/\r\n    .cs-stats { background: linear-gradient(to right, #05070a, var(--cs-bg-card), #05070a); border-top: 1px solid var(--cs-border-color); border-bottom: 1px solid var(--cs-border-color); padding: 80px 0; position: relative; }\r\n    .cs-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }\r\n    .cs-stat-item { text-align: center; position: relative; }\r\n    .cs-stat-item:not(:last-child)::after { content: ''; position: absolute; left: 0; top: 20%; height: 60%; width: 1px; background: var(--cs-border-color); }\r\n    .cs-stat-val { font-size: 3.5rem; font-weight: 900; color: white; font-family: 'Courier New', monospace; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }\r\n    .cs-stat-val span.sym { color: var(--cs-accent-primary); font-size: 2.5rem; margin-right: 5px; }\r\n    .cs-stat-text { color: var(--cs-text-muted); font-size: 14px; font-weight: 700; letter-spacing: 1px; }\r\n\r\n    \/* ==========================================================================\r\n       \u06f8. \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc (Horizontal Process)\r\n       ========================================================================== *\/\r\n    .cs-hz-section { width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #0b0f19; border-top: 1px solid var(--cs-border-color); }\r\n    .cs-hz-container { display: flex; width: 400vw; height: 100%; flex-wrap: nowrap; flex-direction: row; }\r\n    .cs-hz-panel { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; padding: 0 10vw; }\r\n    .cs-hz-bg-text { position: absolute; font-size: 20vw; font-weight: 900; color: rgba(255,255,255,0.015); z-index: 0; white-space: nowrap; top: 50%; transform: translateY(-50%); pointer-events: none; }\r\n    .cs-hz-content { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; z-index: 2; width: 100%; max-width: 1200px; }\r\n    .cs-hz-text h4 { color: var(--cs-accent-primary); font-size: 18px; letter-spacing: 2px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }\r\n    .cs-hz-text h4::before { content: ''; width: 30px; height: 2px; background: var(--cs-accent-primary); }\r\n    .cs-hz-text h2 { font-size: 3.5rem; line-height: 1.2; margin-bottom: 30px; color: white; margin-top: 0; }\r\n    .cs-hz-text p { color: var(--cs-text-muted); font-size: 1.15rem; line-height: 1.9; }\r\n    .cs-hz-image { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,0.6); height: 55vh; border: 1px solid rgba(255,255,255,0.1); }\r\n    .cs-hz-image img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.8); }\r\n\r\n    \/* ==========================================================================\r\n       \u06f9. \u067e\u0627\u0631\u0627\u0644\u0627\u06a9\u0633 CTA\r\n       ========================================================================== *\/\r\n    .cs-cta { padding: 150px 0; background: linear-gradient(rgba(11, 15, 25, 0.92), rgba(11, 15, 25, 0.92)), url('https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/CTA-background-1080-1920_b.jpg'); background-size: cover; background-attachment: fixed; background-position: center; text-align: center; border-top: 1px solid var(--cs-accent-primary); }\r\n    .cs-cta h2 { font-size: 4rem; margin-bottom: 30px; color: white; margin-top: 0; }\r\n    .cs-cta p { font-size: 1.2rem; color: var(--cs-text-light-gray); margin-bottom: 50px; max-width: 600px; margin-left: auto; margin-right: auto; }\r\n\r\n    \/* ==========================================================================\r\n       \u06f1\u06f0. \u0641\u0648\u062a\u0631 (\u0627\u0635\u0644\u0627\u062d \u0644\u0648\u06af\u0648 \u0648 \u06a9\u067e\u06cc\u200c\u0631\u0627\u06cc\u062a \u0644\u06cc\u0646\u06a9\u200c\u062f\u0627\u0631)\r\n       ========================================================================== *\/\r\n    .cs-footer { background-color: #05070a; padding: 80px 0 30px; font-size: 0.9rem; color: var(--cs-text-muted); }\r\n    .cs-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 50px; margin-bottom: 60px; }\r\n    \r\n    \/* \u0627\u0635\u0644\u0627\u062d \u06a9\u0627\u0645\u0644 \u0644\u0648\u06af\u0648\u06cc \u0641\u0648\u062a\u0631 \u0628\u0647 \u0645\u062a\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f *\/\r\n    .cs-footer-logo { color: white; font-size: 28px; font-weight: 800; margin-bottom: 25px; display: inline-block; direction: ltr; }\r\n    .cs-footer-logo span { color: var(--cs-accent-primary); }\r\n    \r\n    .cs-footer-widget h4 { color: white; font-size: 1.2rem; margin-bottom: 25px; position: relative; padding-bottom: 15px; }\r\n    .cs-footer-widget h4::after { content: ''; position: absolute; bottom: 0; right: 0; width: 40px; height: 2px; background: var(--cs-accent-primary); }\r\n    .cs-footer-links { padding: 0; margin: 0; list-style: none; }\r\n    .cs-footer-links li { margin-bottom: 15px; }\r\n    .cs-footer-links a { color: var(--cs-text-muted); transition: 0.3s; text-decoration: none; }\r\n    .cs-footer-links a:hover { color: var(--cs-accent-primary); padding-right: 8px; }\r\n    .cs-contact-item { display: flex; gap: 15px; margin-bottom: 20px; align-items: flex-start; }\r\n    .cs-contact-item i { color: var(--cs-accent-primary); margin-top: 5px; font-size: 18px; }\r\n    .cs-socials { display: flex; gap: 15px; margin-top: 25px; }\r\n    .cs-socials a { width: 40px; height: 40px; background: var(--cs-bg-card); border: 1px solid var(--cs-border-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; transition: 0.3s; text-decoration: none; }\r\n    .cs-socials a:hover { background: var(--cs-accent-primary); border-color: var(--cs-accent-primary); transform: translateY(-5px); color: white; }\r\n    \r\n    .cs-copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.05); font-size: 13px; margin-bottom: 0; }\r\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u0644\u06cc\u0646\u06a9 \u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f \u062f\u0631 \u06a9\u067e\u06cc\u200c\u0631\u0627\u06cc\u062a *\/\r\n    .cs-copyright a { color: var(--cs-accent-primary); text-decoration: none; font-weight: 800; transition: var(--cs-transition); }\r\n    .cs-copyright a:hover { color: white; text-decoration: underline; }\r\n\r\n    \/* ==========================================================================\r\n       \u06f1\u06f1. \u0646\u0627\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0647\u0648\u0634\u0645\u0646\u062f\r\n       ========================================================================== *\/\r\n    .cs-toast-support {\r\n        position: fixed; bottom: 30px; left: 30px;\r\n        background: rgba(15, 19, 31, 0.95); backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 42, 42, 0.3); border-radius: 12px;\r\n        padding: 15px 20px 15px 15px; display: flex; align-items: center; gap: 15px;\r\n        box-shadow: 0 10px 30px rgba(255, 42, 42, 0.15); z-index: 99999;\r\n        transform: translateY(150px); opacity: 0; visibility: hidden;\r\n        transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n    .cs-toast-support.show { transform: translateY(0); opacity: 1; visibility: visible; }\r\n    .cs-toast-icon {\r\n        width: 45px; height: 45px; background: var(--cs-accent-gradient); border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center; font-size: 20px; color: white;\r\n        box-shadow: 0 0 15px rgba(255, 42, 42, 0.4); animation: csPulse 2s infinite;\r\n    }\r\n    .cs-toast-text { flex-grow: 1; text-decoration: none; display: block; }\r\n    .cs-toast-text h4 { font-size: 14px; margin: 0 0 3px 0; color: white; }\r\n    .cs-toast-text p { font-size: 12px; color: var(--cs-text-muted); margin: 0; }\r\n    .cs-toast-close {\r\n        background: none; border: none; color: var(--cs-text-muted); cursor: pointer;\r\n        font-size: 16px; padding: 5px; transition: 0.3s; margin-right: 5px;\r\n    }\r\n    .cs-toast-close:hover { color: var(--cs-accent-primary); transform: rotate(90deg); }\r\n    \r\n    @keyframes csPulse {\r\n        0% { box-shadow: 0 0 0 0 rgba(255, 42, 42, 0.7); }\r\n        70% { box-shadow: 0 0 0 10px rgba(255, 42, 42, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(255, 42, 42, 0); }\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       \u06f1\u06f2. \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0648 \u0645\u0648\u0628\u0627\u06cc\u0644\r\n       ========================================================================== *\/\r\n    @media (max-width: 1024px) {\r\n        .cs-bento { grid-template-columns: repeat(6, 1fr); }\r\n        .cs-col-3, .cs-col-2 { grid-column: span 3; }\r\n        .cs-cat-card:last-child { grid-column: span 6; }\r\n        .cs-cat-card { height: 380px; }\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .cs-header-actions { display: none; }\r\n        .cs-mobile-menu-btn { display: flex; align-items: center; justify-content: center; font-size: 26px; color: white; cursor: pointer; z-index: 10001; }\r\n        .cs-menu-overlay { display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(5px); z-index: 9999; opacity: 0; visibility: hidden; transition: 0.3s ease; }\r\n        .cs-menu-overlay.active { opacity: 1; visibility: visible; }\r\n        \r\n        .cs-nav-menu {\r\n            position: fixed; top: 0; right: -320px; width: 280px; height: 100vh;\r\n            background: var(--cs-bg-card); border-left: 1px solid var(--cs-border-color);\r\n            flex-direction: column; justify-content: flex-start; padding: 30px 25px;\r\n            z-index: 10000; transition: right 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n        .cs-nav-menu.active { right: 0; }\r\n        .cs-close-menu-btn { display: flex; justify-content: flex-end; font-size: 24px; color: var(--cs-text-muted); cursor: pointer; margin-bottom: 40px; transition: 0.3s; }\r\n        .cs-close-menu-btn:hover { color: var(--cs-accent-primary); transform: rotate(90deg); }\r\n        .cs-nav-menu ul { flex-direction: column; align-items: flex-start; gap: 15px; width: 100%; display: flex !important; }\r\n        .cs-nav-menu ul li { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 15px; }\r\n        .cs-nav-menu a { font-size: 16px; display: block; width: 100%; }\r\n        .cs-nav-menu a::after { display: none; }\r\n        .cs-mobile-actions { display: block; width: 100%; margin-top: 30px; }\r\n\r\n        .cs-hero-content { grid-template-columns: 1fr; text-align: center; gap: 30px; }\r\n        .cs-hero-text-box { padding-right: 0; }\r\n        .cs-hero-desc { border-right: none; padding-right: 0; margin: 0 auto 40px auto; }\r\n        .cs-hero-buttons { justify-content: center; }\r\n        .cs-hero-visual { height: 400px; }\r\n        \r\n        .cs-stats-grid { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n        .cs-stat-item:not(:last-child)::after { display: none; }\r\n        \r\n        .cs-hz-section { height: auto; padding: 80px 0; }\r\n        .cs-hz-container { width: 100%; display: flex; flex-direction: column; }\r\n        .cs-hz-panel { width: 100%; height: auto; padding: 60px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n        .cs-hz-bg-text { display: none; }\r\n        .cs-hz-content { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n        .cs-mobile-reverse { display: flex; flex-direction: column-reverse; }\r\n        .cs-hz-text h4 { justify-content: center; }\r\n        .cs-hz-text h4::before { display: none; }\r\n        .cs-hz-image { height: 40vh; }\r\n        \r\n        .cs-footer-grid { grid-template-columns: 1fr; text-align: center; }\r\n        .cs-footer-widget h4::after { left: 50%; transform: translateX(-50%); right: auto; }\r\n        .cs-contact-item { justify-content: center; }\r\n        .cs-socials { justify-content: center; }\r\n        .cs-footer-logo { margin: 0 auto 25px auto; }\r\n        \r\n        \/* \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06a9\u0627\u0646 \u0646\u0627\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n        .cs-toast-support { bottom: 20px; left: 20px; right: 20px; justify-content: space-between; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cs-bento { grid-template-columns: 1fr; }\r\n        .cs-col-3, .cs-col-2, .cs-cat-card:last-child { grid-column: span 1; }\r\n        \r\n        .cs-hero { padding-top: 120px; }\r\n        .cs-hero-title { font-size: 2.2rem; }\r\n        .cs-hero-desc { font-size: 1rem; padding: 0 10px; }\r\n        .cs-hero-tag { display: block; margin: 0 auto 20px auto; width: fit-content; }\r\n        \r\n        .cs-section-header h2 { font-size: 2rem; padding: 0 15px;}\r\n        .cs-section-header .cs-sub-title { justify-content: center; }\r\n        \r\n        .cs-stat-val { font-size: 2.5rem; }\r\n        .cs-stat-val span.sym { font-size: 1.8rem; }\r\n        \r\n        .cs-hz-text h2 { font-size: 2.2rem; }\r\n        .cs-hz-image { height: 30vh; }\r\n        \r\n        .cs-cta { padding: 80px 15px; }\r\n        .cs-cta h2 { font-size: 2rem; line-height: 1.4; }\r\n        .cs-cta p { font-size: 1rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cs-wrapper\" dir=\"rtl\">\r\n\r\n    <div class=\"cs-toast-support\" id=\"cs-toast-support\">\r\n        <div class=\"cs-toast-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n        <a href=\"https:\/\/cutstand.ir\/?page_id=451\" class=\"cs-toast-text\">\r\n            <h4>\u0646\u06cc\u0627\u0632 \u0628\u0647 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u062f\u0627\u0631\u06cc\u062f\u061f<\/h4>\r\n            <p>\u0627\u0631\u062a\u0628\u0627\u0637 \u0633\u0631\u06cc\u0639 \u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u06cc<\/p>\r\n        <\/a>\r\n        <button class=\"cs-toast-close\" id=\"cs-toast-close\" title=\"\u0628\u0633\u062a\u0646\"><i class=\"fas fa-times\"><\/i><\/button>\r\n    <\/div>\r\n\r\n    <header class=\"cs-header\" id=\"cs-header\">\r\n        <div class=\"cs-container cs-nav-inner\">\r\n            <a href=\"https:\/\/cutstand.ir\/\" class=\"cs-logo\" dir=\"ltr\">\r\n                <i class=\"fas fa-layer-group\"><\/i> Cut<span>Stand<\/span>\r\n            <\/a>\r\n\r\n            <div class=\"cs-mobile-menu-btn\" id=\"cs-mobile-menu-btn\"><i class=\"fas fa-bars\"><\/i><\/div>\r\n            <div class=\"cs-menu-overlay\" id=\"cs-menu-overlay\"><\/div>\r\n\r\n            <nav class=\"cs-nav-menu\" id=\"cs-nav-menu\">\r\n                <div class=\"cs-close-menu-btn\" id=\"cs-close-menu-btn\"><i class=\"fas fa-times\"><\/i><\/div>\r\n                <ul>\r\n                    <li><a href=\"https:\/\/cutstand.ir\/\" class=\"active\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\r\n                    <li><a href=\"https:\/\/cutstand.ir\/?page_id=38\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a><\/li>\r\n                    <li><a href=\"https:\/\/cutstand.ir\/?page_id=32\">\u062e\u062f\u0645\u0627\u062a<\/a><\/li>\r\n                    <li><a href=\"https:\/\/cutstand.ir\/?page_id=52\">\u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627<\/a><\/li>\r\n                    <li><a href=\"https:\/\/cutstand.ir\/?page_id=45\">\u0633\u0641\u0627\u0631\u0634 \u0633\u0627\u0632\u0645\u0627\u0646\u06cc<\/a><\/li>\r\n                <\/ul>\r\n                <div class=\"cs-mobile-actions\">\r\n                    <a href=\"https:\/\/cutstand.ir\/?page_id=45\" class=\"cs-btn cs-btn-primary\" style=\"width: 100%;\">\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a B2B<\/a>\r\n                <\/div>\r\n            <\/nav>\r\n\r\n            <div class=\"cs-header-actions\">\r\n                <a href=\"https:\/\/cutstand.ir\/?page_id=45\" class=\"cs-btn cs-btn-primary\">\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a B2B<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n    \r\n    <section class=\"cs-hero\">\r\n        <div class=\"cs-hero-grid\"><\/div>\r\n        <div class=\"cs-hero-glow\"><\/div>\r\n        <div class=\"cs-container cs-hero-content\">\r\n            <div class=\"cs-hero-text-box\">\r\n                <span class=\"cs-hero-tag cs-gsap-el\">\u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0633\u0627\u0632\u0647 \u0647\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc<\/span>\r\n                <h1 class=\"cs-hero-title cs-gsap-el\">\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0644\u06cc\u062f \u0627\u0633\u062a\u0646\u062f\u0647\u0627\u06cc <span class=\"cs-text-accent\">\u06a9\u0627\u0631\u062a\u0646 \u067e\u0644\u0627\u0633\u062a \u0648 \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc<\/span><\/h1>\r\n                <p class=\"cs-hero-desc cs-gsap-el\">\u0648\u06cc\u062a\u0631\u06cc\u0646\u200c\u0647\u0627\u06cc\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0634\u0645\u0627 \u062f\u0631 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631. \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0686\u0627\u067e \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0635\u0646\u0639\u062a\u06cc \u0648 \u062a\u062d\u0648\u06cc\u0644 \u062f\u0631 \u0632\u0645\u0627\u0646\u0628\u0646\u062f\u06cc \u062f\u0642\u06cc\u0642.<\/p>\r\n                <div class=\"cs-hero-buttons cs-gsap-el\">\r\n                    <a href=\"https:\/\/cutstand.ir\/?page_id=52\" class=\"cs-btn cs-btn-primary\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0645\u0648\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627 <i class=\"fas fa-arrow-left\"><\/i><\/a>\r\n                    <a href=\"https:\/\/cutstand.ir\/?page_id=45\" class=\"cs-btn cs-btn-outline\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"cs-hero-visual cs-gsap-el\">\r\n                <img decoding=\"async\" src=\"https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/hero-image-1000-1000.jpg\" alt=\"\u0627\u0633\u062a\u0646\u062f \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"cs-marquee\">\r\n        <div class=\"cs-marquee-track\">\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-star\"><\/i> \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646\u06cc<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-industry\"><\/i> \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0628\u0648\u0647<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-cube\"><\/i> \u0637\u0631\u0627\u062d\u06cc \u06f3 \u0628\u0639\u062f\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-truck-loading\"><\/i> \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0635\u0627\u062f\u0631\u0627\u062a\u06cc<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-clock\"><\/i> \u062a\u062d\u0648\u06cc\u0644 \u0641\u0648\u0631\u06cc<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-print\"><\/i> \u0686\u0627\u067e \u0641\u0644\u062a\u200c\u0628\u062f UV<\/div>\r\n            \r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-star\"><\/i> \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0636\u0645\u06cc\u0646\u06cc<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-industry\"><\/i> \u062a\u0648\u0644\u06cc\u062f \u0627\u0646\u0628\u0648\u0647<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-cube\"><\/i> \u0637\u0631\u0627\u062d\u06cc \u06f3 \u0628\u0639\u062f\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-truck-loading\"><\/i> \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0635\u0627\u062f\u0631\u0627\u062a\u06cc<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-clock\"><\/i> \u062a\u062d\u0648\u06cc\u0644 \u0641\u0648\u0631\u06cc<\/div>\r\n            <div class=\"cs-marquee-item\"><i class=\"fas fa-print\"><\/i> \u0686\u0627\u067e \u0641\u0644\u062a\u200c\u0628\u062f UV<\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"cs-section-padding\">\r\n        <div class=\"cs-container\">\r\n            <div class=\"cs-section-header cs-gsap-fade\">\r\n                <span class=\"cs-sub-title\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/span>\r\n                <h2>\u0647\u0631 \u0622\u0646\u0686\u0647 \u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0647 \u0634\u062f\u0646 <span class=\"cs-text-accent\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a\u062a\u0627\u0646<\/span> \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f<\/h2>\r\n            <\/div>\r\n            <div class=\"cs-bento\">\r\n                \r\n                <a href=\"https:\/\/cutstand.ir\/?page_id=233\" class=\"cs-cat-card cs-col-3 cs-gsap-fade\">\r\n                    <div class=\"cs-cat-bg\" style=\"background-image: url('https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/category-cards-600-800-roumizi.jpg');\"><\/div>\r\n                    <div class=\"cs-cat-overlay\"><\/div>\r\n                    <div class=\"cs-cat-content\">\r\n                        <div class=\"cs-cat-icon\"><i class=\"fas fa-layer-group\"><\/i><\/div>\r\n                        <h3>\u0627\u0633\u062a\u0646\u062f \u06a9\u0627\u0631\u062a\u0646 \u067e\u0644\u0627\u0633\u062a<\/h3>\r\n                        <p>\u0627\u0646\u0628\u0627\u0631\u062f\u0627\u0631\u06cc \u0622\u0633\u0627\u0646 \u0648 \u06a9\u0645\u200c\u062d\u062c\u0645 \u06cc\u0627 \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u062c\u0644\u0648\u0647 \u062f\u0631 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u060c \u06a9\u0645\u062a\u0631\u06cc\u0646 \u062d\u062c\u0645 \u062f\u0631 \u0627\u0646\u0628\u0627\u0631<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/cutstand.ir\/?page_id=231\" class=\"cs-cat-card cs-col-3 cs-gsap-fade\" style=\"transition-delay: 0.1s;\">\r\n                    <div class=\"cs-cat-bg\" style=\"background-image: url('https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/category-cards-600-800-photo-face.jpg');\"><\/div>\r\n                    <div class=\"cs-cat-overlay\"><\/div>\r\n                    <div class=\"cs-cat-content\">\r\n                        <div class=\"cs-cat-icon\"><i class=\"fas fa-tree\"><\/i><\/div>\r\n                        <h3>\u0627\u0633\u062a\u0646\u062f\u0647\u0627\u06cc \u0641\u062a\u0648\u0641\u06cc\u0633<\/h3>\r\n                        <p>\u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0648\u0646\u062a\u200c\u0647\u0627 \u0648 \u06a9\u0645\u067e\u06cc\u0646\u200c\u0647\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc\u061b \u062f\u0642\u062a \u0648 \u0638\u0631\u0627\u0641\u062a \u062f\u0631 \u0628\u0631\u0634 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/cutstand.ir\/?page_id=286\" class=\"cs-cat-card cs-col-3 cs-gsap-fade\" style=\"transition-delay: 0.2s;\">\r\n                    <div class=\"cs-cat-bg\" style=\"background-image: url('https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/category-cards-600-800-photo-product-b.jpg');\"><\/div>\r\n                    <div class=\"cs-cat-overlay\"><\/div>\r\n                    <div class=\"cs-cat-content\">\r\n                        <div class=\"cs-cat-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n                        <h3>\u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f\u0647\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc<\/h3>\r\n                        <p>\u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u062c\u0644\u0628 \u062a\u0648\u062c\u0647 \u0641\u0648\u0631\u06cc\u060c \u0628\u0631\u062c\u0633\u062a\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u0635\u0648\u0644 \u0648 \u0645\u0639\u0631\u0641\u06cc \u0628\u06cc\u200c\u0646\u0642\u0635 \u0628\u0631\u0646\u062f \u0634\u0645\u0627 \u062a\u0646\u0647\u0627 \u062f\u0631 \u06cc\u06a9 \u0646\u06af\u0627\u0647.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/cutstand.ir\/?page_id=287\" class=\"cs-cat-card cs-col-2 cs-gsap-fade\" style=\"transition-delay: 0.1s;\">\r\n                    <div class=\"cs-cat-bg\" style=\"background-image: url('https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/category-cards-1000-800-taklif_decorative.jpg');\"><\/div>\r\n                    <div class=\"cs-cat-overlay\"><\/div>\r\n                    <div class=\"cs-cat-content\">\r\n                        <div class=\"cs-cat-icon\"><i class=\"fas fa-cube\"><\/i><\/div>\r\n                        <h3>\u0627\u0633\u062a\u0646\u062f\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628\u062a\u06cc \u0648 \u062f\u06a9\u0648\u0631\u0627\u062a\u06cc\u0648<\/h3>\r\n                        <p>\u062a\u0631\u06a9\u06cc\u0628 \u0628\u06cc\u200c\u0646\u0642\u0635 \u0627\u0633\u062a\u0646\u062f \u0648 \u0647\u0646\u0631 \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0644\u062d\u0638\u0627\u062a\u06cc \u06a9\u0647 \u062a\u06a9\u0631\u0627\u0631 \u0646\u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/cutstand.ir\/?page_id=226\" class=\"cs-cat-card cs-col-2 cs-gsap-fade\" style=\"transition-delay: 0.2s;\">\r\n                    <div class=\"cs-cat-bg\" style=\"background-image: url('https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/category-cards-1000-800-wide.jpg');\"><\/div>\r\n                    <div class=\"cs-cat-overlay\"><\/div>\r\n                    <div class=\"cs-cat-content\">\r\n                        <div class=\"cs-cat-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\r\n                        <h3>\u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f \u0647\u0627\u06cc \u0639\u0631\u06cc\u0636<\/h3>\r\n                        <p>\u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\u200c\u0627\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u0639\u0631\u06cc\u0636 \u06a9\u0647 \u062f\u0631 \u06cc\u06a9 \u0644\u062d\u0638\u0647 \u0628\u0631\u067e\u0627 \u0648 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"cs-stats\">\r\n        <div class=\"cs-container cs-stats-grid\">\r\n            <div class=\"cs-stat-item cs-gsap-fade\">\r\n                <div class=\"cs-stat-val\"><span class=\"cs-sym\">+<\/span><span class=\"cs-counter\" data-target=\"25\">0<\/span><\/div>\r\n                <div class=\"cs-stat-text\">\u0633\u0627\u0644 \u062a\u062c\u0631\u0628\u0647 \u0635\u0646\u0639\u062a\u06cc<\/div>\r\n            <\/div>\r\n            <div class=\"cs-stat-item cs-gsap-fade\">\r\n                <div class=\"cs-stat-val\"><span class=\"cs-sym\">+<\/span><span class=\"cs-counter\" data-target=\"1500\">0<\/span><\/div>\r\n                <div class=\"cs-stat-text\">\u0645\u0634\u062a\u0631\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u06cc B2B<\/div>\r\n            <\/div>\r\n            <div class=\"cs-stat-item cs-gsap-fade\">\r\n                <div class=\"cs-stat-val\"><span class=\"cs-sym\">+<\/span><span class=\"cs-counter\" data-target=\"50\">0<\/span><\/div>\r\n                <div class=\"cs-stat-text\">\u062f\u0633\u062a\u06af\u0627\u0647 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0631\u0634 \u0648 \u0686\u0627\u067e<\/div>\r\n            <\/div>\r\n            <div class=\"cs-stat-item cs-gsap-fade\">\r\n                <div class=\"cs-stat-val\"><span class=\"cs-sym\">+<\/span><span class=\"cs-counter\" data-target=\"2000\">0<\/span><\/div>\r\n                <div class=\"cs-stat-text\">\u0638\u0631\u0641\u06cc\u062a \u062a\u0648\u0644\u06cc\u062f \u0631\u0648\u0632\u0627\u0646\u0647<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"cs-hz-section\">\r\n        <div class=\"cs-hz-container\">\r\n            \r\n            <div class=\"cs-hz-panel\">\r\n                <div class=\"cs-hz-bg-text\">01 CONSULTING<\/div>\r\n                <div class=\"cs-hz-content\">\r\n                    <div class=\"cs-hz-text\">\r\n                        <h4>\u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644<\/h4>\r\n                        <h2>\u0645\u0634\u0627\u0648\u0631\u0647 \u0648 <span class=\"cs-text-accent\">\u0646\u06cc\u0627\u0632\u0633\u0646\u062c\u06cc \u067e\u0631\u0648\u0698\u0647<\/span><\/h2>\r\n                        <p>\u0634\u0646\u06cc\u062f\u0646 \u0627\u06cc\u062f\u0647 \u0648 \u0628\u0631\u0631\u0633\u06cc \u062a\u062e\u0635\u0635\u06cc \u067e\u0631\u0648\u0698\u0647\u061b \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0647\u0648\u0634\u0645\u0646\u062f\u0627\u0646\u0647 \u0648 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632 \u0634\u0645\u0627.<\/p>\r\n                    <\/div>\r\n                    <div class=\"cs-hz-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/moshavereh.jpg\" alt=\"\u0645\u0634\u0627\u0648\u0631\u0647 \u067e\u0631\u0648\u0698\u0647\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cs-hz-panel\">\r\n                <div class=\"cs-hz-bg-text\">02 3D DESIGN<\/div>\r\n                <div class=\"cs-hz-content cs-mobile-reverse\">\r\n                    <div class=\"cs-hz-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/stand_nan_3d.jpg\" alt=\"\u0637\u0631\u0627\u062d\u06cc \u0633\u0647 \u0628\u0639\u062f\u06cc\">\r\n                    <\/div>\r\n                    <div class=\"cs-hz-text\">\r\n                        <h4>\u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645<\/h4>\r\n                        <h2>\u0637\u0631\u0627\u062d\u06cc <span class=\"cs-text-accent\">\u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0645\u0647\u0646\u062f\u0633\u06cc<\/span><\/h2>\r\n                        <p>\u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0642\u06cc\u0642 \u0645\u062d\u0635\u0648\u0644 \u067e\u06cc\u0634 \u0627\u0632 \u062a\u0648\u0644\u06cc\u062f\u061b \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0638\u0627\u0647\u0631\u06cc \u0648 \u0627\u06cc\u0633\u062a\u0627\u06cc\u06cc \u06a9\u0627\u0645\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u0633\u062a\u0646\u062f.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cs-hz-panel\">\r\n                <div class=\"cs-hz-bg-text\">03 PRODUCTION<\/div>\r\n                <div class=\"cs-hz-content\">\r\n                    <div class=\"cs-hz-text\">\r\n                        <h4>\u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645<\/h4>\r\n                        <h2>\u062a\u0648\u0644\u06cc\u062f \u0628\u0627 <span class=\"cs-text-accent\">\u062f\u0642\u062a \u0644\u06cc\u0632\u0631\u06cc<\/span><\/h2>\r\n                        <p>\u062e\u0644\u0642 \u0646\u0645\u0648\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627 \u062a\u0644\u0641\u06cc\u0642 \u0686\u0627\u067e \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u0650 \u0636\u062f\u0622\u0628 \u0648 \u0628\u0631\u0634\u200c\u0647\u0627\u06cc \u0645\u06cc\u0644\u06cc\u200c\u0645\u062a\u0631\u06cc CNC \u062a\u0627 \u0627\u0633\u062a\u0646\u062f\u06cc \u0628\u06cc\u200c\u0646\u0642\u0635 \u062e\u0644\u0642 \u0634\u0648\u062f.<\/p>\r\n                    <\/div>\r\n                    <div class=\"cs-hz-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/stand_nemouneh.jpg\" alt=\"\u062a\u0648\u0644\u06cc\u062f \u0644\u06cc\u0632\u0631\u06cc\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cs-hz-panel\">\r\n                <div class=\"cs-hz-bg-text\">04 ASSEMBLY<\/div>\r\n                <div class=\"cs-hz-content cs-mobile-reverse\">\r\n                    <div class=\"cs-hz-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cutstand.ir\/wp-content\/uploads\/2026\/03\/pack.jpg\" alt=\"\u0645\u0648\u0646\u062a\u0627\u0698 \u0648 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc\">\r\n                    <\/div>\r\n                    <div class=\"cs-hz-text\">\r\n                        <h4>\u0645\u0631\u062d\u0644\u0647 \u0646\u0647\u0627\u06cc\u06cc<\/h4>\r\n                        <h2>\u0645\u0648\u0646\u062a\u0627\u0698 \u0648 <span class=\"cs-text-accent\">\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0635\u0627\u062f\u0631\u0627\u062a\u06cc<\/span><\/h2>\r\n                        <p>\u06a9\u0646\u062a\u0631\u0644 \u06a9\u06cc\u0641\u06cc\u062a \u0646\u0647\u0627\u06cc\u06cc \u0648 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0627\u06cc\u0645\u0646 \u0641\u0644\u062a\u200c\u067e\u06a9 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644 \u0648 \u0627\u0631\u0633\u0627\u0644 \u0645\u0637\u0645\u0626\u0646 \u0628\u0647 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"cs-cta\">\r\n        <div class=\"cs-container\">\r\n            <h2>\u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0647 \u0634\u062f\u0646 <span class=\"cs-text-accent\">\u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/span><\/h2>\r\n            <p>\u0645\u0627 \u0622\u0645\u0627\u062f\u0647\u200c\u0627\u06cc\u0645 \u062a\u0627 \u0628\u0627 \u0638\u0631\u0641\u06cc\u062a \u062a\u0648\u0644\u06cc\u062f \u0628\u0627\u0644\u0627 \u0648 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627\u06cc \u0631\u0642\u0627\u0628\u062a\u06cc\u060c \u062a\u0627\u0645\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0646\u062f\u0647\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc \u0634\u0645\u0627 \u0628\u0627\u0634\u06cc\u0645.<\/p>\r\n            <a href=\"https:\/\/cutstand.ir\/?page_id=45\" class=\"cs-btn cs-btn-primary\" style=\"padding: 18px 60px; font-size: 16px;\">\u0648\u0631\u0648\u062f \u0628\u0647 \u067e\u0631\u062a\u0627\u0644 \u0633\u0641\u0627\u0631\u0634 \u0633\u0627\u0632\u0645\u0627\u0646\u06cc<\/a>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <footer class=\"cs-footer\">\r\n        <div class=\"cs-container\">\r\n            <div class=\"cs-footer-grid\">\r\n                \r\n                <div class=\"cs-footer-widget\">\r\n                    <div class=\"cs-footer-logo\" dir=\"ltr\">Cut<span class=\"cs-text-accent\">Stand<\/span><\/div>\r\n                    <p style=\"line-height: 1.8;\">\u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f\u060c \u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u0635\u0646\u0639\u062a \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u06cc\u060c \u0627\u0633\u062a\u0646\u062f\u0647\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a \u0628\u0631\u0634 \u0644\u06cc\u0632\u0631\u06cc. \u0645\u0627 \u0645\u062a\u0639\u0647\u062f \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a \u0635\u0646\u0639\u062a\u06cc \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 B2B \u062e\u0648\u062f \u0647\u0633\u062a\u06cc\u0645.<\/p>\r\n                    <div class=\"cs-socials\">\r\n                        <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-telegram-plane\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                        <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"cs-footer-widget\">\r\n                    <h4>\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h4>\r\n                    <ul class=\"cs-footer-links\">\r\n                        <li><a href=\"#\">\u062f\u0631\u0628\u0627\u0631\u0647 \u06a9\u0627\u0631\u062e\u0627\u0646\u0647<\/a><\/li>\r\n                        <li><a href=\"#\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647<\/a><\/li>\r\n                        <li><a href=\"#\">\u062e\u062f\u0645\u0627\u062a \u0628\u0631\u0634 \u0644\u06cc\u0632\u0631<\/a><\/li>\r\n                        <li><a href=\"#\">\u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0645\u062a\u0631\u06cc\u0627\u0644\u200c\u0647\u0627<\/a><\/li>\r\n                        <li><a href=\"#\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u0648 \u0645\u0642\u0631\u0631\u0627\u062a<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"cs-footer-widget\">\r\n                    <h4>\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0645\u0627<\/h4>\r\n                    <ul class=\"cs-footer-links\">\r\n                        <li><a href=\"#\">\u0627\u0633\u062a\u0646\u062f \u06a9\u0627\u0631\u062a\u0646 \u067e\u0644\u0627\u0633\u062a<\/a><\/li>\r\n                        <li><a href=\"#\">\u0627\u0633\u062a\u0646\u062f \u0686\u0648\u0628\u06cc \u0648 MDF<\/a><\/li>\r\n                        <li><a href=\"#\">\u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f \u0648 \u0645\u0627\u06a9\u062a<\/a><\/li>\r\n                        <li><a href=\"#\">\u062a\u0646\u062f\u06cc\u0633 \u0648 \u0644\u0627\u06cc\u062a \u0628\u0627\u06a9\u0633<\/a><\/li>\r\n                        <li><a href=\"#\">\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0635\u0646\u0639\u062a\u06cc<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"cs-footer-widget\">\r\n                    <h4>\u062f\u0641\u062a\u0631 \u0641\u0631\u0648\u0634 \u0633\u0627\u0632\u0645\u0627\u0646\u06cc<\/h4>\r\n                    <div class=\"cs-contact-item\">\r\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <span>\u062a\u0647\u0631\u0627\u0646\u060c \u0634\u0647\u0631\u06a9 \u0635\u0646\u0639\u062a\u06cc\u060c \u0641\u0627\u0632 \u06f2\u060c \u0628\u0644\u0648\u0627\u0631 \u062a\u0644\u0627\u0634\u060c \u0645\u062c\u062a\u0645\u0639 \u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f<\/span>\r\n                    <\/div>\r\n                    <div class=\"cs-contact-item\">\r\n                        <i class=\"fas fa-phone-alt\"><\/i>\r\n                        <span dir=\"ltr\">\u06f0\u06f2\u06f1-\u06f8\u06f8\u06f8\u06f8\u06f1\u06f2\u06f3\u06f4 <br> \u06f0\u06f9\u06f1\u06f2-\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9<\/span>\r\n                    <\/div>\r\n                    <div class=\"cs-contact-item\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                        <span>b2b@cutstand.com<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n            <div class=\"cs-copyright\">\r\n                &copy; \u06f2\u06f0\u06f2\u06f6 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u0627\u062f\u06cc \u0648 \u0645\u0639\u0646\u0648\u06cc \u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u062a\u0639\u0644\u0642 \u0628\u0647 \u0628\u0631\u0646\u062f \u0635\u0646\u0639\u062a\u06cc <a href=\"https:\/\/cutstand.ir\/\" title=\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f\">\u06a9\u0627\u062a \u0627\u0633\u062a\u0646\u062f<\/a> \u0645\u06cc\u200c\u0628\u0627\u0634\u062f.\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n(function() {\r\n    function initCutStandHome() {\r\n        \r\n        \/\/ \u06f1. \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\r\n        document.body.addEventListener('click', function(e) {\r\n            const navMenu = document.getElementById(\"cs-nav-menu\");\r\n            const menuOverlay = document.getElementById(\"cs-menu-overlay\");\r\n            \r\n            if (e.target.closest('#cs-mobile-menu-btn') || e.target.closest('#cs-close-menu-btn') || e.target.closest('#cs-menu-overlay')) {\r\n                if (navMenu) navMenu.classList.toggle(\"active\");\r\n                if (menuOverlay) menuOverlay.classList.toggle(\"active\");\r\n                document.body.style.overflow = (navMenu && navMenu.classList.contains(\"active\")) ? \"hidden\" : \"\";\r\n            }\r\n        });\r\n\r\n        \/\/ \u06f2. \u0627\u0641\u06a9\u062a \u0647\u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644\r\n        const header = document.getElementById(\"cs-header\");\r\n        window.addEventListener(\"scroll\", () => {\r\n            if(header) {\r\n                if (window.scrollY > 50) header.classList.add(\"scrolled\");\r\n                else header.classList.remove(\"scrolled\");\r\n            }\r\n        });\r\n\r\n        \/\/ \u06f3. \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc GSAP\r\n        if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\r\n            gsap.registerPlugin(ScrollTrigger);\r\n            \r\n            gsap.from(\".cs-gsap-el\", { y: 50, opacity: 0, duration: 1, stagger: 0.2, ease: \"power3.out\", delay: 0.2 });\r\n            \r\n            gsap.utils.toArray('.cs-gsap-fade').forEach(el => {\r\n                gsap.from(el, {\r\n                    scrollTrigger: { trigger: el, start: \"top 85%\", toggleActions: \"play none none reverse\" },\r\n                    y: 60, opacity: 0, duration: 0.8, ease: \"power2.out\"\r\n                });\r\n            });\r\n\r\n            const counters = document.querySelectorAll('.cs-counter');\r\n            counters.forEach(counter => {\r\n                gsap.to(counter, {\r\n                    scrollTrigger: { trigger: \".cs-stats\", start: \"top 80%\", once: true },\r\n                    innerHTML: counter.getAttribute('data-target'),\r\n                    duration: 2.5, snap: { innerHTML: 1 }, ease: \"power2.out\",\r\n                    onUpdate: function() { counter.innerHTML = Math.ceil(counter.innerHTML); }\r\n                });\r\n            });\r\n\r\n            let isMobile = window.innerWidth <= 992;\r\n            if (!isMobile) {\r\n                const hzSection = document.querySelector('.cs-hz-section');\r\n                const hzContainer = document.querySelector('.cs-hz-container');\r\n                const hzPanels = gsap.utils.toArray('.cs-hz-panel');\r\n                \r\n                let hzTween = gsap.to(hzPanels, {\r\n                    xPercent: 100 * (hzPanels.length - 1), \r\n                    ease: \"none\",\r\n                    scrollTrigger: {\r\n                        trigger: hzSection,\r\n                        pin: true,\r\n                        scrub: 1,\r\n                        snap: 1 \/ (hzPanels.length - 1),\r\n                        end: () => \"+=\" + hzContainer.offsetWidth\r\n                    }\r\n                });\r\n\r\n                hzPanels.forEach((panel) => {\r\n                    const img = panel.querySelector('img');\r\n                    gsap.from(img, {\r\n                        scale: 1.2,\r\n                        scrollTrigger: {\r\n                            trigger: panel,\r\n                            containerAnimation: hzTween,\r\n                            start: \"right center\", \r\n                            scrub: true\r\n                        }\r\n                    });\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ \u06f4. \u0645\u0646\u0637\u0642 \u0646\u0627\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc (Toast)\r\n        const toast = document.getElementById('cs-toast-support');\r\n        const toastClose = document.getElementById('cs-toast-close');\r\n        \r\n        if (toast) {\r\n            setTimeout(() => { toast.classList.add('show'); }, 4000);\r\n            if (toastClose) {\r\n                toastClose.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n                    toast.classList.remove('show');\r\n                });\r\n            }\r\n            setTimeout(() => { toast.classList.remove('show'); }, 16000);\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initCutStandHome);\r\n    } else {\r\n        initCutStandHome();\r\n    }\r\n})();\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cutstand.ir\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cutstand.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cutstand.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cutstand.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cutstand.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":63,"href":"https:\/\/cutstand.ir\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":464,"href":"https:\/\/cutstand.ir\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/464"}],"wp:attachment":[{"href":"https:\/\/cutstand.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}