{"id":14,"date":"2026-07-27T22:26:09","date_gmt":"2026-07-27T22:26:09","guid":{"rendered":"https:\/\/pakhshposhak.ir\/?page_id=14"},"modified":"2026-07-27T23:25:25","modified_gmt":"2026-07-27T23:25:25","slug":"%d8%a7%d9%84%d9%85%d9%86%d8%aa%d9%88%d8%b1-14","status":"publish","type":"page","link":"https:\/\/pakhshposhak.ir\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d88d91d e-con-full e-flex e-con e-parent\" data-id=\"d88d91d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a3241 elementor-widget elementor-widget-html\" data-id=\"c6a3241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Vexa Style \u2013 Full Width Hero Slider (\u0646\u0633\u062e\u0647 \u0627\u0635\u0644\u0627\u062d\u200c\u0634\u062f\u0647 \u0648 \u0628\u0647\u06cc\u0646\u0647)\r\n     \u0641\u0644\u0634\u200c\u0647\u0627 \u0628\u0627 SVG \u0648 Flexbox\u060c \u062f\u0642\u06cc\u0642\u0627\u064b \u0648\u0633\u0637 \u062f\u0627\u06cc\u0631\u0647\r\n     ============================================================ -->\r\n\r\n<style>\r\n    .vexa-slider-wrapper * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .vexa-slider-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 100vw;\r\n        overflow: hidden;\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        height: 420px;\r\n        background: #f5f5f5;\r\n    }\r\n\r\n    .vexa-slides {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .vexa-slide {\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity .8s ease-in-out, visibility .8s ease-in-out;\r\n        will-change: opacity;\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        text-decoration: none;\r\n        display: block;\r\n        cursor: pointer;\r\n        z-index: 1;\r\n    }\r\n\r\n    .vexa-slide.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        z-index: 2;\r\n    }\r\n\r\n    .vexa-slide::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: rgba(0, 0, 0, .08);\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* ====== \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc (\u067e\u0627\u06cc\u06cc\u0646 \u0631\u0627\u0633\u062a) ====== *\/\r\n    .vexa-nav-buttons {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        right: 20px;\r\n        display: flex;\r\n        gap: 10px;\r\n        z-index: 10;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: opacity .3s ease;\r\n    }\r\n\r\n    .vexa-slider-wrapper:hover .vexa-nav-buttons {\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    \/* \u0646\u06a9\u062a\u0647 \u06a9\u0644\u06cc\u062f\u06cc\u0650 \u0631\u0641\u0639 \u0645\u0634\u06a9\u0644: \u0628\u0647\u200c\u062c\u0627\u06cc line-height \u0631\u0648\u06cc \u06af\u0644\u06cc\u0641 \u0641\u0648\u0646\u062a\r\n       (\u06a9\u0647 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0628\u0627\u06a9\u0633 \u0641\u0648\u0646\u062a \u0647\u0645\u06cc\u0634\u0647 \u06a9\u0645\u06cc \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u0646\u0634\u06cc\u0646\u062f)\u060c\r\n       \u0627\u0632 flex \u0628\u0631\u0627\u06cc \u0648\u0633\u0637\u200c\u0686\u06cc\u0646 \u0648\u0627\u0642\u0639\u06cc \u0648 \u0627\u0632 SVG \u0628\u0631\u0627\u06cc \u0622\u06cc\u06a9\u0648\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. *\/\r\n    .vexa-btn {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, .95);\r\n        border: none;\r\n        box-shadow: 0 4px 14px rgba(0, 0, 0, .12);\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: background .2s, transform .2s, box-shadow .2s;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .vexa-btn svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        display: block;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .vexa-btn-prev svg { transform: translateX(-1px); }  \/* \u062c\u0628\u0631\u0627\u0646 \u0628\u0635\u0631\u06cc \u0638\u0631\u06cc\u0641 \u0641\u0644\u0634 *\/\r\n    .vexa-btn-next svg { transform: translateX(1px); }\r\n\r\n    .vexa-btn:hover {\r\n        background: #fff;\r\n        transform: scale(1.05);\r\n        box-shadow: 0 6px 20px rgba(0, 0, 0, .18);\r\n    }\r\n\r\n    .vexa-btn:active { transform: scale(.95); }\r\n\r\n    \/* ====== \u0646\u0642\u0627\u0637 \u0646\u0627\u0648\u0628\u0631\u06cc (\u067e\u0627\u06cc\u06cc\u0646 \u0648\u0633\u0637) ====== *\/\r\n    .vexa-dots {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        gap: 10px;\r\n        z-index: 10;\r\n        padding: 6px 14px;\r\n        background: rgba(0, 0, 0, .2);\r\n        backdrop-filter: blur(4px);\r\n        -webkit-backdrop-filter: blur(4px);\r\n        border-radius: 30px;\r\n        box-shadow: 0 2px 10px rgba(0, 0, 0, .08);\r\n    }\r\n\r\n    .vexa-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, .6);\r\n        border: none;\r\n        padding: 0;\r\n        cursor: pointer;\r\n        transition: all .25s ease;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .vexa-dot.active {\r\n        background: #fff;\r\n        width: 28px;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .vexa-dot:hover { background: rgba(255, 255, 255, .9); transform: scale(1.15); }\r\n    .vexa-dot.active:hover { transform: scale(1); width: 28px; }\r\n\r\n    \/* ====== \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627\u06cc\u06cc ====== *\/\r\n    @media (max-width: 767px) {\r\n        .vexa-slider-wrapper { height: 280px; }\r\n        .vexa-nav-buttons { bottom: 14px; right: 14px; gap: 8px; }\r\n        .vexa-btn { width: 36px; height: 36px; }\r\n        .vexa-btn svg { width: 17px; height: 17px; }\r\n        .vexa-dots { bottom: 14px; gap: 8px; padding: 4px 12px; }\r\n        .vexa-dot { width: 8px; height: 8px; }\r\n        .vexa-dot.active { width: 22px; border-radius: 6px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .vexa-slider-wrapper { height: 220px; }\r\n        .vexa-nav-buttons { bottom: 10px; right: 10px; gap: 6px; }\r\n        .vexa-btn { width: 30px; height: 30px; }\r\n        .vexa-btn svg { width: 14px; height: 14px; }\r\n        .vexa-dots { bottom: 10px; gap: 6px; padding: 3px 10px; }\r\n        .vexa-dot { width: 6px; height: 6px; }\r\n        .vexa-dot.active { width: 18px; border-radius: 4px; }\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n        .vexa-btn { width: 26px; height: 26px; }\r\n        .vexa-btn svg { width: 12px; height: 12px; }\r\n    }\r\n\r\n    \/* \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0647 \u0647\u0627\u0648\u0631 \u0645\u0639\u0646\u0627 \u0646\u062f\u0627\u0631\u062f\u060c \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0647\u0645\u06cc\u0634\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f *\/\r\n    @media (pointer: coarse) {\r\n        .vexa-nav-buttons { opacity: 1 !important; pointer-events: auto !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"vexa-slider-wrapper\">\r\n    <div class=\"vexa-slides\">\r\n\r\n        <a href=\"#\" class=\"vexa-slide active\"\r\n           style=\"background-image:url('https:\/\/pakhshposhak.ir\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_vbnh00vbnh00vbnh.png');\"\r\n           data-link=\"https:\/\/example.com\/product-1\" target=\"_blank\"><\/a>\r\n\r\n        <a href=\"#\" class=\"vexa-slide\"\r\n           style=\"background-image:url('https:\/\/pakhshposhak.ir\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_lsxn2elsxn2elsxn.png');\"\r\n           data-link=\"https:\/\/example.com\/product-2\" target=\"_blank\"><\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vexa-nav-buttons\">\r\n        <button class=\"vexa-btn vexa-btn-prev\" aria-label=\"\u0642\u0628\u0644\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n        <button class=\"vexa-btn vexa-btn-next\" aria-label=\"\u0628\u0639\u062f\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"vexa-dots\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    const wrapper = document.querySelector('.vexa-slider-wrapper');\r\n    if (!wrapper) return;\r\n\r\n    const slides = wrapper.querySelectorAll('.vexa-slide');\r\n    const prevBtn = wrapper.querySelector('.vexa-btn-prev');\r\n    const nextBtn = wrapper.querySelector('.vexa-btn-next');\r\n    const dotsContainer = wrapper.querySelector('.vexa-dots');\r\n    if (!slides.length || !dotsContainer) return;\r\n\r\n    const total = slides.length;\r\n    const AUTO_INTERVAL = 5000;\r\n    let current = 0;\r\n    let timer = null;\r\n\r\n    \/\/ \u0633\u0627\u062e\u062a \u0646\u0642\u0627\u0637 \u06cc\u06a9\u200c\u0628\u0627\u0631 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 (\u0628\u0647\u200c\u062c\u0627\u06cc \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u0645\u06a9\u0631\u0631 DOM)\r\n    const dotEls = Array.from({ length: total }, (_, i) => {\r\n        const dot = document.createElement('button');\r\n        dot.className = 'vexa-dot' + (i === 0 ? ' active' : '');\r\n        dot.setAttribute('aria-label', '\u0634\u0631\u06cc\u062d\u0647 ' + (i + 1));\r\n        dot.addEventListener('click', (e) => {\r\n            e.stopPropagation();\r\n            goTo(i);\r\n        });\r\n        dotsContainer.appendChild(dot);\r\n        return dot;\r\n    });\r\n\r\n    function goTo(index) {\r\n        if (index === current) return;\r\n        index = (index + total) % total;\r\n        slides[current].classList.remove('active');\r\n        dotEls[current].classList.remove('active');\r\n        current = index;\r\n        slides[current].classList.add('active');\r\n        dotEls[current].classList.add('active');\r\n        restartAutoPlay();\r\n    }\r\n\r\n    const next = () => goTo(current + 1);\r\n    const prev = () => goTo(current - 1);\r\n\r\n    function startAutoPlay() {\r\n        stopAutoPlay();\r\n        timer = setInterval(next, AUTO_INTERVAL);\r\n    }\r\n    function stopAutoPlay() {\r\n        if (timer) { clearInterval(timer); timer = null; }\r\n    }\r\n    function restartAutoPlay() { startAutoPlay(); }\r\n\r\n    function handleSlideClick(e) {\r\n        const link = e.currentTarget.getAttribute('data-link');\r\n        if (link && link !== '#') {\r\n            e.preventDefault();\r\n            window.open(link, e.currentTarget.getAttribute('target') || '_self');\r\n        }\r\n        restartAutoPlay();\r\n    }\r\n\r\n    slides.forEach((slide) => slide.addEventListener('click', handleSlideClick));\r\n\r\n    if (prevBtn) prevBtn.addEventListener('click', (e) => { e.stopPropagation(); prev(); });\r\n    if (nextBtn) nextBtn.addEventListener('click', (e) => { e.stopPropagation(); next(); });\r\n\r\n    wrapper.addEventListener('keydown', (e) => {\r\n        if (e.key === 'ArrowLeft') { e.preventDefault(); prev(); }\r\n        else if (e.key === 'ArrowRight') { e.preventDefault(); next(); }\r\n    });\r\n\r\n    document.addEventListener('visibilitychange', () => {\r\n        document.hidden ? stopAutoPlay() : startAutoPlay();\r\n    });\r\n\r\n    startAutoPlay();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8541419 e-flex e-con-boxed e-con e-parent\" data-id=\"8541419\" 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-be74a99 elementor-widget elementor-widget-html\" data-id=\"be74a99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Vexa Style \u2013 Flash Deal Carousel (RTL) \r\n     \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u062f\u0631 \u062c\u0627\u06cc\u06af\u0627\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f (\u0642\u0628\u0644\u06cc \u0686\u067e\u060c \u0628\u0639\u062f\u06cc \u0631\u0627\u0633\u062a)\r\n     ============================================================ -->\r\n\r\n<style>\r\n    \/* ====== \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0648 \u0631\u06cc\u0633\u062a ====== *\/\r\n    .vexa-deal * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .vexa-deal {\r\n        --primary: #e6396b;\r\n        --primary-dark: #c2185b;\r\n        --bg-start: #e6396b;\r\n        --bg-end: #d81b60;\r\n        --radius: 18px;\r\n        --card-radius: 12px;\r\n        --shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n        --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: stretch;\r\n        background: linear-gradient(135deg, var(--bg-start), var(--bg-end));\r\n        border-radius: var(--radius);\r\n        overflow: hidden;\r\n        padding: 18px 0 18px 18px;\r\n        gap: 16px;\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Tahoma, Arial, sans-serif;\r\n        direction: rtl;\r\n        box-shadow: var(--shadow);\r\n        position: relative;\r\n    }\r\n\r\n    \/* ====== \u0646\u0627\u062d\u06cc\u0647 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a ====== *\/\r\n    .vexa-deal-track-wrap {\r\n        position: relative;\r\n        flex: 1;\r\n        min-width: 0;\r\n        order: 1;\r\n    }\r\n\r\n    .vexa-deal-track {\r\n        display: flex;\r\n        gap: 4px;\r\n        overflow-x: auto;\r\n        scroll-snap-type: x mandatory;\r\n        scroll-behavior: smooth;\r\n        padding: 4px 4px 8px;\r\n        scrollbar-width: none;\r\n        -webkit-overflow-scrolling: touch;\r\n        direction: rtl;\r\n    }\r\n\r\n    .vexa-deal-track::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    \/* ====== \u06a9\u0627\u0631\u062a \u0645\u062d\u0635\u0648\u0644 ====== *\/\r\n    .vexa-card {\r\n        scroll-snap-align: start;\r\n        flex: 0 0 150px;\r\n        background: #fff;\r\n  \r\n        overflow: hidden;\r\n        text-decoration: none;\r\n        color: #1a1a1a;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform var(--transition), box-shadow var(--transition);\r\n        will-change: transform;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    .vexa-card:hover {\r\n        transform: translateY(-4px) scale(1.01);\r\n        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .vexa-card-img {\r\n        position: relative;\r\n        background: #f5f5f5;\r\n        height: 150px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .vexa-card-img img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        transition: transform var(--transition);\r\n    }\r\n\r\n    .vexa-card:hover .vexa-card-img img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .vexa-badge {\r\n        position: absolute;\r\n        top: 8px;\r\n        right: 8px;\r\n        background: var(--primary);\r\n        color: #fff;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        padding: 3px 10px;\r\n        border-radius: 20px;\r\n        line-height: 1.4;\r\n        box-shadow: 0 2px 8px rgba(230, 57, 107, 0.4);\r\n    }\r\n\r\n    .vexa-card-body {\r\n        padding: 10px 12px 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        flex: 1;\r\n    }\r\n\r\n    .vexa-card-title {\r\n        font-size: 12.5px;\r\n        line-height: 1.7;\r\n        min-height: 43px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        color: #333;\r\n        text-align: right;\r\n    }\r\n\r\n    .vexa-price-row {\r\n        margin-top: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        align-items: flex-end;\r\n    }\r\n\r\n    .vexa-old-price-line {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex-wrap: wrap;\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    .vexa-old-price {\r\n        font-size: 11.5px;\r\n        color: #9a9a9a;\r\n        text-decoration: line-through;\r\n    }\r\n\r\n    .vexa-percent {\r\n        font-size: 10.5px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        background: var(--primary);\r\n        padding: 1px 8px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .vexa-new-price {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .vexa-new-price small {\r\n        font-size: 11px;\r\n        font-weight: 400;\r\n        color: #555;\r\n        margin-right: 3px;\r\n    }\r\n\r\n    \/* ====== \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc (\u0642\u0628\u0644\u06cc \u0686\u067e\u060c \u0628\u0639\u062f\u06cc \u0631\u0627\u0633\u062a) ====== *\/\r\n    .vexa-deal-nav {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 50%;\r\n        border: none;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(4px);\r\n        color: #1a1a1a;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        z-index: 5;\r\n        opacity: 0;\r\n        transition: opacity var(--transition), background var(--transition), transform var(--transition);\r\n        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .vexa-deal-track-wrap:hover .vexa-deal-nav {\r\n        opacity: 1;\r\n    }\r\n\r\n    .vexa-deal-nav:hover {\r\n        background: #fff;\r\n        transform: translateY(-50%) scale(1.08);\r\n    }\r\n\r\n    .vexa-deal-nav:active {\r\n        transform: translateY(-50%) scale(0.92);\r\n    }\r\n\r\n    .vexa-deal-nav svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke-width: 2.4;\r\n    }\r\n\r\n    \/* \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc \u062f\u0631 \u0633\u0645\u062a \u0686\u067e\u060c \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc \u062f\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a *\/\r\n    .vexa-deal-nav.prev {\r\n        left: 6px;\r\n    }\r\n    .vexa-deal-nav.next {\r\n        right: 6px;\r\n    }\r\n\r\n    \/* ====== \u0628\u062e\u0634 \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 (\u0633\u0645\u062a \u0686\u067e) ====== *\/\r\n    .vexa-deal-side {\r\n        flex: 0 0 160px;\r\n        order: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        color: #fff;\r\n        text-align: center;\r\n        padding: 12px 8px;\r\n        background: rgba(0, 0, 0, 0.06);\r\n        border-radius: var(--radius);\r\n        backdrop-filter: blur(2px);\r\n        min-height: 180px;\r\n    }\r\n\r\n    .vexa-deal-side svg {\r\n        width: 44px;\r\n        height: 44px;\r\n        stroke: #fff;\r\n        fill: none;\r\n        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));\r\n    }\r\n\r\n    .vexa-deal-title {\r\n        font-size: 20px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .vexa-countdown {\r\n        display: flex;\r\n        gap: 4px;\r\n        direction: ltr;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .vexa-countdown .box {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(6px);\r\n        border-radius: 8px;\r\n        padding: 5px 8px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        min-width: 32px;\r\n        text-align: center;\r\n        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n        transition: background var(--transition);\r\n    }\r\n\r\n    .vexa-countdown .sep {\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    .vexa-deal-more {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        color: var(--primary-dark);\r\n        font-size: 12.5px;\r\n        font-weight: 700;\r\n        padding: 8px 18px;\r\n        border-radius: 30px;\r\n        text-decoration: none;\r\n        white-space: nowrap;\r\n        transition: all var(--transition);\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .vexa-deal-more:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n        background: #fff;\r\n    }\r\n\r\n    .vexa-deal-more svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        stroke: currentColor;\r\n        fill: none;\r\n        stroke-width: 2.2;\r\n    }\r\n\r\n    \/* ====== \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ====== *\/\r\n    @media (max-width: 900px) {\r\n        .vexa-deal {\r\n            flex-direction: column;\r\n            padding: 16px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .vexa-deal-side {\r\n            flex: none;\r\n            flex-direction: row;\r\n            justify-content: space-around;\r\n            padding: 12px 16px;\r\n            min-height: auto;\r\n            order: 0;\r\n            border-radius: 12px;\r\n            background: rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .vexa-deal-side svg {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n\r\n        .vexa-deal-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .vexa-deal-track-wrap {\r\n            order: 0;\r\n        }\r\n\r\n        .vexa-card {\r\n            flex: 0 0 180px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .vexa-deal-side {\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .vexa-deal-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .vexa-card {\r\n            flex: 0 0 150px;\r\n        }\r\n\r\n        .vexa-card-img {\r\n            height: 120px;\r\n        }\r\n\r\n        .vexa-deal-nav {\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n\r\n        .vexa-deal-nav svg {\r\n            width: 14px;\r\n            height: 14px;\r\n        }\r\n\r\n        .vexa-countdown .box {\r\n            font-size: 12px;\r\n            padding: 3px 6px;\r\n            min-width: 26px;\r\n        }\r\n    }\r\n\r\n    \/* ====== \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0686\u0634\u0645\u06a9 \u0632\u062f\u0646 ====== *\/\r\n    @keyframes pulse-glow {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.7; }\r\n    }\r\n\r\n    .vexa-deal-side .vexa-deal-title {\r\n        animation: pulse-glow 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    \/* ====== \u062f\u0633\u062a\u0631\u0633\u06cc ====== *\/\r\n    .vexa-deal-nav:focus-visible,\r\n    .vexa-card:focus-visible,\r\n    .vexa-deal-more:focus-visible {\r\n        outline: 3px solid #fff;\r\n        outline-offset: 3px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"vexa-deal\">\r\n\r\n    <!-- ====== \u0628\u062e\u0634 \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 (\u0633\u0645\u062a \u0686\u067e) ====== -->\r\n    <div class=\"vexa-deal-side\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"7\" cy=\"7\" r=\"3\"><\/circle>\r\n            <circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle>\r\n            <line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line>\r\n        <\/svg>\r\n        <div class=\"vexa-deal-title\">\u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632<\/div>\r\n        <div class=\"vexa-countdown\" id=\"vexaCountdown\">\r\n            <span class=\"box\" id=\"vexaHours\">\u06f0\u06f0<\/span>\r\n            <span class=\"sep\">:<\/span>\r\n            <span class=\"box\" id=\"vexaMinutes\">\u06f0\u06f0<\/span>\r\n            <span class=\"sep\">:<\/span>\r\n            <span class=\"box\" id=\"vexaSeconds\">\u06f0\u06f0<\/span>\r\n        <\/div>\r\n        <a href=\"#\" class=\"vexa-deal-more\">\r\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\r\n                <polyline points=\"12 19 5 12 12 5\"><\/polyline>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- ====== \u0646\u0627\u062d\u06cc\u0647 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a (\u0633\u0645\u062a \u0631\u0627\u0633\u062a) ====== -->\r\n    <div class=\"vexa-deal-track-wrap\">\r\n        <!-- \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc \u2013 \u0633\u0645\u062a \u0686\u067e -->\r\n        <button class=\"vexa-deal-nav prev\" aria-label=\"\u0642\u0628\u0644\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n        <!-- \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc \u2013 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\r\n        <button class=\"vexa-deal-nav next\" aria-label=\"\u0628\u0639\u062f\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"vexa-deal-track\" id=\"vexaDealTrack\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        \/* ============================================================\r\n           \u062f\u0627\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u2013 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f\r\n           ============================================================ *\/\r\n        const products = [{\r\n            img: 'https:\/\/picsum.photos\/id\/1\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0632\u0646\u0627\u0646\u0647 \u0631\u0648\u0632\u0645\u0631\u0647 \u0622\u0631\u0644\u0648\u062a \u0645\u062f\u0644 \u062a\u0648\u0631\u06cc \u0645\u0631\u0648\u0627\u0631\u06cc\u062f\u06cc',\r\n            oldPrice: '\u06f5,\u06f0\u06f5\u06f5,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f2,\u06f8\u06f0\u06f7,\u06f5\u06f0\u06f0',\r\n            percent: '\u06f4\u06f5\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/21\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0632\u0646\u0627\u0646\u0647 \u0637\u0628\u06cc \u0645\u062f\u0644 \u0647\u0644\u0646\u0627 \u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0645 \u0686\u0631\u0645',\r\n            oldPrice: '\u06f5,\u06f5\u06f8\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f3,\u06f3\u06f4\u06f8,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/26\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u0645\u0631\u062f\u0627\u0646\u0647 \u0645\u062f\u0644 ASIK6787',\r\n            oldPrice: '\u06f1,\u06f6\u06f6\u06f0,\u06f8\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f1\u06f6\u06f2,\u06f5\u06f6\u06f0',\r\n            percent: '\u06f3\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/55\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0641\u0648\u062a\u0633\u0627\u0644 \u0645\u062f\u0644 \u0627\u06cc\u0633 \u067e\u0631\u0648',\r\n            oldPrice: '\u06f5,\u06f9\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f3,\u06f5\u06f2\u06f7,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/96\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u062e\u0627\u0646\u0645 \u0645\u062f\u0644 \u0627\u0633\u067e\u0631\u062a \u0622\u0644\u0641\u0627',\r\n            oldPrice: '\u06f2,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/106\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u0632\u0646\u0627\u0646\u0647 \u067e\u0648\u06cc\u0627\u0646 \u06af\u0627\u0645 \u0645\u062f\u0644 \u067e\u06cc\u0627\u0645',\r\n            oldPrice: '\u06f1,\u06f6\u06f9\u06f4,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f0\u06f6\u06f7,\u06f2\u06f2\u06f0',\r\n            percent: '\u06f3\u06f7\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/145\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0648\u0631\u0632\u0634\u06cc \u0632\u0646\u0627\u0646\u0647 \u0631\u0648\u0648\u06a9\u06cc\u0633 \u0645\u062f\u0644 ON',\r\n            oldPrice: '\u06f7,\u06f6\u06f8\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f5,\u06f7\u06f6\u06f0,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f2\u06f5\u066a',\r\n            link: '#'\r\n        }];\r\n\r\n        const track = document.getElementById('vexaDealTrack');\r\n        if (!track) return;\r\n\r\n        track.innerHTML = products.map(p => `\r\n            <a href=\"${p.link}\" class=\"vexa-card\">\r\n                <div class=\"vexa-card-img\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"${p.img}\" alt=\"${p.title}\" loading=\"lazy\" width=\"300\" height=\"220\">\r\n                    <span class=\"vexa-badge\">${p.percent}<\/span>\r\n                <\/div>\r\n                <div class=\"vexa-card-body\">\r\n                    <div class=\"vexa-card-title\">${p.title}<\/div>\r\n                    <div class=\"vexa-price-row\">\r\n                        <div class=\"vexa-old-price-line\">\r\n                            <span class=\"vexa-old-price\">${p.oldPrice}<\/span>\r\n                            <span class=\"vexa-percent\">${p.percent}<\/span>\r\n                        <\/div>\r\n                        <div class=\"vexa-new-price\">${p.newPrice} <small>\u062a\u0648\u0645\u0627\u0646<\/small><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        `).join('');\r\n\r\n        \/* ====== \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 (RTL) ====== *\/\r\n        const prevBtn = document.querySelector('.vexa-deal-nav.prev');\r\n        const nextBtn = document.querySelector('.vexa-deal-nav.next');\r\n        const scrollAmount = 220;\r\n\r\n        \/\/ \u062f\u0631 RTL: \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc (\u0686\u067e) => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0631\u0627\u0633\u062a (\u0645\u062b\u0628\u062a) \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc\r\n        if (prevBtn) {\r\n            prevBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n            });\r\n        }\r\n        \/\/ \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc (\u0631\u0627\u0633\u062a) => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0686\u067e (\u0645\u0646\u0641\u06cc) \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc\r\n        if (nextBtn) {\r\n            nextBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n            });\r\n        }\r\n\r\n        \/* ====== \u0634\u0645\u0627\u0631\u0634 \u0645\u0639\u06a9\u0648\u0633 (\u06f2\u06f4 \u0633\u0627\u0639\u062a \u0627\u0632 \u0627\u0644\u0627\u0646) ====== *\/\r\n        const endTime = new Date().getTime() + 24 * 3600 * 1000;\r\n\r\n        function pad(n) {\r\n            return String(n).padStart(2, '0');\r\n        }\r\n\r\n        function updateCountdown() {\r\n            const diff = endTime - new Date().getTime();\r\n            if (diff <= 0) {\r\n                document.getElementById('vexaCountdown').innerHTML =\r\n                    '<span class=\"box\">\u06f0\u06f0:\u06f0\u06f0:\u06f0\u06f0<\/span>';\r\n                return;\r\n            }\r\n            const h = Math.floor(diff \/ 3600000);\r\n            const m = Math.floor((diff % 3600000) \/ 60000);\r\n            const s = Math.floor((diff % 60000) \/ 1000);\r\n            document.getElementById('vexaHours').textContent = pad(h);\r\n            document.getElementById('vexaMinutes').textContent = pad(m);\r\n            document.getElementById('vexaSeconds').textContent = pad(s);\r\n        }\r\n\r\n        updateCountdown();\r\n        setInterval(updateCountdown, 1000);\r\n\r\n        \/* ====== \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u06a9\u06cc\u0628\u0648\u0631\u062f (RTL) ====== *\/\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'ArrowRight') {\r\n                \/\/ \u06a9\u0644\u06cc\u062f \u0631\u0627\u0633\u062a => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0631\u0627\u0633\u062a (\u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc)\r\n                track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n                e.preventDefault();\r\n            } else if (e.key === 'ArrowLeft') {\r\n                \/\/ \u06a9\u0644\u06cc\u062f \u0686\u067e => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0686\u067e (\u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc)\r\n                track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n                e.preventDefault();\r\n            }\r\n        });\r\n\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7838f32 e-flex e-con-boxed e-con e-parent\" data-id=\"7838f32\" 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-372235b elementor-widget elementor-widget-html\" data-id=\"372235b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Vexa Style \u2013 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u06cc\u0646\u06cc\u0645\u0627\u0644 \u0628\u0627 \u0622\u06cc\u06a9\u0648\u0646 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\r\n     \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0648\u06cc\u062c\u062a HTML \u0627\u0644\u0645\u0646\u062a\u0648\u0631\r\n     ============================================================ -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* ====== \u067e\u0627\u06cc\u0647 ====== *\/\r\n    .vexa-category-box {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 28px;\r\n        flex-wrap: wrap;\r\n        padding: 30px 15px;\r\n        direction: rtl;\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n    }\r\n\r\n    \/* ====== \u0647\u0631 \u0622\u06cc\u062a\u0645 ====== *\/\r\n    .vexa-category {\r\n        text-decoration: none;\r\n        color: #1a1a1a;\r\n        text-align: center;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-width: 110px;\r\n    }\r\n\r\n    \/* ====== \u062f\u0627\u06cc\u0631\u0647 \u0622\u06cc\u06a9\u0648\u0646 ====== *\/\r\n    .vexa-img {\r\n        width: 120px;\r\n        height: 120px;\r\n        border-radius: 50%;\r\n        background: #f9f9f9;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);\r\n        border: 1px solid rgba(0, 0, 0, 0.04);\r\n        transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        position: relative;\r\n    }\r\n\r\n    \/* ====== \u062a\u0635\u0648\u06cc\u0631 (\u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647) ====== *\/\r\n    .vexa-img img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    \/* ====== \u0622\u06cc\u06a9\u0648\u0646 \u0641\u0648\u0646\u062a\u200c\u0622\u0648\u0633\u0645 ====== *\/\r\n    .vexa-img i {\r\n        font-size: 44px;\r\n        color: #333;\r\n        transition: color 0.3s, transform 0.4s;\r\n        line-height: 1;\r\n    }\r\n\r\n    \/* ====== \u0628\u0631\u0686\u0633\u0628 \u0632\u06cc\u0631 \u062f\u0627\u06cc\u0631\u0647 ====== *\/\r\n    .vexa-category span {\r\n        display: block;\r\n        margin-top: 14px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.3px;\r\n        color: #2c2c2c;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    \/* ====== \u0647\u0627\u0648\u0631 ====== *\/\r\n    .vexa-category:hover .vexa-img {\r\n        transform: translateY(-8px) scale(1.02);\r\n        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);\r\n        border-color: #ddd;\r\n    }\r\n\r\n    .vexa-category:hover .vexa-img i {\r\n        color: #e6396b;\r\n        transform: scale(1.08) rotate(-4deg);\r\n    }\r\n\r\n    .vexa-category:hover .vexa-img img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .vexa-category:hover span {\r\n        color: #e6396b;\r\n    }\r\n\r\n    \/* ====== \u0645\u0648\u0628\u0627\u06cc\u0644 (\u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc) ====== *\/\r\n    @media (max-width: 768px) {\r\n        .vexa-category-box {\r\n            justify-content: flex-start;\r\n            flex-wrap: nowrap;\r\n            overflow-x: auto;\r\n            padding: 20px 20px 30px;\r\n            gap: 20px;\r\n            scrollbar-width: none;\r\n            -webkit-overflow-scrolling: touch;\r\n        }\r\n\r\n        .vexa-category-box::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n\r\n        .vexa-category {\r\n            min-width: 100px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .vexa-img {\r\n            width: 95px;\r\n            height: 95px;\r\n        }\r\n\r\n        .vexa-img i {\r\n            font-size: 34px;\r\n        }\r\n\r\n        .vexa-category span {\r\n            font-size: 13px;\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .vexa-img {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .vexa-img i {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .vexa-category {\r\n            min-width: 85px;\r\n        }\r\n\r\n        .vexa-category span {\r\n            font-size: 12px;\r\n            margin-top: 8px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ====== \u0633\u0627\u062e\u062a\u0627\u0631 HTML \u0628\u0627 \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627\u06cc \u0645\u06cc\u0646\u06cc\u0645\u0627\u0644 ====== -->\r\n<div class=\"vexa-category-box\">\r\n\r\n    <!-- \u06a9\u062a\u0627\u0646\u06cc \u0632\u0646\u0627\u0646\u0647 -->\r\n    <a href=\"#\" class=\"vexa-category\">\r\n        <div class=\"vexa-img\">\r\n            <i class=\"fas fa-shoe-prints\"><\/i>\r\n            <!-- \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0647\u200c\u062c\u0627\u06cc \u0622\u06cc\u06a9\u0648\u0646\u060c \u062e\u0637 \u0632\u06cc\u0631 \u0631\u0627 \u0641\u0639\u0627\u0644 \u0648 \u062e\u0637 \u0628\u0627\u0644\u0627 \u0631\u0627 \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u062f -->\r\n            <!-- <img decoding=\"async\" src=\"IMAGE-SNEAKER-WOMEN.jpg\" alt=\"\u06a9\u062a\u0627\u0646\u06cc \u0632\u0646\u0627\u0646\u0647\"> -->\r\n        <\/div>\r\n        <span>\u06a9\u062a\u0627\u0646\u06cc \u0632\u0646\u0627\u0646\u0647<\/span>\r\n    <\/a>\r\n\r\n    <!-- \u06a9\u062a\u0627\u0646\u06cc \u0645\u0631\u062f\u0627\u0646\u0647 -->\r\n    <a href=\"#\" class=\"vexa-category\">\r\n        <div class=\"vexa-img\">\r\n            <i class=\"fas fa-shoe-prints\" style=\"transform: scaleX(-1);\"><\/i>\r\n        <\/div>\r\n        <span>\u06a9\u062a\u0627\u0646\u06cc \u0645\u0631\u062f\u0627\u0646\u0647<\/span>\r\n    <\/a>\r\n\r\n    <!-- \u06a9\u0641\u0634 -->\r\n    <a href=\"#\" class=\"vexa-category\">\r\n        <div class=\"vexa-img\">\r\n            <i class=\"fas fa-shoe-prints\" style=\"font-size: 38px;\"><\/i>\r\n        <\/div>\r\n        <span>\u06a9\u0641\u0634<\/span>\r\n    <\/a>\r\n\r\n    <!-- \u0628\u0686\u06af\u0627\u0646\u0647 -->\r\n    <a href=\"#\" class=\"vexa-category\">\r\n        <div class=\"vexa-img\">\r\n            <i class=\"fas fa-child\"><\/i>\r\n        <\/div>\r\n        <span>\u0628\u0686\u06af\u0627\u0646\u0647<\/span>\r\n    <\/a>\r\n\r\n    <!-- \u0644\u0628\u0627\u0633 -->\r\n    <a href=\"#\" class=\"vexa-category\">\r\n        <div class=\"vexa-img\">\r\n            <i class=\"fas fa-tshirt\"><\/i>\r\n        <\/div>\r\n        <span>\u0644\u0628\u0627\u0633<\/span>\r\n    <\/a>\r\n\r\n    <!-- \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc -->\r\n    <a href=\"#\" class=\"vexa-category\">\r\n        <div class=\"vexa-img\">\r\n            <i class=\"fas fa-watch\"><\/i>\r\n        <\/div>\r\n        <span>\u0627\u06a9\u0633\u0633\u0648\u0631\u06cc<\/span>\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5d5976 e-flex e-con-boxed e-con e-parent\" data-id=\"e5d5976\" 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-ee121d8 elementor-widget elementor-widget-html\" data-id=\"ee121d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Vexa Style \u2013 Flash Deal Carousel (RTL) \r\n     \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u062f\u0631 \u062c\u0627\u06cc\u06af\u0627\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f (\u0642\u0628\u0644\u06cc \u0686\u067e\u060c \u0628\u0639\u062f\u06cc \u0631\u0627\u0633\u062a)\r\n     ============================================================ -->\r\n\r\n<style>\r\n    \/* ====== \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0648 \u0631\u06cc\u0633\u062a ====== *\/\r\n    .vexa-deal * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .vexa-deal {\r\n        --primary: #e6396b;\r\n        --primary-dark: #c2185b;\r\n        --bg-start: #e6396b;\r\n        --bg-end: #d81b60;\r\n        --radius: 18px;\r\n        --card-radius: 12px;\r\n        --shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n        --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: stretch;\r\n        background: linear-gradient(135deg, var(--bg-start), var(--bg-end));\r\n        border-radius: var(--radius);\r\n        overflow: hidden;\r\n        padding: 18px 0 18px 18px;\r\n        gap: 16px;\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Tahoma, Arial, sans-serif;\r\n        direction: rtl;\r\n        box-shadow: var(--shadow);\r\n        position: relative;\r\n    }\r\n\r\n    \/* ====== \u0646\u0627\u062d\u06cc\u0647 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a ====== *\/\r\n    .vexa-deal-track-wrap {\r\n        position: relative;\r\n        flex: 1;\r\n        min-width: 0;\r\n        order: 1;\r\n    }\r\n\r\n    .vexa-deal-track {\r\n        display: flex;\r\n        gap: 4px;\r\n        overflow-x: auto;\r\n        scroll-snap-type: x mandatory;\r\n        scroll-behavior: smooth;\r\n        padding: 4px 4px 8px;\r\n        scrollbar-width: none;\r\n        -webkit-overflow-scrolling: touch;\r\n        direction: rtl;\r\n    }\r\n\r\n    .vexa-deal-track::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    \/* ====== \u06a9\u0627\u0631\u062a \u0645\u062d\u0635\u0648\u0644 ====== *\/\r\n    .vexa-card {\r\n        scroll-snap-align: start;\r\n        flex: 0 0 150px;\r\n        background: #fff;\r\n  \r\n        overflow: hidden;\r\n        text-decoration: none;\r\n        color: #1a1a1a;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform var(--transition), box-shadow var(--transition);\r\n        will-change: transform;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    .vexa-card:hover {\r\n        transform: translateY(-4px) scale(1.01);\r\n        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .vexa-card-img {\r\n        position: relative;\r\n        background: #f5f5f5;\r\n        height: 150px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .vexa-card-img img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        transition: transform var(--transition);\r\n    }\r\n\r\n    .vexa-card:hover .vexa-card-img img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .vexa-badge {\r\n        position: absolute;\r\n        top: 8px;\r\n        right: 8px;\r\n        background: var(--primary);\r\n        color: #fff;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        padding: 3px 10px;\r\n        border-radius: 20px;\r\n        line-height: 1.4;\r\n        box-shadow: 0 2px 8px rgba(230, 57, 107, 0.4);\r\n    }\r\n\r\n    .vexa-card-body {\r\n        padding: 10px 12px 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        flex: 1;\r\n    }\r\n\r\n    .vexa-card-title {\r\n        font-size: 12.5px;\r\n        line-height: 1.7;\r\n        min-height: 43px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        color: #333;\r\n        text-align: right;\r\n    }\r\n\r\n    .vexa-price-row {\r\n        margin-top: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        align-items: flex-end;\r\n    }\r\n\r\n    .vexa-old-price-line {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex-wrap: wrap;\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    .vexa-old-price {\r\n        font-size: 11.5px;\r\n        color: #9a9a9a;\r\n        text-decoration: line-through;\r\n    }\r\n\r\n    .vexa-percent {\r\n        font-size: 10.5px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        background: var(--primary);\r\n        padding: 1px 8px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .vexa-new-price {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .vexa-new-price small {\r\n        font-size: 11px;\r\n        font-weight: 400;\r\n        color: #555;\r\n        margin-right: 3px;\r\n    }\r\n\r\n    \/* ====== \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc (\u0642\u0628\u0644\u06cc \u0686\u067e\u060c \u0628\u0639\u062f\u06cc \u0631\u0627\u0633\u062a) ====== *\/\r\n    .vexa-deal-nav {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 50%;\r\n        border: none;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(4px);\r\n        color: #1a1a1a;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        z-index: 5;\r\n        opacity: 0;\r\n        transition: opacity var(--transition), background var(--transition), transform var(--transition);\r\n        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .vexa-deal-track-wrap:hover .vexa-deal-nav {\r\n        opacity: 1;\r\n    }\r\n\r\n    .vexa-deal-nav:hover {\r\n        background: #fff;\r\n        transform: translateY(-50%) scale(1.08);\r\n    }\r\n\r\n    .vexa-deal-nav:active {\r\n        transform: translateY(-50%) scale(0.92);\r\n    }\r\n\r\n    .vexa-deal-nav svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke-width: 2.4;\r\n    }\r\n\r\n    \/* \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc \u062f\u0631 \u0633\u0645\u062a \u0686\u067e\u060c \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc \u062f\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a *\/\r\n    .vexa-deal-nav.prev {\r\n        left: 6px;\r\n    }\r\n    .vexa-deal-nav.next {\r\n        right: 6px;\r\n    }\r\n\r\n    \/* ====== \u0628\u062e\u0634 \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 (\u0633\u0645\u062a \u0686\u067e) ====== *\/\r\n    .vexa-deal-side {\r\n        flex: 0 0 160px;\r\n        order: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        color: #fff;\r\n        text-align: center;\r\n        padding: 12px 8px;\r\n        background: rgba(0, 0, 0, 0.06);\r\n        border-radius: var(--radius);\r\n        backdrop-filter: blur(2px);\r\n        min-height: 180px;\r\n    }\r\n\r\n    .vexa-deal-side svg {\r\n        width: 44px;\r\n        height: 44px;\r\n        stroke: #fff;\r\n        fill: none;\r\n        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));\r\n    }\r\n\r\n    .vexa-deal-title {\r\n        font-size: 20px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .vexa-countdown {\r\n        display: flex;\r\n        gap: 4px;\r\n        direction: ltr;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .vexa-countdown .box {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(6px);\r\n        border-radius: 8px;\r\n        padding: 5px 8px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        min-width: 32px;\r\n        text-align: center;\r\n        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n        transition: background var(--transition);\r\n    }\r\n\r\n    .vexa-countdown .sep {\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    .vexa-deal-more {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        color: var(--primary-dark);\r\n        font-size: 12.5px;\r\n        font-weight: 700;\r\n        padding: 8px 18px;\r\n        border-radius: 30px;\r\n        text-decoration: none;\r\n        white-space: nowrap;\r\n        transition: all var(--transition);\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .vexa-deal-more:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n        background: #fff;\r\n    }\r\n\r\n    .vexa-deal-more svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        stroke: currentColor;\r\n        fill: none;\r\n        stroke-width: 2.2;\r\n    }\r\n\r\n    \/* ====== \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ====== *\/\r\n    @media (max-width: 900px) {\r\n        .vexa-deal {\r\n            flex-direction: column;\r\n            padding: 16px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .vexa-deal-side {\r\n            flex: none;\r\n            flex-direction: row;\r\n            justify-content: space-around;\r\n            padding: 12px 16px;\r\n            min-height: auto;\r\n            order: 0;\r\n            border-radius: 12px;\r\n            background: rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .vexa-deal-side svg {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n\r\n        .vexa-deal-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .vexa-deal-track-wrap {\r\n            order: 0;\r\n        }\r\n\r\n        .vexa-card {\r\n            flex: 0 0 180px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .vexa-deal-side {\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .vexa-deal-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .vexa-card {\r\n            flex: 0 0 150px;\r\n        }\r\n\r\n        .vexa-card-img {\r\n            height: 120px;\r\n        }\r\n\r\n        .vexa-deal-nav {\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n\r\n        .vexa-deal-nav svg {\r\n            width: 14px;\r\n            height: 14px;\r\n        }\r\n\r\n        .vexa-countdown .box {\r\n            font-size: 12px;\r\n            padding: 3px 6px;\r\n            min-width: 26px;\r\n        }\r\n    }\r\n\r\n    \/* ====== \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0686\u0634\u0645\u06a9 \u0632\u062f\u0646 ====== *\/\r\n    @keyframes pulse-glow {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.7; }\r\n    }\r\n\r\n    .vexa-deal-side .vexa-deal-title {\r\n        animation: pulse-glow 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    \/* ====== \u062f\u0633\u062a\u0631\u0633\u06cc ====== *\/\r\n    .vexa-deal-nav:focus-visible,\r\n    .vexa-card:focus-visible,\r\n    .vexa-deal-more:focus-visible {\r\n        outline: 3px solid #fff;\r\n        outline-offset: 3px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"vexa-deal\">\r\n\r\n    <!-- ====== \u0628\u062e\u0634 \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 (\u0633\u0645\u062a \u0686\u067e) ====== -->\r\n    <div class=\"vexa-deal-side\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"7\" cy=\"7\" r=\"3\"><\/circle>\r\n            <circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle>\r\n            <line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line>\r\n        <\/svg>\r\n        <div class=\"vexa-deal-title\">\u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632<\/div>\r\n        <div class=\"vexa-countdown\" id=\"vexaCountdown\">\r\n            <span class=\"box\" id=\"vexaHours\">\u06f0\u06f0<\/span>\r\n            <span class=\"sep\">:<\/span>\r\n            <span class=\"box\" id=\"vexaMinutes\">\u06f0\u06f0<\/span>\r\n            <span class=\"sep\">:<\/span>\r\n            <span class=\"box\" id=\"vexaSeconds\">\u06f0\u06f0<\/span>\r\n        <\/div>\r\n        <a href=\"#\" class=\"vexa-deal-more\">\r\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\r\n                <polyline points=\"12 19 5 12 12 5\"><\/polyline>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- ====== \u0646\u0627\u062d\u06cc\u0647 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a (\u0633\u0645\u062a \u0631\u0627\u0633\u062a) ====== -->\r\n    <div class=\"vexa-deal-track-wrap\">\r\n        <!-- \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc \u2013 \u0633\u0645\u062a \u0686\u067e -->\r\n        <button class=\"vexa-deal-nav prev\" aria-label=\"\u0642\u0628\u0644\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n        <!-- \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc \u2013 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\r\n        <button class=\"vexa-deal-nav next\" aria-label=\"\u0628\u0639\u062f\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"vexa-deal-track\" id=\"vexaDealTrack\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        \/* ============================================================\r\n           \u062f\u0627\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u2013 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f\r\n           ============================================================ *\/\r\n        const products = [{\r\n            img: 'https:\/\/picsum.photos\/id\/1\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0632\u0646\u0627\u0646\u0647 \u0631\u0648\u0632\u0645\u0631\u0647 \u0622\u0631\u0644\u0648\u062a \u0645\u062f\u0644 \u062a\u0648\u0631\u06cc \u0645\u0631\u0648\u0627\u0631\u06cc\u062f\u06cc',\r\n            oldPrice: '\u06f5,\u06f0\u06f5\u06f5,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f2,\u06f8\u06f0\u06f7,\u06f5\u06f0\u06f0',\r\n            percent: '\u06f4\u06f5\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/21\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0632\u0646\u0627\u0646\u0647 \u0637\u0628\u06cc \u0645\u062f\u0644 \u0647\u0644\u0646\u0627 \u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0645 \u0686\u0631\u0645',\r\n            oldPrice: '\u06f5,\u06f5\u06f8\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f3,\u06f3\u06f4\u06f8,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/26\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u0645\u0631\u062f\u0627\u0646\u0647 \u0645\u062f\u0644 ASIK6787',\r\n            oldPrice: '\u06f1,\u06f6\u06f6\u06f0,\u06f8\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f1\u06f6\u06f2,\u06f5\u06f6\u06f0',\r\n            percent: '\u06f3\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/55\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0641\u0648\u062a\u0633\u0627\u0644 \u0645\u062f\u0644 \u0627\u06cc\u0633 \u067e\u0631\u0648',\r\n            oldPrice: '\u06f5,\u06f9\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f3,\u06f5\u06f2\u06f7,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/96\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u062e\u0627\u0646\u0645 \u0645\u062f\u0644 \u0627\u0633\u067e\u0631\u062a \u0622\u0644\u0641\u0627',\r\n            oldPrice: '\u06f2,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/106\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u0632\u0646\u0627\u0646\u0647 \u067e\u0648\u06cc\u0627\u0646 \u06af\u0627\u0645 \u0645\u062f\u0644 \u067e\u06cc\u0627\u0645',\r\n            oldPrice: '\u06f1,\u06f6\u06f9\u06f4,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f0\u06f6\u06f7,\u06f2\u06f2\u06f0',\r\n            percent: '\u06f3\u06f7\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/145\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0648\u0631\u0632\u0634\u06cc \u0632\u0646\u0627\u0646\u0647 \u0631\u0648\u0648\u06a9\u06cc\u0633 \u0645\u062f\u0644 ON',\r\n            oldPrice: '\u06f7,\u06f6\u06f8\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f5,\u06f7\u06f6\u06f0,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f2\u06f5\u066a',\r\n            link: '#'\r\n        }];\r\n\r\n        const track = document.getElementById('vexaDealTrack');\r\n        if (!track) return;\r\n\r\n        track.innerHTML = products.map(p => `\r\n            <a href=\"${p.link}\" class=\"vexa-card\">\r\n                <div class=\"vexa-card-img\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"${p.img}\" alt=\"${p.title}\" loading=\"lazy\" width=\"300\" height=\"220\">\r\n                    <span class=\"vexa-badge\">${p.percent}<\/span>\r\n                <\/div>\r\n                <div class=\"vexa-card-body\">\r\n                    <div class=\"vexa-card-title\">${p.title}<\/div>\r\n                    <div class=\"vexa-price-row\">\r\n                        <div class=\"vexa-old-price-line\">\r\n                            <span class=\"vexa-old-price\">${p.oldPrice}<\/span>\r\n                            <span class=\"vexa-percent\">${p.percent}<\/span>\r\n                        <\/div>\r\n                        <div class=\"vexa-new-price\">${p.newPrice} <small>\u062a\u0648\u0645\u0627\u0646<\/small><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        `).join('');\r\n\r\n        \/* ====== \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 (RTL) ====== *\/\r\n        const prevBtn = document.querySelector('.vexa-deal-nav.prev');\r\n        const nextBtn = document.querySelector('.vexa-deal-nav.next');\r\n        const scrollAmount = 220;\r\n\r\n        \/\/ \u062f\u0631 RTL: \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc (\u0686\u067e) => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0631\u0627\u0633\u062a (\u0645\u062b\u0628\u062a) \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc\r\n        if (prevBtn) {\r\n            prevBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n            });\r\n        }\r\n        \/\/ \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc (\u0631\u0627\u0633\u062a) => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0686\u067e (\u0645\u0646\u0641\u06cc) \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc\r\n        if (nextBtn) {\r\n            nextBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n            });\r\n        }\r\n\r\n        \/* ====== \u0634\u0645\u0627\u0631\u0634 \u0645\u0639\u06a9\u0648\u0633 (\u06f2\u06f4 \u0633\u0627\u0639\u062a \u0627\u0632 \u0627\u0644\u0627\u0646) ====== *\/\r\n        const endTime = new Date().getTime() + 24 * 3600 * 1000;\r\n\r\n        function pad(n) {\r\n            return String(n).padStart(2, '0');\r\n        }\r\n\r\n        function updateCountdown() {\r\n            const diff = endTime - new Date().getTime();\r\n            if (diff <= 0) {\r\n                document.getElementById('vexaCountdown').innerHTML =\r\n                    '<span class=\"box\">\u06f0\u06f0:\u06f0\u06f0:\u06f0\u06f0<\/span>';\r\n                return;\r\n            }\r\n            const h = Math.floor(diff \/ 3600000);\r\n            const m = Math.floor((diff % 3600000) \/ 60000);\r\n            const s = Math.floor((diff % 60000) \/ 1000);\r\n            document.getElementById('vexaHours').textContent = pad(h);\r\n            document.getElementById('vexaMinutes').textContent = pad(m);\r\n            document.getElementById('vexaSeconds').textContent = pad(s);\r\n        }\r\n\r\n        updateCountdown();\r\n        setInterval(updateCountdown, 1000);\r\n\r\n        \/* ====== \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u06a9\u06cc\u0628\u0648\u0631\u062f (RTL) ====== *\/\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'ArrowRight') {\r\n                \/\/ \u06a9\u0644\u06cc\u062f \u0631\u0627\u0633\u062a => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0631\u0627\u0633\u062a (\u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc)\r\n                track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n                e.preventDefault();\r\n            } else if (e.key === 'ArrowLeft') {\r\n                \/\/ \u06a9\u0644\u06cc\u062f \u0686\u067e => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0686\u067e (\u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc)\r\n                track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n                e.preventDefault();\r\n            }\r\n        });\r\n\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fcc3b0e e-flex e-con-boxed e-con e-parent\" data-id=\"fcc3b0e\" 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-d83387f elementor-widget elementor-widget-html\" data-id=\"d83387f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Vexa Style \u2013 Flash Deal Carousel (RTL) \r\n     \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u062f\u0631 \u062c\u0627\u06cc\u06af\u0627\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f (\u0642\u0628\u0644\u06cc \u0686\u067e\u060c \u0628\u0639\u062f\u06cc \u0631\u0627\u0633\u062a)\r\n     ============================================================ -->\r\n\r\n<style>\r\n    \/* ====== \u0645\u062a\u063a\u06cc\u0631\u0647\u0627 \u0648 \u0631\u06cc\u0633\u062a ====== *\/\r\n    .vexa-deal * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .vexa-deal {\r\n        --primary: #e6396b;\r\n        --primary-dark: #c2185b;\r\n        --bg-start: #e6396b;\r\n        --bg-end: #d81b60;\r\n        --radius: 18px;\r\n        --card-radius: 12px;\r\n        --shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n        --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: stretch;\r\n        background: linear-gradient(135deg, var(--bg-start), var(--bg-end));\r\n        border-radius: var(--radius);\r\n        overflow: hidden;\r\n        padding: 18px 0 18px 18px;\r\n        gap: 16px;\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Tahoma, Arial, sans-serif;\r\n        direction: rtl;\r\n        box-shadow: var(--shadow);\r\n        position: relative;\r\n    }\r\n\r\n    \/* ====== \u0646\u0627\u062d\u06cc\u0647 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a ====== *\/\r\n    .vexa-deal-track-wrap {\r\n        position: relative;\r\n        flex: 1;\r\n        min-width: 0;\r\n        order: 1;\r\n    }\r\n\r\n    .vexa-deal-track {\r\n        display: flex;\r\n        gap: 4px;\r\n        overflow-x: auto;\r\n        scroll-snap-type: x mandatory;\r\n        scroll-behavior: smooth;\r\n        padding: 4px 4px 8px;\r\n        scrollbar-width: none;\r\n        -webkit-overflow-scrolling: touch;\r\n        direction: rtl;\r\n    }\r\n\r\n    .vexa-deal-track::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    \/* ====== \u06a9\u0627\u0631\u062a \u0645\u062d\u0635\u0648\u0644 ====== *\/\r\n    .vexa-card {\r\n        scroll-snap-align: start;\r\n        flex: 0 0 150px;\r\n        background: #fff;\r\n  \r\n        overflow: hidden;\r\n        text-decoration: none;\r\n        color: #1a1a1a;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform var(--transition), box-shadow var(--transition);\r\n        will-change: transform;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    .vexa-card:hover {\r\n        transform: translateY(-4px) scale(1.01);\r\n        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .vexa-card-img {\r\n        position: relative;\r\n        background: #f5f5f5;\r\n        height: 150px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .vexa-card-img img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        transition: transform var(--transition);\r\n    }\r\n\r\n    .vexa-card:hover .vexa-card-img img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .vexa-badge {\r\n        position: absolute;\r\n        top: 8px;\r\n        right: 8px;\r\n        background: var(--primary);\r\n        color: #fff;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        padding: 3px 10px;\r\n        border-radius: 20px;\r\n        line-height: 1.4;\r\n        box-shadow: 0 2px 8px rgba(230, 57, 107, 0.4);\r\n    }\r\n\r\n    .vexa-card-body {\r\n        padding: 10px 12px 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        flex: 1;\r\n    }\r\n\r\n    .vexa-card-title {\r\n        font-size: 12.5px;\r\n        line-height: 1.7;\r\n        min-height: 43px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        color: #333;\r\n        text-align: right;\r\n    }\r\n\r\n    .vexa-price-row {\r\n        margin-top: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        align-items: flex-end;\r\n    }\r\n\r\n    .vexa-old-price-line {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex-wrap: wrap;\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    .vexa-old-price {\r\n        font-size: 11.5px;\r\n        color: #9a9a9a;\r\n        text-decoration: line-through;\r\n    }\r\n\r\n    .vexa-percent {\r\n        font-size: 10.5px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        background: var(--primary);\r\n        padding: 1px 8px;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .vexa-new-price {\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    .vexa-new-price small {\r\n        font-size: 11px;\r\n        font-weight: 400;\r\n        color: #555;\r\n        margin-right: 3px;\r\n    }\r\n\r\n    \/* ====== \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc (\u0642\u0628\u0644\u06cc \u0686\u067e\u060c \u0628\u0639\u062f\u06cc \u0631\u0627\u0633\u062a) ====== *\/\r\n    .vexa-deal-nav {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 50%;\r\n        border: none;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(4px);\r\n        color: #1a1a1a;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        z-index: 5;\r\n        opacity: 0;\r\n        transition: opacity var(--transition), background var(--transition), transform var(--transition);\r\n        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .vexa-deal-track-wrap:hover .vexa-deal-nav {\r\n        opacity: 1;\r\n    }\r\n\r\n    .vexa-deal-nav:hover {\r\n        background: #fff;\r\n        transform: translateY(-50%) scale(1.08);\r\n    }\r\n\r\n    .vexa-deal-nav:active {\r\n        transform: translateY(-50%) scale(0.92);\r\n    }\r\n\r\n    .vexa-deal-nav svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke-width: 2.4;\r\n    }\r\n\r\n    \/* \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc \u062f\u0631 \u0633\u0645\u062a \u0686\u067e\u060c \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc \u062f\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a *\/\r\n    .vexa-deal-nav.prev {\r\n        left: 6px;\r\n    }\r\n    .vexa-deal-nav.next {\r\n        right: 6px;\r\n    }\r\n\r\n    \/* ====== \u0628\u062e\u0634 \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 (\u0633\u0645\u062a \u0686\u067e) ====== *\/\r\n    .vexa-deal-side {\r\n        flex: 0 0 160px;\r\n        order: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        color: #fff;\r\n        text-align: center;\r\n        padding: 12px 8px;\r\n        background: rgba(0, 0, 0, 0.06);\r\n        border-radius: var(--radius);\r\n        backdrop-filter: blur(2px);\r\n        min-height: 180px;\r\n    }\r\n\r\n    .vexa-deal-side svg {\r\n        width: 44px;\r\n        height: 44px;\r\n        stroke: #fff;\r\n        fill: none;\r\n        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));\r\n    }\r\n\r\n    .vexa-deal-title {\r\n        font-size: 20px;\r\n        font-weight: 800;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .vexa-countdown {\r\n        display: flex;\r\n        gap: 4px;\r\n        direction: ltr;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .vexa-countdown .box {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(6px);\r\n        border-radius: 8px;\r\n        padding: 5px 8px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        min-width: 32px;\r\n        text-align: center;\r\n        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n        transition: background var(--transition);\r\n    }\r\n\r\n    .vexa-countdown .sep {\r\n        display: flex;\r\n        align-items: center;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n    }\r\n\r\n    .vexa-deal-more {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        color: var(--primary-dark);\r\n        font-size: 12.5px;\r\n        font-weight: 700;\r\n        padding: 8px 18px;\r\n        border-radius: 30px;\r\n        text-decoration: none;\r\n        white-space: nowrap;\r\n        transition: all var(--transition);\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .vexa-deal-more:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n        background: #fff;\r\n    }\r\n\r\n    .vexa-deal-more svg {\r\n        width: 14px;\r\n        height: 14px;\r\n        stroke: currentColor;\r\n        fill: none;\r\n        stroke-width: 2.2;\r\n    }\r\n\r\n    \/* ====== \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 ====== *\/\r\n    @media (max-width: 900px) {\r\n        .vexa-deal {\r\n            flex-direction: column;\r\n            padding: 16px;\r\n            gap: 12px;\r\n        }\r\n\r\n        .vexa-deal-side {\r\n            flex: none;\r\n            flex-direction: row;\r\n            justify-content: space-around;\r\n            padding: 12px 16px;\r\n            min-height: auto;\r\n            order: 0;\r\n            border-radius: 12px;\r\n            background: rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .vexa-deal-side svg {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n\r\n        .vexa-deal-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .vexa-deal-track-wrap {\r\n            order: 0;\r\n        }\r\n\r\n        .vexa-card {\r\n            flex: 0 0 180px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .vexa-deal-side {\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .vexa-deal-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .vexa-card {\r\n            flex: 0 0 150px;\r\n        }\r\n\r\n        .vexa-card-img {\r\n            height: 120px;\r\n        }\r\n\r\n        .vexa-deal-nav {\r\n            width: 28px;\r\n            height: 28px;\r\n        }\r\n\r\n        .vexa-deal-nav svg {\r\n            width: 14px;\r\n            height: 14px;\r\n        }\r\n\r\n        .vexa-countdown .box {\r\n            font-size: 12px;\r\n            padding: 3px 6px;\r\n            min-width: 26px;\r\n        }\r\n    }\r\n\r\n    \/* ====== \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0686\u0634\u0645\u06a9 \u0632\u062f\u0646 ====== *\/\r\n    @keyframes pulse-glow {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.7; }\r\n    }\r\n\r\n    .vexa-deal-side .vexa-deal-title {\r\n        animation: pulse-glow 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    \/* ====== \u062f\u0633\u062a\u0631\u0633\u06cc ====== *\/\r\n    .vexa-deal-nav:focus-visible,\r\n    .vexa-card:focus-visible,\r\n    .vexa-deal-more:focus-visible {\r\n        outline: 3px solid #fff;\r\n        outline-offset: 3px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"vexa-deal\">\r\n\r\n    <!-- ====== \u0628\u062e\u0634 \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 (\u0633\u0645\u062a \u0686\u067e) ====== -->\r\n    <div class=\"vexa-deal-side\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"7\" cy=\"7\" r=\"3\"><\/circle>\r\n            <circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle>\r\n            <line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line>\r\n        <\/svg>\r\n        <div class=\"vexa-deal-title\">\u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632<\/div>\r\n        <div class=\"vexa-countdown\" id=\"vexaCountdown\">\r\n            <span class=\"box\" id=\"vexaHours\">\u06f0\u06f0<\/span>\r\n            <span class=\"sep\">:<\/span>\r\n            <span class=\"box\" id=\"vexaMinutes\">\u06f0\u06f0<\/span>\r\n            <span class=\"sep\">:<\/span>\r\n            <span class=\"box\" id=\"vexaSeconds\">\u06f0\u06f0<\/span>\r\n        <\/div>\r\n        <a href=\"#\" class=\"vexa-deal-more\">\r\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\r\n                <polyline points=\"12 19 5 12 12 5\"><\/polyline>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- ====== \u0646\u0627\u062d\u06cc\u0647 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a (\u0633\u0645\u062a \u0631\u0627\u0633\u062a) ====== -->\r\n    <div class=\"vexa-deal-track-wrap\">\r\n        <!-- \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc \u2013 \u0633\u0645\u062a \u0686\u067e -->\r\n        <button class=\"vexa-deal-nav prev\" aria-label=\"\u0642\u0628\u0644\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n        <!-- \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc \u2013 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\r\n        <button class=\"vexa-deal-nav next\" aria-label=\"\u0628\u0639\u062f\u06cc\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"vexa-deal-track\" id=\"vexaDealTrack\"><\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        'use strict';\r\n\r\n        \/* ============================================================\r\n           \u062f\u0627\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u2013 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0648 \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f\r\n           ============================================================ *\/\r\n        const products = [{\r\n            img: 'https:\/\/picsum.photos\/id\/1\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0632\u0646\u0627\u0646\u0647 \u0631\u0648\u0632\u0645\u0631\u0647 \u0622\u0631\u0644\u0648\u062a \u0645\u062f\u0644 \u062a\u0648\u0631\u06cc \u0645\u0631\u0648\u0627\u0631\u06cc\u062f\u06cc',\r\n            oldPrice: '\u06f5,\u06f0\u06f5\u06f5,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f2,\u06f8\u06f0\u06f7,\u06f5\u06f0\u06f0',\r\n            percent: '\u06f4\u06f5\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/21\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0632\u0646\u0627\u0646\u0647 \u0637\u0628\u06cc \u0645\u062f\u0644 \u0647\u0644\u0646\u0627 \u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0645 \u0686\u0631\u0645',\r\n            oldPrice: '\u06f5,\u06f5\u06f8\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f3,\u06f3\u06f4\u06f8,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/26\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u0645\u0631\u062f\u0627\u0646\u0647 \u0645\u062f\u0644 ASIK6787',\r\n            oldPrice: '\u06f1,\u06f6\u06f6\u06f0,\u06f8\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f1\u06f6\u06f2,\u06f5\u06f6\u06f0',\r\n            percent: '\u06f3\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/55\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0641\u0648\u062a\u0633\u0627\u0644 \u0645\u062f\u0644 \u0627\u06cc\u0633 \u067e\u0631\u0648',\r\n            oldPrice: '\u06f5,\u06f9\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f3,\u06f5\u06f2\u06f7,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/96\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u062e\u0627\u0646\u0645 \u0645\u062f\u0644 \u0627\u0633\u067e\u0631\u062a \u0622\u0644\u0641\u0627',\r\n            oldPrice: '\u06f2,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f5\u06f0\u06f0,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f4\u06f0\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/106\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u067e\u06cc\u0627\u062f\u0647\u200c\u0631\u0648\u06cc \u0632\u0646\u0627\u0646\u0647 \u067e\u0648\u06cc\u0627\u0646 \u06af\u0627\u0645 \u0645\u062f\u0644 \u067e\u06cc\u0627\u0645',\r\n            oldPrice: '\u06f1,\u06f6\u06f9\u06f4,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f1,\u06f0\u06f6\u06f7,\u06f2\u06f2\u06f0',\r\n            percent: '\u06f3\u06f7\u066a',\r\n            link: '#'\r\n        }, {\r\n            img: 'https:\/\/picsum.photos\/id\/145\/300\/220',\r\n            title: '\u06a9\u0641\u0634 \u0648\u0631\u0632\u0634\u06cc \u0632\u0646\u0627\u0646\u0647 \u0631\u0648\u0648\u06a9\u06cc\u0633 \u0645\u062f\u0644 ON',\r\n            oldPrice: '\u06f7,\u06f6\u06f8\u06f0,\u06f0\u06f0\u06f0',\r\n            newPrice: '\u06f5,\u06f7\u06f6\u06f0,\u06f0\u06f0\u06f0',\r\n            percent: '\u06f2\u06f5\u066a',\r\n            link: '#'\r\n        }];\r\n\r\n        const track = document.getElementById('vexaDealTrack');\r\n        if (!track) return;\r\n\r\n        track.innerHTML = products.map(p => `\r\n            <a href=\"${p.link}\" class=\"vexa-card\">\r\n                <div class=\"vexa-card-img\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"${p.img}\" alt=\"${p.title}\" loading=\"lazy\" width=\"300\" height=\"220\">\r\n                    <span class=\"vexa-badge\">${p.percent}<\/span>\r\n                <\/div>\r\n                <div class=\"vexa-card-body\">\r\n                    <div class=\"vexa-card-title\">${p.title}<\/div>\r\n                    <div class=\"vexa-price-row\">\r\n                        <div class=\"vexa-old-price-line\">\r\n                            <span class=\"vexa-old-price\">${p.oldPrice}<\/span>\r\n                            <span class=\"vexa-percent\">${p.percent}<\/span>\r\n                        <\/div>\r\n                        <div class=\"vexa-new-price\">${p.newPrice} <small>\u062a\u0648\u0645\u0627\u0646<\/small><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n        `).join('');\r\n\r\n        \/* ====== \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 (RTL) ====== *\/\r\n        const prevBtn = document.querySelector('.vexa-deal-nav.prev');\r\n        const nextBtn = document.querySelector('.vexa-deal-nav.next');\r\n        const scrollAmount = 220;\r\n\r\n        \/\/ \u062f\u0631 RTL: \u062f\u06a9\u0645\u0647 \u0642\u0628\u0644\u06cc (\u0686\u067e) => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0631\u0627\u0633\u062a (\u0645\u062b\u0628\u062a) \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc\r\n        if (prevBtn) {\r\n            prevBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n            });\r\n        }\r\n        \/\/ \u062f\u06a9\u0645\u0647 \u0628\u0639\u062f\u06cc (\u0631\u0627\u0633\u062a) => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0686\u067e (\u0645\u0646\u0641\u06cc) \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc\r\n        if (nextBtn) {\r\n            nextBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n            });\r\n        }\r\n\r\n        \/* ====== \u0634\u0645\u0627\u0631\u0634 \u0645\u0639\u06a9\u0648\u0633 (\u06f2\u06f4 \u0633\u0627\u0639\u062a \u0627\u0632 \u0627\u0644\u0627\u0646) ====== *\/\r\n        const endTime = new Date().getTime() + 24 * 3600 * 1000;\r\n\r\n        function pad(n) {\r\n            return String(n).padStart(2, '0');\r\n        }\r\n\r\n        function updateCountdown() {\r\n            const diff = endTime - new Date().getTime();\r\n            if (diff <= 0) {\r\n                document.getElementById('vexaCountdown').innerHTML =\r\n                    '<span class=\"box\">\u06f0\u06f0:\u06f0\u06f0:\u06f0\u06f0<\/span>';\r\n                return;\r\n            }\r\n            const h = Math.floor(diff \/ 3600000);\r\n            const m = Math.floor((diff % 3600000) \/ 60000);\r\n            const s = Math.floor((diff % 60000) \/ 1000);\r\n            document.getElementById('vexaHours').textContent = pad(h);\r\n            document.getElementById('vexaMinutes').textContent = pad(m);\r\n            document.getElementById('vexaSeconds').textContent = pad(s);\r\n        }\r\n\r\n        updateCountdown();\r\n        setInterval(updateCountdown, 1000);\r\n\r\n        \/* ====== \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u06a9\u06cc\u0628\u0648\u0631\u062f (RTL) ====== *\/\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'ArrowRight') {\r\n                \/\/ \u06a9\u0644\u06cc\u062f \u0631\u0627\u0633\u062a => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0631\u0627\u0633\u062a (\u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc)\r\n                track.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n                e.preventDefault();\r\n            } else if (e.key === 'ArrowLeft') {\r\n                \/\/ \u06a9\u0644\u06cc\u062f \u0686\u067e => \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0647 \u0686\u067e (\u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc)\r\n                track.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n                e.preventDefault();\r\n            }\r\n        });\r\n\r\n    })();\r\n<\/script>\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":"<p>\u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 \u06f0\u06f0 : \u06f0\u06f0 : \u06f0\u06f0 \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u06a9\u062a\u0627\u0646\u06cc \u0632\u0646\u0627\u0646\u0647 \u06a9\u062a\u0627\u0646\u06cc \u0645\u0631\u062f\u0627\u0646\u0647 \u06a9\u0641\u0634 \u0628\u0686\u06af\u0627\u0646\u0647 \u0644\u0628\u0627\u0633 \u0627\u06a9\u0633\u0633\u0648\u0631\u06cc \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 \u06f0\u06f0 : \u06f0\u06f0 : \u06f0\u06f0 \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 \u06f0\u06f0 : \u06f0\u06f0 : \u06f0\u06f0 \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647<\/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-14","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":29,"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/pakhshposhak.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}