.elementor-476 .elementor-element.elementor-element-69cff43{--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:space-between;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.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-476 .elementor-element.elementor-element-816933a{--grid-columns:3;}.elementor-476 .elementor-element.elementor-element-fa1bf20{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-476 .elementor-element.elementor-element-f0b006b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#BDBDBD;--border-color:#BDBDBD;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.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-476 .elementor-element.elementor-element-06bcefd .elementor-heading-title{font-family:"IRANSansX", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-a77ec5a );}.elementor-476 .elementor-element.elementor-element-c7220a1{--display:flex;}.elementor-476 .elementor-element.elementor-element-42a8c31{--spacer-size:80px;}@media(min-width:768px){.elementor-476 .elementor-element.elementor-element-f0b006b{--width:260px;}}@media(max-width:1024px){.elementor-476 .elementor-element.elementor-element-816933a{--grid-columns:2;}}@media(max-width:767px){.elementor-476 .elementor-element.elementor-element-816933a{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-d03d0f1 */.wink-no-products {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    font-size: 18px;
    color: #444;
}


.wink-filter-reset {
  background-color: #470f29;
  padding: 5px;
  color: #fff;
  border-radius: 3px;
}
.wink-filter-actions {
  margin-top: 20px;
}
#wink-min-price {
  margin-top: 8px;
}
#wink-max-price {
  margin-top: 8px;
}

.e-loop-nothing-found-message__text {
  font-family: IRANSansX, sans-serif;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c20b0e7 *//*کد استایل اضافه شده برای سیستم فیلتر*/
.ga-archive-layout{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:24px;
    align-items:start;
}

.ga-filter-panel{
    background:#fff;
    border:1px solid #f1dfe5;
    border-radius:16px;
    padding:16px;
    position:sticky;
    top:120px;
}

.ga-filter-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
}

.ga-filter-head strong{
    font-size:16px;
    color:#222;
}

.ga-clear-filters{
    background:none;
    border:0;
    color:#e85f8d;
    font-size:12px;
    cursor:pointer;
}

.ga-filter-box{
    border-top:1px solid #f3edf0;
    padding:14px 0;
}

.ga-filter-box h4{
    margin:0 0 12px;
    font-size:14px;
    color:#333;
}

.ga-filter-check{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    font-size:13px;
    color:#555;
    cursor:pointer;
}

.ga-filter-check input{
    accent-color:#e85f8d;
}

.ga-switch-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
    font-size:13px;
    color:#444;
}

.ga-switch-row input{
    accent-color:#e85f8d;
}

.ga-price-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.ga-price-row input{
    width:100%;
    height:38px;
    border:1px solid #eee;
    border-radius:10px;
    padding:0 10px;
    font-size:12px;
    font-family:inherit;
}

.ga-products-area{
    min-width:0;
}

.ga-products-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
}

.ga-result-count{
    font-size:13px;
    color:#666;
}

.ns-products-grid.ga-loading{
    opacity:.45;
    pointer-events:none;
    position:relative;
}

.ga-no-products{
    grid-column:1 / -1;
    background:#fff;
    border-radius:16px;
    padding:30px;
    text-align:center;
    color:#777;
}

.ga-pagination-wrap{
    margin-top:30px;
}

.ga-pagination-wrap ul{
    display:flex;
    justify-content:center;
    gap:8px;
    list-style:none;
    padding:0;
    margin:0;
}

.ga-pagination-wrap a,
.ga-pagination-wrap span{
    min-width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#fff;
    color:#555;
    text-decoration:none;
    border:1px solid #eee;
}

.ga-pagination-wrap .current{
    background:#e85f8d;
    color:#fff;
    border-color:#e85f8d;
}

@media(max-width:992px){
    .ga-archive-layout{
        grid-template-columns:1fr;
    }

    .ga-filter-panel{
        position:relative;
        top:auto;
    }
}

.ga-price-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.ga-price-field{
    border:1px solid #eee;
    border-radius:12px;
    padding:8px;
    background:#fff;
}

.ga-price-field label{
    display:block;
    font-size:11px;
    color:#999;
    margin-bottom:4px;
}

.ga-price-field input{
    width:100%;
    border:0;
    outline:0;
    font-size:13px;
    font-weight:700;
    color:#333;
    font-family:inherit;
}

.ga-price-field span{
    font-size:11px;
    color:#999;
}

.ga-range-slider{
    position:relative;
    height:32px;
    margin-top:22px;
}

.ga-range-track,
.ga-range-progress{
    position:absolute;
    top:14px;
    height:4px;
    border-radius:10px;
}

.ga-range-track{
    left:0;
    right:0;
    background:#eee;
}

.ga-range-progress{
    left:0;
    right:0;
    background:#e85f8d;
}

.ga-range-slider input[type="range"]{
    position:absolute;
    top:6px;
    left:0;
    width:100%;
    pointer-events:none;
    appearance:none;
    -webkit-appearance:none;
    background:none;
}

.ga-range-slider input[type="range"]::-webkit-slider-thumb{
    pointer-events:auto;
    appearance:none;
    -webkit-appearance:none;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    border:4px solid #e85f8d;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(232,95,141,.25);
}

.ga-range-slider input[type="range"]::-moz-range-thumb{
    pointer-events:auto;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    border:4px solid #e85f8d;
    cursor:pointer;
}

.ga-price-labels{
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:#999;
    margin-top:4px;
}


/*کد اضافه شده برای کش.یی شدن فیلترها*/
.ga-filter-box{
    border-top:1px solid #f3edf0;
    padding:0;
}

.ga-filter-toggle{
    width:100%;
    min-height:52px;
    background:transparent;
    border:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-family:inherit;
    color:#333;
}

.ga-filter-toggle span{
    font-size:14px;
    font-weight:700;
}

.ga-filter-toggle svg{
    color:#777;
    transition:.25s ease;
}

.ga-filter-box.open .ga-filter-toggle svg{
    transform:rotate(180deg);
    color:#e85f8d;
}

.ga-filter-content{
    display:none;
    padding-bottom:14px;
}

.ga-filter-box.open .ga-filter-content{
    display:block;
}
.ga-filter-toggle:hover {
  background-color: transparent !important;
  color: #333 !important;
}
.ga-filter-toggle:active {
  background-color: transparent !important;
  color: #feeaed !important;
}

/*کد اضافه شده برای سفارشی سازی فیلتر رنگ*/
.ga-color-filter-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:12px;
}

.ga-color-filter-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    cursor:pointer;
    font-size:11px;
    color:#555;
}

.ga-color-filter-item input{
    display:none;
}

.ga-color-circle{
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #ddd;
    display:block;
    transition:.2s;
}

.ga-color-filter-item input:checked + .ga-color-circle{
    border:3px solid #e85f8d;
    box-shadow:0 0 0 3px #ffe8f0;
}

.ga-color-name{
    text-align:center;
}
/*کد اضافه شده برای باکس دسته بندی*/
.ga-category-children-box{
    background:#fff;
    border:1px solid #f1dfe5;
    border-radius:14px;
    padding:14px;
    margin-bottom:16px;
}

.ga-category-children-title{
    font-size:14px;
    font-weight:700;
    color:#333;
    margin-bottom:12px;
}

.ga-category-children-list{
    list-style:none;
    margin:0;
    padding:0;
}

.ga-category-children-list li{
    margin-bottom:8px;
}

.ga-category-children-list li:last-child{
    margin-bottom:0;
}

.ga-category-children-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-decoration:none;
    color:#555;
    font-size:13px;
    padding:8px 10px;
    border-radius:10px;
    transition:.2s ease;
}

.ga-category-children-list a:hover{
    background:#fff0f5;
    color:#e85f8d;
}

.ga-category-children-list span{
    min-width:24px;
    height:22px;
    padding:0 6px;
    border-radius:20px;
    background:#f7f1f3;
    color:#999;
    font-size:11px;
    display:flex;
    align-items:center;
    justify-content:center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0b006b */.wink-accordion-header:hover {
background: #fff !important;
color: #000 !important;    
}
.wink-accordion-header {
background: #fff !important;
color: #000 !important;    
}
.wink-filter-reset {
  background-color: #000;
  padding: 5px;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #000;
  font-size: 14px;
  font-family: "IRANSansX", Sans-serif;

    
}

.wink-filter-reset:hover {
  background-color: #000;
  padding: 5px;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #000;
  font-size: 14px;
  font-family: "IRANSansX", Sans-serif;

}

.wink-accordion-header {
  font-family: "IRANSansX", Sans-serif;
}
.wink-filter-label {
  font-family: "IRANSansX", Sans-serif;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Thin.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Thin.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-UltraLight.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-UltraLight.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Light.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Light.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Regular.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Regular.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Medium.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Medium.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-DemiBold.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-DemiBold.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Bold.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Bold.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-ExtraBold.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'IRANSansX';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Black.woff2') format('woff2'),
		url('https://hani-clothing.com/wp-content/uploads/2025/12/IRANSansX-Black.woff') format('woff');
}
/* End Custom Fonts CSS */