.elementor-5479 .elementor-element.elementor-element-79d4913{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5479 .elementor-element.elementor-element-7fd1945{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5479 .elementor-element.elementor-element-7fd1945:not(.elementor-motion-effects-element-type-background), .elementor-5479 .elementor-element.elementor-element-7fd1945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pakio.ir/wp-content/uploads/2026/06/banner-shop.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5479 .elementor-element.elementor-element-2b2747b{text-align:center;}.elementor-5479 .elementor-element.elementor-element-2b2747b .elementor-heading-title{font-family:"iransans", Sans-serif;font-size:30px;font-weight:600;color:#042159;}.elementor-5479 .elementor-element.elementor-element-967e450{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:60px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5479 .elementor-element.elementor-element-d6d1a05{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5479 .elementor-element.elementor-element-e52f6ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:24px 24px 24px 24px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5479 .elementor-element.elementor-element-e52f6ab:not(.elementor-motion-effects-element-type-background), .elementor-5479 .elementor-element.elementor-element-e52f6ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6EBF5;}.elementor-5479 .elementor-element.elementor-element-e52f6ab.e-con{--align-self:flex-start;}.elementor-5479 .elementor-element.elementor-element-389e714{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5479 .elementor-element.elementor-element-ed4b102{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5479 .elementor-element.elementor-element-1b06e2e.elementor-element{--align-self:flex-end;}.elementor-5479 .elementor-element.elementor-element-100e9cc.elementor-element{--align-self:flex-end;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5479 .elementor-element.elementor-element-c909049{--grid-columns:3;--load-more-button-align:center;}.elementor-5479 .elementor-element.elementor-element-c909049 .elementor-button{background-color:#ED1C24;fill:#FFFFFF;color:#FFFFFF;border-radius:12px 12px 12px 12px;}.elementor-5479 .elementor-element.elementor-element-c909049 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-5479 .elementor-element.elementor-element-c909049 .e-loop-item > .elementor-section, .elementor-5479 .elementor-element.elementor-element-c909049 .e-loop-item > .elementor-section > .elementor-container, .elementor-5479 .elementor-element.elementor-element-c909049 .e-loop-item > .e-con, .elementor-5479 .elementor-element.elementor-element-c909049 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-5479 .elementor-element.elementor-element-c909049 .elementor-button:hover, .elementor-5479 .elementor-element.elementor-element-c909049 .elementor-button:focus{color:#FFFFFF;border-color:#ED1C2400;}.elementor-5479 .elementor-element.elementor-element-c909049 .elementor-button:hover svg, .elementor-5479 .elementor-element.elementor-element-c909049 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-5479 .elementor-element.elementor-element-c909049{--grid-columns:2;}}@media(max-width:767px){.elementor-5479 .elementor-element.elementor-element-79d4913{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5479 .elementor-element.elementor-element-7fd1945:not(.elementor-motion-effects-element-type-background), .elementor-5479 .elementor-element.elementor-element-7fd1945 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-5479 .elementor-element.elementor-element-7fd1945{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-5479 .elementor-element.elementor-element-2b2747b .elementor-heading-title{font-size:24px;}.elementor-5479 .elementor-element.elementor-element-967e450{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-5479 .elementor-element.elementor-element-d6d1a05{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-5479 .elementor-element.elementor-element-ed4b102{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-5479 .elementor-element.elementor-element-1b06e2e{width:100%;max-width:100%;}.elementor-5479 .elementor-element.elementor-element-100e9cc{width:100%;max-width:100%;}.elementor-5479 .elementor-element.elementor-element-c909049{--grid-columns:1;}}@media(min-width:768px){.elementor-5479 .elementor-element.elementor-element-e52f6ab{--width:26%;}.elementor-5479 .elementor-element.elementor-element-389e714{--width:74%;}}/* Start custom CSS for wp-widget-woocommerce_product_search, class: .elementor-element-80c9d1c */.elementor-5479 .elementor-element.elementor-element-80c9d1c .woocommerce-product-search{
    display: flex;
    
}
.elementor-5479 .elementor-element.elementor-element-80c9d1c .woocommerce-product-search button{
    border-color:#ed1c24 ;
    border-radius: 8px 0 0 8px;
}
.elementor-5479 .elementor-element.elementor-element-80c9d1c .woocommerce-product-search input{
    border-color:#ed1c24 ;
    border-radius: 0 8px 8px 0;
    outline-color: transparent;
}
.elementor-5479 .elementor-element.elementor-element-80c9d1c .woocommerce-product-search button:hover{
    background:#ed1c24 ;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bb89dbc */.pakio-cat-filter {
            width: 100%;

            direction: rtl;
            font-family: inherit;
        }

        .pakio-filter-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 16px;
            font-weight: 700;
            color: #222222;
            margin-bottom: 18px;
            cursor: pointer;
        }

        .pakio-filter-arrow {
            font-size: 16px;
            color: #333333;
            line-height: 1;
        }

        .pakio-filter-body {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .pakio-cat-list {
            max-height: 320px;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            gap: 14px;
            padding-left: 8px;
            padding-bottom: 2px;
        }

        .pakio-cat-item {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            font-size: 14px;
            color: #555555;
            user-select: none;
        }

        .pakio-cat-item input {
            display: none;
        }

        .pakio-checkbox {
            width: 17px;
            height: 17px;
            border: 1px solid #e2e2e2;
            background: #ffffff;
            border-radius: 3px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            flex: 0 0 17px;
        }

        .pakio-cat-item input:checked + .pakio-checkbox {
            background: #e83b3b;
            border-color: #e83b3b;
        }

        .pakio-cat-item input:checked + .pakio-checkbox::after {
            content: "";
            width: 5px;
            height: 9px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            margin-top: -2px;
        }

        .pakio-cat-name {
            color: #555555;
            transition: color 0.2s ease;
        }

        .pakio-cat-item:hover .pakio-cat-name {
            color: #111111;
        }

        .pakio-filter-submit {
            display: flex !important;
            width: 100%;
            height: 42px;
            border: none;
            border-radius: 6px;
            background: #ED1C24 !important;
            color: #ffffff;
            font-size: 14px;
            font-family: inherit;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            margin-top: 8px;
            visibility: visible !important;
            opacity: 1 !important;
            transition: all 0.2s ease;
        }

        .pakio-filter-submit:hover {
            background: #333333;
        }

        .pakio-filter-reset {
            display: block;
            text-align: center;
            font-size: 13px;
            color: #e83b3b;
            text-decoration: none;
        }

        .pakio-filter-reset:hover {
            color: #c92121;
        }

        .pakio-no-cat {
            font-size: 13px;
            color: #888888;
        }

        .pakio-cat-list::-webkit-scrollbar {
            width: 5px;
        }

        .pakio-cat-list::-webkit-scrollbar-track {
            background: #f2f2f2;
            border-radius: 10px;
        }

        .pakio-cat-list::-webkit-scrollbar-thumb {
            background: #ED1C24;
            border-radius: 10px;
        }

        .pakio-cat-list::-webkit-scrollbar-thumb:hover {
            background: #999999;
        }
        
        .pakio-filter-body {
    display: flex;
    overflow: hidden;
    max-height: 1000px;
    opacity: 1;
    transform: translateY(0);
    transition:
        max-height 0.35s ease,
        opacity 0.25s ease,
        transform 0.25s ease;
}

.pakio-filter-body.is-hidden {
    max-height: 0 !important;
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
}

.pakio-filter-arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.pakio-cat-filter.is-closed .pakio-filter-arrow {
    transform: rotate(180deg);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1b06e2e */.pakio-per-page-form {
    display: flex;
    align-items: center;
    gap: 10px;
    direction: rtl;
}

.pakio-per-page-label {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.pakio-per-page-select {
    min-width: 130px;
    height: 42px;
    border: none;
    border-radius: 10px;
    /* پدینگ سمت چپ را کمی بیشتر کردم (35px) تا متن روی فلش نرود */
    padding: 0 12px 0 35px; 
    
    /* نکته: به جای background از background-color استفاده می‌کنیم تا تنظیمات تصویر زمینه ما را خنثی نکند */
    background-color: #f5f5f5; 
    color: #222;
    font-size: 14px;
    cursor: pointer;
    outline: none;

    /* 1. حذف فلش پیش‌فرض مرورگرها */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* 2. ایجاد فلش اختصاصی با SVG و قرار دادن آن در سمت چپ */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 12px center; /* فلش را در سمت چپ با فاصله 12 پیکسل قرار می‌دهد */
    background-size: 14px; /* اندازه فلش */
}

/* حذف فلش پیش‌فرض در مرورگرهای قدیمی مایکروسافت (IE/Edge قدیمی) */
.pakio-per-page-select::-ms-expand {
    display: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-100e9cc */.elementor-5479 .elementor-element.elementor-element-100e9cc .custom-product-sorting {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    direction: rtl;
}

.elementor-5479 .elementor-element.elementor-element-100e9cc .custom-product-sorting form {
    margin: 0;
}


.elementor-5479 .elementor-element.elementor-element-100e9cc .custom-product-sorting select {
    min-width: 130px;
    height: 42px;
    border: none;
    border-radius: 10px;
    /* پدینگ سمت چپ را کمی بیشتر کردم (35px) تا متن روی فلش نرود */
    padding: 0 12px 0 35px; 
    
    /* نکته: به جای background از background-color استفاده می‌کنیم تا تنظیمات تصویر زمینه ما را خنثی نکند */
    background-color: #f5f5f5; 
    color: #222;
    font-size: 14px;
    cursor: pointer;
    outline: none;

    /* 1. حذف فلش پیش‌فرض مرورگرها */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* 2. ایجاد فلش اختصاصی با SVG و قرار دادن آن در سمت چپ */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 12px center; /* فلش را در سمت چپ با فاصله 12 پیکسل قرار می‌دهد */
    background-size: 14px; /* اندازه فلش */
}

/* حذف فلش پیش‌فرض در مرورگرهای قدیمی مایکروسافت (IE/Edge قدیمی) */
.pakio-per-page-select::-ms-expand {
    display: none;
}


@media (max-width: 767px) {
    .custom-product-sorting {
        justify-content: stretch;
    }

   .elementor-5479 .elementor-element.elementor-element-100e9cc .custom-product-sorting form,
   .elementor-5479 .elementor-element.elementor-element-100e9cc .custom-product-sorting select {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c909049 */.elementor-5479 .elementor-element.elementor-element-c909049 .e-load-more-spinner{
        inset-inline-start: 38% !important;
}

.elementor-5479 .elementor-element.elementor-element-c909049 .e-loop__load-more a:hover{
    background: #fff;
    border:1px solid #ed1c24 !important;
    color: #ed1c24 !important;
}
.elementor-5479 .elementor-element.elementor-element-c909049 .e-loop__load-more a{
    
    border:1px solid #ed1c24;
}/* End custom CSS */