.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-db087b6 .swiper-slide-bg{background-image:url(https://arzhin.com/wp-content/uploads/2026/10/1.jpg);background-size:cover;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-db087b6 .swiper-slide-contents{margin-right:auto;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-db087b6 .swiper-slide-inner{align-items:center;text-align:center;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-d220e0a .swiper-slide-bg{background-image:url(https://arzhin.com/wp-content/uploads/2026/10/2.jpg);background-size:cover;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-d220e0a .swiper-slide-contents{margin-right:auto;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-d220e0a .swiper-slide-inner{align-items:flex-end;text-align:center;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-ab2f7ad .swiper-slide-bg{background-image:url(https://arzhin.com/wp-content/uploads/2026/10/3.jpg);background-size:cover;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-ab2f7ad .swiper-slide-contents{margin-right:auto;}.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-repeater-item-ab2f7ad .swiper-slide-inner{align-items:center;text-align:center;}.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide{transition-duration:calc(5000ms*1.2);height:320px;}.elementor-584 .elementor-element.elementor-element-ea387cc{width:100%;max-width:100%;}.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-contents{max-width:66%;}.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-inner{text-align:center;}.elementor-584 .elementor-element.elementor-element-5ed7558{--display:flex;}.elementor-584 .elementor-element.elementor-element-8e66814{--display:flex;}.elementor-584 .elementor-element.elementor-element-74a7c9f{--display:flex;}.elementor-584 .elementor-element.elementor-element-c09a283{--display:flex;}.elementor-584 .elementor-element.elementor-element-3a7ecb2{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-584 .elementor-element.elementor-element-3a7ecb2 {--n-menu-title-color-hover:#FFFFFF;}.elementor-584 .elementor-element.elementor-element-cdf8fba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 16px 0px 16px;z-index:1;}.elementor-584 .elementor-element.elementor-element-cdf8fba .elementor-heading-title{color:#FFFFFF;}.elementor-584 .elementor-element.elementor-element-8b0266e{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-8b0266e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-6b1860f{width:100%;max-width:100%;text-align:center;}.elementor-584 .elementor-element.elementor-element-6b1860f .elementor-heading-title{font-weight:700;color:#163C32;}.elementor-584 .elementor-element.elementor-element-fc8196a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-fc8196a .woocommerce .woocommerce-loop-category__title{color:#163C32;}.elementor-584 .elementor-element.elementor-element-1a5e04c{--divider-border-style:solid;--divider-color:#BB9009;--divider-border-width:1px;}.elementor-584 .elementor-element.elementor-element-1a5e04c .elementor-divider-separator{width:100%;}.elementor-584 .elementor-element.elementor-element-1a5e04c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-584 .elementor-element.elementor-element-c8539ef{padding:0px 0px 0px 0px;text-align:start;}.elementor-584 .elementor-element.elementor-element-c8539ef.elementor-element{--align-self:center;}.elementor-584 .elementor-element.elementor-element-c8539ef .elementor-heading-title{color:#163C32;}.elementor-584 .elementor-element.elementor-element-3530af9{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-4a5ecad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-4a5ecad.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-584 .elementor-element.elementor-element-ebe4467{--divider-border-style:solid;--divider-color:#BB9009;--divider-border-width:1px;}.elementor-584 .elementor-element.elementor-element-ebe4467 .elementor-divider-separator{width:100%;}.elementor-584 .elementor-element.elementor-element-ebe4467 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-584 .elementor-element.elementor-element-0f234a6{padding:0px 0px 0px 0px;text-align:start;}.elementor-584 .elementor-element.elementor-element-0f234a6.elementor-element{--align-self:center;}.elementor-584 .elementor-element.elementor-element-0f234a6 .elementor-heading-title{color:#163C32;}.elementor-584 .elementor-element.elementor-element-b9e9b1b{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-f39650c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-f39650c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-584 .elementor-element.elementor-element-49fd978{--divider-border-style:solid;--divider-color:#BB9009;--divider-border-width:1px;}.elementor-584 .elementor-element.elementor-element-49fd978 .elementor-divider-separator{width:100%;}.elementor-584 .elementor-element.elementor-element-49fd978 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-584 .elementor-element.elementor-element-dc44eaf{padding:0px 0px 0px 0px;text-align:start;}.elementor-584 .elementor-element.elementor-element-dc44eaf.elementor-element{--align-self:center;}.elementor-584 .elementor-element.elementor-element-dc44eaf .elementor-heading-title{color:#163C32;}.elementor-584 .elementor-element.elementor-element-7f306f0{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-59c4e2e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-59c4e2e.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-584 .elementor-element.elementor-element-6b1860f{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;padding:0px 0px 4px 0px;}.elementor-584 .elementor-element.elementor-element-1a5e04c{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 18px 0px;}.elementor-584 .elementor-element.elementor-element-4a5ecad{width:100%;max-width:100%;}.elementor-584 .elementor-element.elementor-element-4a5ecad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-ebe4467{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 13px 0px;}.elementor-584 .elementor-element.elementor-element-f39650c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-49fd978{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 13px 0px;}.elementor-584 .elementor-element.elementor-element-59c4e2e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-584 .elementor-element.elementor-element-fc8196a{width:100%;max-width:100%;}.elementor-584 .elementor-element.elementor-element-1a5e04c{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-c8539ef{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-3530af9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-584 .elementor-element.elementor-element-4a5ecad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-ebe4467{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-0f234a6{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-b9e9b1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-584 .elementor-element.elementor-element-f39650c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-584 .elementor-element.elementor-element-49fd978{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-dc44eaf{padding:0px 0px 0px 0px;}.elementor-584 .elementor-element.elementor-element-7f306f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-584 .elementor-element.elementor-element-59c4e2e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for slides, class: .elementor-element-ea387cc *//* ========================================
   ARZHIN - HERO SLIDER
======================================== */


/* ========================================
   TITLE + GLASS BOX
======================================== */

.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-heading,
.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-active .elementor-slide-heading {

    display: inline-block !important;

    color: #FFFFFF !important;

    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    background: rgba(11, 46, 38, 0.02) !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    border: 1px solid rgba(255, 255, 255, 0.18) !important;

    border-radius: 12px !important;

    padding: 10px 18px !important;

    margin-bottom: 14px !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.16) !important;

    text-shadow:
        0 2px 10px rgba(0, 0, 0, 0.25) !important;
}


/* ========================================
   DESCRIPTION
======================================== */

.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-description {

    color: rgba(255, 255, 255, 0.92) !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    line-height: 1.9 !important;

    margin-bottom: 24px !important;

    text-shadow:
        0 2px 8px rgba(0, 0, 0, 0.30) !important;
}


/* ========================================
   BUTTON
======================================== */

.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-button {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #BB9009 !important;

    color: #FFFFFF !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    padding: 12px 26px !important;

    min-height: 44px !important;

    border: 1px solid #BB9009 !important;

    border-radius: 8px !important;

    text-decoration: none !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.18) !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* ========================================
   BUTTON HOVER
======================================== */

.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-button:hover {

    background: #D6B13A !important;

    border-color: #D6B13A !important;

    color: #FFFFFF !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.24) !important;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 1024px) {

    .elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-heading,
    .elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-active .elementor-slide-heading {

        font-size: 34px !important;

        padding: 8px 16px !important;

        border-radius: 11px !important;

        margin-bottom: 12px !important;
    }


    .elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-description {

        font-size: 14px !important;

        line-height: 1.8 !important;

        margin-bottom: 20px !important;
    }


    .elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-button {

        font-size: 13px !important;

        padding: 11px 22px !important;

        min-height: 42px !important;
    }
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

    .elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-heading,
    .elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-active .elementor-slide-heading {

        font-size: 27px !important;

        line-height: 1.45 !important;

        padding: 7px 13px !important;

        border-radius: 10px !important;

        margin-bottom: 10px !important;
    }


    .elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-description {

        font-size: 13px !important;

        line-height: 1.8 !important;

        margin-bottom: 17px !important;
    }


    .elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-button {

        font-size: 12px !important;

        padding: 10px 20px !important;

        min-height: 40px !important;

        border-radius: 7px !important;
    }
}/* ========================================
   HERO CONTENT OPACITY
======================================== */

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-contents {
    opacity: 1 !important;
}

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-contents.animated {
    opacity: 1 !important;
    animation-fill-mode: both !important;
}

.elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-heading {
    opacity: 1 !important;
}


/* ========================================
   HERO SLIDER PAGINATION
======================================== */

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-pagination {
    bottom: 18px !important;
}

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-pagination-bullet {

    width: 8px !important;
    height: 8px !important;

    margin: 0 5px !important;

    background: rgba(255, 255, 255, 0.55) !important;

    opacity: 1 !important;

    border: 1px solid rgba(255, 255, 255, 0.25) !important;

    transition:
        width .25s ease,
        background .25s ease,
        transform .25s ease !important;
}

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-pagination-bullet-active {

    width: 24px !important;

    border-radius: 6px !important;

    background: #BB9009 !important;

    border-color: #BB9009 !important;

    transform: translateY(0) !important;
}


/* ========================================
   TABLET + MOBILE
   REMOVE TITLE GLASS BOX
======================================== */

@media (max-width: 1024px) {

    .elementor-584 .elementor-element.elementor-element-ea387cc .elementor-slide-heading,
    .elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-active .elementor-slide-heading {

        background: transparent !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        border: none !important;

        box-shadow: none !important;

        text-shadow:
            0 2px 10px rgba(0, 0, 0, 0.25) !important;
    }
}


/* ========================================
   MOBILE HERO CONTENT POSITION
======================================== */

@media (max-width: 767px) {

    .elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-contents {
        transform: translateY(-50px) !important;
    }
}




/* ========================================
   ARZHIN - SOFT DARK GLOW
======================================== */

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-contents {
    position: relative !important;
    isolation: isolate !important;
}

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-contents::before {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 190% !important;
    height: 300% !important;

    transform: translate(-50%, -50%) !important;

    background: radial-gradient(
        ellipse at center,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.40) 25%,
        rgba(0, 0, 0, 0.20) 50%,
        rgba(0, 0, 0, 0.08) 68%,
        transparent 82%
    ) !important;

    filter: blur(18px) !important;

    z-index: 0 !important;

    pointer-events: none !important;
}

.elementor-584 .elementor-element.elementor-element-ea387cc .swiper-slide-contents > * {
    position: relative !important;
    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-3a7ecb2 */.elementor-584 .elementor-element.elementor-element-3a7ecb2 .e-n-menu-heading {
    gap: 28px !important;
}

.elementor-584 .elementor-element.elementor-element-3a7ecb2 .e-n-menu-title {
    padding: 6px 0 !important;
}

.elementor-584 .elementor-element.elementor-element-3a7ecb2 .e-n-menu-title-text {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.elementor-584 .elementor-element.elementor-element-3a7ecb2 .e-n-menu-dropdown-icon {
    padding: 0 0 0 4px !important;
}

.elementor-584 .elementor-element.elementor-element-3a7ecb2 .e-n-menu-dropdown-icon svg {
    width: 11px !important;
    height: 11px !important;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cdf8fba */.elementor-584 .elementor-element.elementor-element-cdf8fba { width: 100%; margin: 0 0 4px; } .elementor-584 .elementor-element.elementor-element-cdf8fba .elementor-heading-title { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; color: #FFFFFF; font-size: 20px; font-weight: 700; line-height: 1.8; text-align: center; white-space: nowrap; } .elementor-584 .elementor-element.elementor-element-cdf8fba .elementor-heading-title::before, .elementor-584 .elementor-element.elementor-element-cdf8fba .elementor-heading-title::after { content: ""; display: block; flex: 1; min-width: 20px; height: 1px; background: #BB9009; } @media (max-width: 1024px) { .elementor-584 .elementor-element.elementor-element-cdf8fba .elementor-heading-title { font-size: 18px; gap: 10px; } } @media (max-width: 767px) { .elementor-584 .elementor-element.elementor-element-cdf8fba .elementor-heading-title { font-size: 16px; gap: 8px; } }/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-8b0266e *//* ARZHIN - فقط 7 دسته اصلی */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category {
    display: none !important;
}

/* 1 - چراغ خیابانی */
.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:has(a[href*="/lighting/street/"]) {
    display: block !important;
}

/* 2 - پروژکتور */
.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:has(a[href*="/lighting/floodlight/"]) {
    display: block !important;
}

/* 3 - پنل */
.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:has(a[href*="/lighting/panel/"]:not([href*="surface-mounted"]):not([href*="recessed"])) {
    display: block !important;
}

/* 4 - چراغ سوله‌ای */
.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:has(a[href*="/lighting/industrial/"]) {
    display: block !important;
}

/* 5 - دوربین */
.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:has(a[href*="/video-surveillance/camera/"]) {
    display: block !important;
}

/* 6 - دزدگیر */
.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:has(a[href*="/security-system/alarm/"]) {
    display: block !important;
}

/* 7 - دستگاه ضبط */
.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:has(a[href*="/video-surveillance/recorders/"]:not([href*="/nvr/"]):not([href*="/dvr/"])) {
    display: block !important;
}
/* ========================================
   ARZHIN - CATEGORY CARDS
======================================== */


/* SECTION BACKGROUND */

.elementor-584 .elementor-element.elementor-element-8b0266e {
    background: #0B2E26;
    padding: 10px 0 20px !important;
}


/* CATEGORY LIST - DESKTOP */

.elementor-584 .elementor-element.elementor-element-8b0266e .products {
    display: grid !important;

    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* CARD */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category {
    width: auto !important;
    margin: 0 !important;

    background: rgba(11, 46, 38, 0.55) !important;

    border: 1px solid rgba(255, 255, 255, 0.14) !important;

    border-radius: 8px !important;

    overflow: hidden !important;

    transition:
        border-color .25s ease,
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* CARD LINK */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category > a {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 145px !important;

    padding: 12px 10px 10px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


/* IMAGE */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category img {
    width: 92px !important;
    height: 92px !important;

    object-fit: contain !important;

    margin: 0 auto 6px !important;

    display: block !important;

    transition:
        transform .25s ease !important;
}


/* TITLE */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category .woocommerce-loop-category__title {

    margin: 0 !important;

    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* GOLD ARROW */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category .woocommerce-loop-category__title::after {
    content: "" !important;

    display: inline-block !important;

    width: 7px !important;
    height: 7px !important;

    border-left: 2px solid #BB9009 !important;
    border-bottom: 2px solid #BB9009 !important;

    margin-right: 7px !important;

    transform: rotate(45deg) !important;

    vertical-align: 2px !important;
}


/* REMOVE PRODUCT COUNT */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category .count {
    display: none !important;
}


/* HOVER */

.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:hover {

    background: rgba(22, 60, 50, 0.85) !important;

    border-color: rgba(187, 144, 9, 0.45) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.18) !important;
}


.elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category:hover img {

    transform: scale(1.04) !important;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 1024px) {

    .elementor-584 .elementor-element.elementor-element-8b0266e {
        padding: 15px 0 18px !important;

        overflow: hidden !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products {

        display: flex !important;

        flex-wrap: nowrap !important;

        justify-content: flex-start !important;

        gap: 10px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 0 12px 8px !important;

        margin: 0 !important;

        scroll-behavior: smooth !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: none !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products::-webkit-scrollbar {
        display: none !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category {

        flex: 0 0 190px !important;

        width: 190px !important;

        min-width: 190px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category > a {

        min-height: 150px !important;

        padding: 12px 10px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category img {

        width: 92px !important;
        height: 92px !important;
    }
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {.elementor-584 .elementor-element.elementor-element-8b0266e {
        padding: 12px 0 15px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products {

        gap: 9px !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        padding-bottom: 6px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category {

        flex: 0 0 155px !important;

        width: 155px !important;

        min-width: 155px !important;

        border-radius: 8px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category > a {

        min-height: 135px !important;

        padding: 9px 8px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category img {

        width: 78px !important;
        height: 78px !important;

        margin-bottom: 5px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category .woocommerce-loop-category__title {

        font-size: 13px !important;

        line-height: 1.45 !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category .woocommerce-loop-category__title::before {

        font-size: 18px !important;

        margin-left: 4px !important;
    }
}
/* ========================================
   DESKTOP - 7 CARDS IN ONE ROW
======================================== */

@media (min-width: 1025px) {

    .elementor-584 .elementor-element.elementor-element-8b0266e .products {
        display: grid !important;

        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category {
        width: auto !important;
        margin: 0 !important;
        height: 130px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category > a {
        min-height: 118px !important;

        padding: 0px 7px 15px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category img {
        width: 78px !important;
        height: 78px !important;

        margin-bottom: 4px !important;
    }


    .elementor-584 .elementor-element.elementor-element-8b0266e .products .product-category
    .woocommerce-loop-category__title {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b1860f */.elementor-584 .elementor-element.elementor-element-6b1860f { width: 100%; margin: 0 0 8px; } .elementor-584 .elementor-element.elementor-element-6b1860f .elementor-heading-title { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; color: #163C32; font-size: 20px; font-weight: 700; line-height: 1.8; text-align: center; white-space: nowrap; } .elementor-584 .elementor-element.elementor-element-6b1860f .elementor-heading-title::before, .elementor-584 .elementor-element.elementor-element-6b1860f .elementor-heading-title::after { content: ""; display: block; flex: 1; min-width: 20px; height: 1px; background: #BB9009; } @media (max-width: 767px) { .elementor-584 .elementor-element.elementor-element-6b1860f .elementor-heading-title { font-size: 18px; gap: 8px; } }/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-fc8196a *//* ARZHIN - Main Categories */ /* Grid layout */ .elementor-584 .elementor-element.elementor-element-fc8196a ul.products, .elementor-584 .elementor-element.elementor-element-fc8196a .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px 12px !important; margin: 0 !important; padding: 0 !important; } /* Clear WooCommerce floats */ .elementor-584 .elementor-element.elementor-element-fc8196a ul.products::before, .elementor-584 .elementor-element.elementor-element-fc8196a ul.products::after { display: none !important; } /* Category card */ .elementor-584 .elementor-element.elementor-element-fc8196a ul.products li.product-category { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Category link */ .elementor-584 .elementor-element.elementor-element-fc8196a li.product-category > a { display: block !important; text-decoration: none !important; } /* Circular image */ .elementor-584 .elementor-element.elementor-element-fc8196a li.product-category > a img { display: block !important; width: 100% !important; max-width: 150px !important; aspect-ratio: 1 / 1 !important; height: auto !important; object-fit: cover !important; border: 2px solid #BB9009 !important; border-radius: 50% !important; padding: 4px !important; margin: 0 auto 3px !important; box-sizing: border-box !important; background: #FFFFFF !important; } /* Category title */ .elementor-584 .elementor-element.elementor-element-fc8196a li.product-category .woocommerce-loop-categorytitle { display: block !important; margin: 0 !important; padding: 0 !important; color: #163C32 !important; background: transparent !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.5 !important; text-align: center !important; } /* Hide product count */ .elementor-584 .elementor-element.elementor-element-fc8196a li.product-category .count { display: none !important; } /* Tablet */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-584 .elementor-element.elementor-element-fc8196a ul.products { gap: 18px 14px !important; } .elementor-584 .elementor-element.elementor-element-fc8196a li.product-category > a img { max-width: 150px !important; margin-bottom: 3px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-584 .elementor-element.elementor-element-fc8196a ul.products { gap: 14px 8px !important; } .elementor-584 .elementor-element.elementor-element-fc8196a li.product-category > a img { max-width: 105px !important; padding: 3px !important; border-width: 1.5px !important; margin-bottom: 2px !important; } .elementor-584 .elementor-element.elementor-element-fc8196a li.product-category .woocommerce-loop-categorytitle { font-size: 11px !important; line-height: 1.4 !important; white-space: nowrap !important; } }
.elementor-584 .elementor-element.elementor-element-fc8196a li.product-category .woocommerce-loop-category__title {
    white-space: nowrap !important;
    font-size: 11px !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8539ef *//* ARZHIN - Selected Products Heading */

.elementor-584 .elementor-element.elementor-element-c8539ef {
    width: 100%;
    margin: 0;
    padding: 0;
}

.elementor-584 .elementor-element.elementor-element-c8539ef .elementor-heading-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #163C32;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    text-align: right;
    direction: rtl;
}

/* Laptop and desktop */
@media (min-width: 1025px) {
    .elementor-584 .elementor-element.elementor-element-c8539ef .elementor-heading-title {
        font-size: 22px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-584 .elementor-element.elementor-element-c8539ef .elementor-heading-title {
        font-size: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-584 .elementor-element.elementor-element-c8539ef .elementor-heading-title {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3530af9 *//* ARZHIN - Selected Products Button */

.elementor-584 .elementor-element.elementor-element-3530af9 {
    width: auto;
    min-width: max-content;
    margin: 0;
}

.elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: max-content;
    min-width: max-content;
    max-width: none;
    box-sizing: border-box;
    white-space: nowrap;
    flex-shrink: 0;

    padding: 9px 18px;
    background: transparent !important;
    border: 1px solid #BB9009 !important;
    border-radius: 6px;
    box-shadow: none !important;
    color: #163C32 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: background-color 0.2s ease,
                border-color 0.2s ease;
}

.elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button-text {
    display: inline-block;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button-icon {
    flex-shrink: 0;
    color: #BB9009 !important;
    font-size: 13px;
}

.elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button:hover {
    background: #F7FAF8 !important;
    border-color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button:hover .elementor-button-text {
    color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button:hover .elementor-button-icon {
    color: #163C32 !important;
}

/* Laptop and desktop */
@media (min-width: 1025px) {
    .elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button {
        width: max-content;
        min-width: max-content;
        padding: 9px 18px;
        font-size: 14px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button {
        width: max-content;
        min-width: max-content;
        padding: 8px 15px;
        font-size: 13px;
        gap: 6px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-584 .elementor-element.elementor-element-3530af9 {
        min-width: 0;
    }

    .elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button {
        width: max-content;
        min-width: 0;
        padding: 7px 9px;
        font-size: 11px;
        gap: 5px;
        border-radius: 5px;
        margin-left: 30px;
    }

    .elementor-584 .elementor-element.elementor-element-3530af9 .elementor-button-icon {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4a5ecad *//* ------------------------------------------------ */
/* ۱. تنظیمات تبلت و موبایل: مخفی کردن محصول ۷ و ۸ */
/* ------------------------------------------------ */
@media (max-width: 1024px) {
    .mobile-horizontal-scroll ul.products > li:nth-child(n+7),
    .mobile-horizontal-scroll .elementor-grid > *:nth-child(n+7) {
        display: none !important;
    }
}

/* ------------------------------------------------ */
/* ۲. فعال‌سازی اسکرول افقی فقط و فقط برای موبایل */
/* ------------------------------------------------ */
@media (max-width: 767px) {
    .mobile-horizontal-scroll ul.products,
    .mobile-horizontal-scroll .elementor-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 15px !important;
        scroll-snap-type: x mandatory;
    }
    
    /* تنظیم عرض کارت‌ها برای نمایش ۲ و نیم محصول */
    .mobile-horizontal-scroll ul.products > li,
    .mobile-horizontal-scroll .elementor-grid > * {
        /* عدد 36 درصد باعث می‌شود دقیقا 2.5 محصول در عرض موبایل جا بگیرد */
        flex: 0 0 40% !important; 
        max-width: 40% !important;
        margin-left: 0px !important; /* فاصله بین محصولات برای سایت‌های فارسی */
        margin-right: 0 !important;
        scroll-snap-align: center;
    }

    /* مخفی کردن نوار اسکرول برای زیبایی بیشتر */
    .mobile-horizontal-scroll ul.products::-webkit-scrollbar,
    .mobile-horizontal-scroll .elementor-grid::-webkit-scrollbar {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f234a6 *//* ARZHIN - Selected Products Heading */

.elementor-584 .elementor-element.elementor-element-0f234a6 {
    width: 100%;
    margin: 0;
    padding: 0;
}

.elementor-584 .elementor-element.elementor-element-0f234a6 .elementor-heading-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #163C32;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    text-align: right;
    direction: rtl;
}

/* Laptop and desktop */
@media (min-width: 1025px) {
    .elementor-584 .elementor-element.elementor-element-0f234a6 .elementor-heading-title {
        font-size: 22px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-584 .elementor-element.elementor-element-0f234a6 .elementor-heading-title {
        font-size: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-584 .elementor-element.elementor-element-0f234a6 .elementor-heading-title {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b9e9b1b *//* ARZHIN - Selected Products Button */

.elementor-584 .elementor-element.elementor-element-b9e9b1b {
    width: auto;
    min-width: max-content;
    margin: 0;
}

.elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: max-content;
    min-width: max-content;
    max-width: none;
    box-sizing: border-box;
    white-space: nowrap;
    flex-shrink: 0;

    padding: 9px 18px;
    background: transparent !important;
    border: 1px solid #BB9009 !important;
    border-radius: 6px;
    box-shadow: none !important;
    color: #163C32 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: background-color 0.2s ease,
                border-color 0.2s ease;
}

.elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button-text {
    display: inline-block;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button-icon {
    flex-shrink: 0;
    color: #BB9009 !important;
    font-size: 13px;
}

.elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button:hover {
    background: #F7FAF8 !important;
    border-color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button:hover .elementor-button-text {
    color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button:hover .elementor-button-icon {
    color: #163C32 !important;
}

/* Laptop and desktop */
@media (min-width: 1025px) {
    .elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button {
        width: max-content;
        min-width: max-content;
        padding: 9px 18px;
        font-size: 14px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button {
        width: max-content;
        min-width: max-content;
        padding: 8px 15px;
        font-size: 13px;
        gap: 6px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-584 .elementor-element.elementor-element-b9e9b1b {
        min-width: 0;
    }

    .elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button {
        width: max-content;
        min-width: 0;
        padding: 7px 9px;
        font-size: 11px;
        gap: 5px;
        border-radius: 5px;
        margin-left: 30px;
    }

    .elementor-584 .elementor-element.elementor-element-b9e9b1b .elementor-button-icon {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dc44eaf *//* ARZHIN - Selected Products Heading */

.elementor-584 .elementor-element.elementor-element-dc44eaf {
    width: 100%;
    margin: 0;
    padding: 0;
}

.elementor-584 .elementor-element.elementor-element-dc44eaf .elementor-heading-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #163C32;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.6;
    text-align: right;
    direction: rtl;
}

/* Laptop and desktop */
@media (min-width: 1025px) {
    .elementor-584 .elementor-element.elementor-element-dc44eaf .elementor-heading-title {
        font-size: 22px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-584 .elementor-element.elementor-element-dc44eaf .elementor-heading-title {
        font-size: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-584 .elementor-element.elementor-element-dc44eaf .elementor-heading-title {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7f306f0 *//* ARZHIN - Selected Products Button */

.elementor-584 .elementor-element.elementor-element-7f306f0 {
    width: auto;
    min-width: max-content;
    margin: 0;
}

.elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: max-content;
    min-width: max-content;
    max-width: none;
    box-sizing: border-box;
    white-space: nowrap;
    flex-shrink: 0;

    padding: 9px 18px;
    background: transparent !important;
    border: 1px solid #BB9009 !important;
    border-radius: 6px;
    box-shadow: none !important;
    color: #163C32 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: background-color 0.2s ease,
                border-color 0.2s ease;
}

.elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button-text {
    display: inline-block;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button-icon {
    flex-shrink: 0;
    color: #BB9009 !important;
    font-size: 13px;
}

.elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button:hover {
    background: #F7FAF8 !important;
    border-color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button:hover .elementor-button-text {
    color: #163C32 !important;
}

.elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button:hover .elementor-button-icon {
    color: #163C32 !important;
}

/* Laptop and desktop */
@media (min-width: 1025px) {
    .elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button {
        width: max-content;
        min-width: max-content;
        padding: 9px 18px;
        font-size: 14px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button {
        width: max-content;
        min-width: max-content;
        padding: 8px 15px;
        font-size: 13px;
        gap: 6px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-584 .elementor-element.elementor-element-7f306f0 {
        min-width: 0;
    }

    .elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button {
        width: max-content;
        min-width: 0;
        padding: 7px 9px;
        font-size: 11px;
        gap: 5px;
        border-radius: 5px;
        margin-left: 30px;
    }

    .elementor-584 .elementor-element.elementor-element-7f306f0 .elementor-button-icon {
        font-size: 11px;
    }
}/* End custom CSS */