.elementor-205 .elementor-element.elementor-element-fc4cbac .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-205 .elementor-element.elementor-element-fc4cbac{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-205 .elementor-element.elementor-element-829c875{--display:flex;}.elementor-205 .elementor-element.elementor-element-73c433a .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-205 .elementor-element.elementor-element-73c433a{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-205 .elementor-element.elementor-element-01a5cfc{--display:flex;}.elementor-205 .elementor-element.elementor-element-52168a2{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ),;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ),;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-wrapper{gap:15px;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-title, .elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-title a{font-family:"IRANYekanX Variable",;font-weight:600;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-title{-webkit-text-stroke-color:#000;stroke:#000;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-wrapper{gap:15px;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-title, .elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-title a{font-family:"IRANYekanX Variable",;font-weight:600;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-title{-webkit-text-stroke-color:#000;stroke:#000;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ),;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ),;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 ),;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-205 .elementor-element.elementor-element-3d7d339{--grid-columns:4;}.elementor-205 .elementor-element.elementor-element-3d7d339 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-205 .elementor-element.elementor-element-3d7d339 .e-loop-item > .elementor-section, .elementor-205 .elementor-element.elementor-element-3d7d339 .e-loop-item > .elementor-section > .elementor-container, .elementor-205 .elementor-element.elementor-element-3d7d339 .e-loop-item > .e-con, .elementor-205 .elementor-element.elementor-element-3d7d339 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-205 .elementor-element.elementor-element-3d7d339 .elementor-pagination{text-align:center;font-family:"IRANYekanX Variable",;font-weight:400;}body:not(.rtl) .elementor-205 .elementor-element.elementor-element-3d7d339 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-205 .elementor-element.elementor-element-3d7d339 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-205 .elementor-element.elementor-element-3d7d339 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-205 .elementor-element.elementor-element-3d7d339 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-205 .elementor-element.elementor-element-52168a2{--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;}.elementor-205 .elementor-element.elementor-element-f75e1f6.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-wrapper{gap:10px;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon{font-size:20px;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-title, .elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-title a{font-size:16px;}.elementor-205 .elementor-element.elementor-element-a346720.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-wrapper{gap:10px;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon{font-size:20px;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-title, .elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-title a{font-size:16px;}.elementor-205 .elementor-element.elementor-element-3d7d339{--grid-columns:2;}}@media(max-width:767px){.elementor-205 .elementor-element.elementor-element-fc4cbac{--e-off-canvas-width:248px;}.elementor-205 .elementor-element.elementor-element-73c433a{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:248px;}.elementor-205 .elementor-element.elementor-element-52168a2{--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;}.elementor-205 .elementor-element.elementor-element-52168a2.e-con{--align-self:center;}.elementor-205 .elementor-element.elementor-element-f75e1f6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:5px;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon{font-size:12px;}.elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-title, .elementor-205 .elementor-element.elementor-element-f75e1f6 .elementor-icon-box-title a{font-size:12px;}.elementor-205 .elementor-element.elementor-element-a346720.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-wrapper{align-items:center;text-align:end;gap:5px;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon{font-size:12px;}.elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-title, .elementor-205 .elementor-element.elementor-element-a346720 .elementor-icon-box-title a{font-size:12px;}.elementor-205 .elementor-element.elementor-element-3d7d339{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-a765964 *//* =====================================================
		   MODOf FILTER
		   ===================================================== */

		.modof-product-filters {
			direction: rtl;
			width: 100%;
			font-family: inherit;
		}

		.modof-filter-box {
			padding: 18px 0;
			border-bottom: 1px solid #eeeeee;
		}

		.modof-filter-title {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 18px;
			font-size: 15px;
			font-weight: 700;
			color: #111;
		}


		/* =====================================================
		   PRICE VALUES
		   ===================================================== */

		.modof-price-values {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 10px;
			margin-bottom: 20px;
		}

		.modof-price-value {
			display: flex;
			align-items: center;
			gap: 4px;
			font-size: 12px;
			color: #777;
		}

		.modof-price-value strong {
			font-size: 13px;
			color: #111;
			font-weight: 700;
		}

		.modof-currency {
			font-size: 10px;
			color: #888;
		}


		/* =====================================================
		   RANGE
		   ===================================================== */

		.modof-range-wrapper {
			position: relative;
			height: 28px;
			width: 100%;
		}

		.modof-range-track,
		.modof-range-progress {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			height: 4px;
			border-radius: 10px;
			width: 100%;
		}

		.modof-range-track {
			background: #e7e7e7;
		}

		.modof-range-progress {
			background: #d32f2f;
			z-index: 1;
		}

		.modof-range {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 28px;
			transform: translateY(-50%);
			margin: 0;
			padding: 0;
			background: transparent;
			pointer-events: none;
			appearance: none;
			-webkit-appearance: none;
			z-index: 3;
		}

		.modof-range::-webkit-slider-runnable-track {
			background: transparent;
			height: 4px;
		}

		.modof-range::-moz-range-track {
			background: transparent;
			height: 4px;
		}

		.modof-range::-webkit-slider-thumb {
			appearance: none;
			-webkit-appearance: none;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: #ffffff;
			border: 3px solid #d32f2f;
			box-shadow: 0 2px 8px rgba(0,0,0,.15);
			pointer-events: auto;
			cursor: pointer;
			margin-top: -7px;
		}

		.modof-range::-moz-range-thumb {
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: #ffffff;
			border: 3px solid #d32f2f;
			box-shadow: 0 2px 8px rgba(0,0,0,.15);
			pointer-events: auto;
			cursor: pointer;
		}

		.modof-range-min {
			z-index: 4;
		}

		.modof-range-max {
			z-index: 5;
		}


		/* =====================================================
		   OPTIONS
		   ===================================================== */

		.modof-filter-options {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.modof-filter-options label {
			cursor: pointer;
		}

		.modof-filter-options input {
			position: absolute;
			opacity: 0;
			pointer-events: none;
		}


		/* =====================================================
		   COLOR
		   ===================================================== */

		.modof-color-option {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 13px;
			color: #333;
		}

		.modof-color-check {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			border: 1px solid #d8d8d8;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #fff;
		}

		.modof-color-check span {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: currentColor;
			transform: scale(0);
			transition: .2s ease;
		}

		.modof-color-option input:checked + .modof-color-check {
			border-color: #d32f2f;
		}

		.modof-color-option input:checked + .modof-color-check span {
			transform: scale(1);
			background: #d32f2f;
		}


		/* =====================================================
		   SIZE
		   ===================================================== */

		.modof-size-options {
			flex-direction: row;
			flex-wrap: wrap;
		}

		.modof-size-box {
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 42px;
			height: 38px;
			padding: 0 10px;
			border: 1px solid #dddddd;
			border-radius: 7px;
			font-size: 12px;
			color: #333;
			transition: .2s ease;
		}

		.modof-size-option input:checked + .modof-size-box {
			background: #d32f2f;
			border-color: #d32f2f;
			color: #fff;
		}


		/* =====================================================
		   BRAND
		   ===================================================== */

		.modof-check-option {
			display: flex;
			align-items: center;
			gap: 9px;
			font-size: 13px;
			color: #333;
		}

		.modof-check-box {
			width: 17px;
			height: 17px;
			border: 1px solid #cfcfcf;
			border-radius: 4px;
			position: relative;
			transition: .2s ease;
			background: #fff;
		}

		.modof-check-option input:checked + .modof-check-box {
			background: #d32f2f;
			border-color: #d32f2f;
		}

		.modof-check-option input:checked + .modof-check-box::after {
			content: "";
			position: absolute;
			left: 4px;
			top: 1px;
			width: 5px;
			height: 9px;
			border: solid #fff;
			border-width: 0 2px 2px 0;
			transform: rotate(45deg);
		}


		/* =====================================================
		   BUTTONS
		   ===================================================== */

		.modof-filter-actions {
			display: flex;
			flex-direction: column;
			gap: 9px;
			margin-top: 20px;
		}

		.modof-filter-submit {
			border: 0;
			width: 100%;
			height: 46px;
			border-radius: 8px;
			background: #d32f2f;
			color: #fff;
			font-family: inherit;
			font-size: 13px;
			font-weight: 700;
			cursor: pointer;
			transition: .2s ease;
		}

		.modof-filter-submit:hover {
			background: #b71c1c;
		}

		.modof-filter-reset {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 40px;
			border-radius: 8px;
			color: #666;
			font-size: 12px;
			text-decoration: none;
			background: #f7f7f7;
			transition: .2s ease;
		}

		.modof-filter-reset:hover {
			background: #eeeeee;
			color: #222;
		}


		/* =====================================================
		   MOBILE
		   ===================================================== */

		@media (max-width: 767px) {

			.modof-filter-box {
				padding: 15px 0;
			}

			.modof-filter-title {
				font-size: 14px;
			}

			.modof-price-value strong {
				font-size: 12px;
			}

			.modof-size-box {
				min-width: 38px;
				height: 35px;
				font-size: 11px;
			}

			.modof-filter-submit {
				height: 44px;
			}
		}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8b04c12 *//* =====================================================
		   MODOf FILTER
		   ===================================================== */

		.modof-product-filters {
			direction: rtl;
			width: 100%;
			font-family: inherit;
		}

		.modof-filter-box {
			padding: 18px 0;
			border-bottom: 1px solid #eeeeee;
		}

		.modof-filter-title {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 18px;
			font-size: 15px;
			font-weight: 700;
			color: #111;
		}


		/* =====================================================
		   PRICE VALUES
		   ===================================================== */

		.modof-price-values {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 10px;
			margin-bottom: 20px;
		}

		.modof-price-value {
			display: flex;
			align-items: center;
			gap: 4px;
			font-size: 12px;
			color: #777;
		}

		.modof-price-value strong {
			font-size: 13px;
			color: #111;
			font-weight: 700;
		}

		.modof-currency {
			font-size: 10px;
			color: #888;
		}


		/* =====================================================
		   RANGE
		   ===================================================== */

		.modof-range-wrapper {
			position: relative;
			height: 28px;
			width: 100%;
		}

		.modof-range-track,
		.modof-range-progress {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			height: 4px;
			border-radius: 10px;
			width: 100%;
		}

		.modof-range-track {
			background: #e7e7e7;
		}

		.modof-range-progress {
			background: #d32f2f;
			z-index: 1;
		}

		.modof-range {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 28px;
			transform: translateY(-50%);
			margin: 0;
			padding: 0;
			background: transparent;
			pointer-events: none;
			appearance: none;
			-webkit-appearance: none;
			z-index: 3;
		}

		.modof-range::-webkit-slider-runnable-track {
			background: transparent;
			height: 4px;
		}

		.modof-range::-moz-range-track {
			background: transparent;
			height: 4px;
		}

		.modof-range::-webkit-slider-thumb {
			appearance: none;
			-webkit-appearance: none;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: #ffffff;
			border: 3px solid #d32f2f;
			box-shadow: 0 2px 8px rgba(0,0,0,.15);
			pointer-events: auto;
			cursor: pointer;
			margin-top: -7px;
		}

		.modof-range::-moz-range-thumb {
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: #ffffff;
			border: 3px solid #d32f2f;
			box-shadow: 0 2px 8px rgba(0,0,0,.15);
			pointer-events: auto;
			cursor: pointer;
		}

		.modof-range-min {
			z-index: 4;
		}

		.modof-range-max {
			z-index: 5;
		}


		/* =====================================================
		   OPTIONS
		   ===================================================== */

		.modof-filter-options {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.modof-filter-options label {
			cursor: pointer;
		}

		.modof-filter-options input {
			position: absolute;
			opacity: 0;
			pointer-events: none;
		}


		/* =====================================================
		   COLOR
		   ===================================================== */

		.modof-color-option {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 13px;
			color: #333;
		}

		.modof-color-check {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			border: 1px solid #d8d8d8;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #fff;
		}

		.modof-color-check span {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: currentColor;
			transform: scale(0);
			transition: .2s ease;
		}

		.modof-color-option input:checked + .modof-color-check {
			border-color: #d32f2f;
		}

		.modof-color-option input:checked + .modof-color-check span {
			transform: scale(1);
			background: #d32f2f;
		}


		/* =====================================================
		   SIZE
		   ===================================================== */

		.modof-size-options {
			flex-direction: row;
			flex-wrap: wrap;
		}

		.modof-size-box {
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 42px;
			height: 38px;
			padding: 0 10px;
			border: 1px solid #dddddd;
			border-radius: 7px;
			font-size: 12px;
			color: #333;
			transition: .2s ease;
		}

		.modof-size-option input:checked + .modof-size-box {
			background: #d32f2f;
			border-color: #d32f2f;
			color: #fff;
		}


		/* =====================================================
		   BRAND
		   ===================================================== */

		.modof-check-option {
			display: flex;
			align-items: center;
			gap: 9px;
			font-size: 13px;
			color: #333;
		}

		.modof-check-box {
			width: 17px;
			height: 17px;
			border: 1px solid #cfcfcf;
			border-radius: 4px;
			position: relative;
			transition: .2s ease;
			background: #fff;
		}

		.modof-check-option input:checked + .modof-check-box {
			background: #d32f2f;
			border-color: #d32f2f;
		}

		.modof-check-option input:checked + .modof-check-box::after {
			content: "";
			position: absolute;
			left: 4px;
			top: 1px;
			width: 5px;
			height: 9px;
			border: solid #fff;
			border-width: 0 2px 2px 0;
			transform: rotate(45deg);
		}


		/* =====================================================
		   BUTTONS
		   ===================================================== */

		.modof-filter-actions {
			display: flex;
			flex-direction: column;
			gap: 9px;
			margin-top: 20px;
		}

		.modof-filter-submit {
			border: 0;
			width: 100%;
			height: 46px;
			border-radius: 8px;
			background: #d32f2f;
			color: #fff;
			font-family: inherit;
			font-size: 13px;
			font-weight: 700;
			cursor: pointer;
			transition: .2s ease;
		}

		.modof-filter-submit:hover {
			background: #b71c1c;
		}

		.modof-filter-reset {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 40px;
			border-radius: 8px;
			color: #666;
			font-size: 12px;
			text-decoration: none;
			background: #f7f7f7;
			transition: .2s ease;
		}

		.modof-filter-reset:hover {
			background: #eeeeee;
			color: #222;
		}


		/* =====================================================
		   MOBILE
		   ===================================================== */

		@media (max-width: 767px) {

			.modof-filter-box {
				padding: 15px 0;
			}

			.modof-filter-title {
				font-size: 14px;
			}

			.modof-price-value strong {
				font-size: 12px;
			}

			.modof-size-box {
				min-width: 38px;
				height: 35px;
				font-size: 11px;
			}

			.modof-filter-submit {
				height: 44px;
			}
		}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20bf6fd *//* =====================================================
		   MODOf FILTER
		   ===================================================== */

		.modof-product-filters {
			direction: rtl;
			width: 100%;
			font-family: inherit;
		}

		.modof-filter-box {
			padding: 18px 0;
			border-bottom: 1px solid #eeeeee;
		}

		.modof-filter-title {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 18px;
			font-size: 15px;
			font-weight: 700;
			color: #111;
		}


		/* =====================================================
		   PRICE VALUES
		   ===================================================== */

		.modof-price-values {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 10px;
			margin-bottom: 20px;
		}

		.modof-price-value {
			display: flex;
			align-items: center;
			gap: 4px;
			font-size: 12px;
			color: #777;
		}

		.modof-price-value strong {
			font-size: 13px;
			color: #111;
			font-weight: 700;
		}

		.modof-currency {
			font-size: 10px;
			color: #888;
		}


		/* =====================================================
		   RANGE
		   ===================================================== */

		.modof-range-wrapper {
			position: relative;
			height: 28px;
			width: 100%;
		}

		.modof-range-track,
		.modof-range-progress {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			height: 4px;
			border-radius: 10px;
			width: 100%;
		}

		.modof-range-track {
			background: #e7e7e7;
		}

		.modof-range-progress {
			background: #d32f2f;
			z-index: 1;
		}

		.modof-range {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 28px;
			transform: translateY(-50%);
			margin: 0;
			padding: 0;
			background: transparent;
			pointer-events: none;
			appearance: none;
			-webkit-appearance: none;
			z-index: 3;
		}

		.modof-range::-webkit-slider-runnable-track {
			background: transparent;
			height: 4px;
		}

		.modof-range::-moz-range-track {
			background: transparent;
			height: 4px;
		}

		.modof-range::-webkit-slider-thumb {
			appearance: none;
			-webkit-appearance: none;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: #ffffff;
			border: 3px solid #d32f2f;
			box-shadow: 0 2px 8px rgba(0,0,0,.15);
			pointer-events: auto;
			cursor: pointer;
			margin-top: -7px;
		}

		.modof-range::-moz-range-thumb {
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background: #ffffff;
			border: 3px solid #d32f2f;
			box-shadow: 0 2px 8px rgba(0,0,0,.15);
			pointer-events: auto;
			cursor: pointer;
		}

		.modof-range-min {
			z-index: 4;
		}

		.modof-range-max {
			z-index: 5;
		}


		/* =====================================================
		   OPTIONS
		   ===================================================== */

		.modof-filter-options {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.modof-filter-options label {
			cursor: pointer;
		}

		.modof-filter-options input {
			position: absolute;
			opacity: 0;
			pointer-events: none;
		}


		/* =====================================================
		   COLOR
		   ===================================================== */

		.modof-color-option {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 13px;
			color: #333;
		}

		.modof-color-check {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			border: 1px solid #d8d8d8;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #fff;
		}

		.modof-color-check span {
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: currentColor;
			transform: scale(0);
			transition: .2s ease;
		}

		.modof-color-option input:checked + .modof-color-check {
			border-color: #d32f2f;
		}

		.modof-color-option input:checked + .modof-color-check span {
			transform: scale(1);
			background: #d32f2f;
		}


		/* =====================================================
		   SIZE
		   ===================================================== */

		.modof-size-options {
			flex-direction: row;
			flex-wrap: wrap;
		}

		.modof-size-box {
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 42px;
			height: 38px;
			padding: 0 10px;
			border: 1px solid #dddddd;
			border-radius: 7px;
			font-size: 12px;
			color: #333;
			transition: .2s ease;
		}

		.modof-size-option input:checked + .modof-size-box {
			background: #d32f2f;
			border-color: #d32f2f;
			color: #fff;
		}


		/* =====================================================
		   BRAND
		   ===================================================== */

		.modof-check-option {
			display: flex;
			align-items: center;
			gap: 9px;
			font-size: 13px;
			color: #333;
		}

		.modof-check-box {
			width: 17px;
			height: 17px;
			border: 1px solid #cfcfcf;
			border-radius: 4px;
			position: relative;
			transition: .2s ease;
			background: #fff;
		}

		.modof-check-option input:checked + .modof-check-box {
			background: #d32f2f;
			border-color: #d32f2f;
		}

		.modof-check-option input:checked + .modof-check-box::after {
			content: "";
			position: absolute;
			left: 4px;
			top: 1px;
			width: 5px;
			height: 9px;
			border: solid #fff;
			border-width: 0 2px 2px 0;
			transform: rotate(45deg);
		}


		/* =====================================================
		   BUTTONS
		   ===================================================== */

		.modof-filter-actions {
			display: flex;
			flex-direction: column;
			gap: 9px;
			margin-top: 20px;
		}

		.modof-filter-submit {
			border: 0;
			width: 100%;
			height: 46px;
			border-radius: 8px;
			background: #d32f2f;
			color: #fff;
			font-family: inherit;
			font-size: 13px;
			font-weight: 700;
			cursor: pointer;
			transition: .2s ease;
		}

		.modof-filter-submit:hover {
			background: #b71c1c;
		}

		.modof-filter-reset {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 40px;
			border-radius: 8px;
			color: #666;
			font-size: 12px;
			text-decoration: none;
			background: #f7f7f7;
			transition: .2s ease;
		}

		.modof-filter-reset:hover {
			background: #eeeeee;
			color: #222;
		}


		/* =====================================================
		   MOBILE
		   ===================================================== */

		@media (max-width: 767px) {

			.modof-filter-box {
				padding: 15px 0;
			}

			.modof-filter-title {
				font-size: 14px;
			}

			.modof-price-value strong {
				font-size: 12px;
			}

			.modof-size-box {
				min-width: 38px;
				height: 35px;
				font-size: 11px;
			}

			.modof-filter-submit {
				height: 44px;
			}
		}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-3d7d339 */.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    direction: rtl;
    font-family: 'Vazirmatn', 'Tahoma', sans-serif;
}

.elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 500;
    color: #e11d48;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
    background: transparent;
    border: none;
    user-select: none;
}

/* هاور */
.elementor-pagination a.page-numbers:hover {
    background: #e11d48;
    color: #ffffff;
}

/* صفحه فعال */
.elementor-pagination .page-numbers.current {
    background: #e11d48;
    color: #ffffff;
    font-weight: 600;
}

/* دکمه غیرفعال */
.elementor-pagination span.page-numbers.prev,
.elementor-pagination span.page-numbers.next {
    color: #cbd5e1;
    cursor: not-allowed;
}

/* فلش قبل/بعدی */
.elementor-pagination .page-numbers.prev::before {
    content: '›';
    margin-left: 4px;
}
.elementor-pagination .page-numbers.next::after {
    content: '‹';
    margin-right: 4px;
}

/* موبایل */
@media (max-width: 480px) {
    .elementor-pagination .page-numbers {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 14px;
    }
}/* End custom CSS */