.archive-page{
    margin-top: 56px;
}
.archive-page.product-slider > .bg_svg{
    width: 100%;
    margin: 0;
    position: relative;
    z-index: -1;
}
.archive-page.product-slider > .bg_svg .shape-unit {
    filter: url(#smooth-join2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 200px;
    z-index: -1;
    height: 100%;
    transform: translateY(-35px);
}
.archive-page.product-slider > .bg_svg .rect {
    position: absolute;
    background: var(--gray_color);
}
.archive-page.product-slider > .bg_svg .rect1 {
    width: 550px;
    max-width: 85%;
    height: 150px;
    right: 0;
    top: 15px;
    border-radius: 0;
    z-index: 2;
}
.archive-page.product-slider > .bg_svg .rect2 {
    width: 100%;
    height: calc(100% - 150px);
    border-radius: 0;
    right: 0;
    top: 150px;
    z-index: 1;
}
.archive-page.product-slider .line{
    z-index: -2;
}
.archive-page.product-slider .head-btns,
.archive-page.product-slider .head-product-slider{
    z-index: 3;
}
.product-list{
    z-index: 3;
    position: relative;
}

.archive-page.product-slider .head-product-slider.head-up-mask{
    -webkit-mask: linear-gradient(#fff 0 0), url(../img/exclude-left-top-tall.png);
    -webkit-mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0), url(../img/exclude-left-top-tall.png);
    mask-position: 0 0;
    mask-repeat: no-repeat;
    mask-composite: exclude;
    padding: 16px 16px 5px 85px !important;
    min-height: 158px;
    align-items: start;
    margin-bottom: -33px !important;
}
.archive-page.product-slider .head-up-mask-wrap:before{
    height: calc(100% - 33px);
    top: 33px !important;
}

.product-list.row > .col-12{
    padding-bottom: 24px;
}

.archive-page.product-slider .head-btns .btn-outline-light{
    border: 1px solid var(--black-10);
}
.archive-page.product-slider .head .line{
    max-width: calc(100% - 500px);
    margin-right: auto;
}
.archive-page.product-slider .head{
    padding: 0 16px;
}
.archive-page.product-slider .body-product-slider{
    z-index: 3;
    position: relative;
    padding: 0 16px 16px;
}
/*.archive-page.product-slider .body-product-slider:before{*/
/*    content:"";*/
/*    width: 100%;*/
/*    height: calc(100% - 35px);*/
/*    background: var(--gray_color);*/

/*    border-radius: 32px;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*}*/
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto;
}
.pagination .nav-links{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.pagination .page-numbers{
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--gray_color);
    font-size: 20px;
}
.pagination .page-numbers.current{
    background-color: var(--primary_color);
    color: var(--white_color);
}

.seller .product-slider .head-product-slider .head-icon{
    border-radius: var(--icon-radius);
}
.seller-social-links-display{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:10px;
}
.seller-social-links-display a{
    display:grid;
    width:38px;
    height:38px;
    place-items:center;
    border:1px solid var(--secondary-20);
    border-radius:50%;
    background:var(--white_color);
    color:var(--secondary_color);
    box-shadow:0 6px 16px var(--black-5);
    transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.seller-social-links-display a:hover,
.seller-social-links-display a:focus-visible{
    transform:translateY(-3px);
    border-color:var(--primary_color);
    background:var(--primary_color);
    color:var(--white_color);
    box-shadow:0 10px 22px var(--primary-30);
}
.seller-social-links-display i{font-size:18px;line-height:1}
.seller-social-links--widget{margin-top:7px}

@media (max-width: 767px) {
    .archive-page.product-slider .head-btns .btn{
        margin: 0;
    }
}
@media (max-width: 575px) {
    .archive-page.product-slider .body-product-slider{
        margin: 0;
    }
}

/* Marketplace archive — based on the Kalazone archive composition in Figma. */
.market-archive{
    --margin: calc((100vw - 100%) / 2);
}
.market-archive--kalazone{
    --preset-field-bg: var(--secondary-5);
    --market-preset-accent:#df2027;
    --market-preset-page-bg:#fff;
    --market-preset-surface-bg:var(--gray_color);
    --market-preset-surface-bg2:var(--gray_color);
    --market-preset-filter-bg:#fff;
    --market-filter-radius: 48px;
    --market-preset-text:#19253d;
    --market-preset-muted:#6c7484;
    --market-preset-border: var(--black-10);
    --market-preset-shadow:none;
    --icon-bg: var(--primary_color);
    --icon-width: 48px;
    --icon-height: 48px;
    --icon-box-shadow: none;
    --title-font-weight: 700;
    --product-icon-radius: 2px 8px 8px 2px;
    --filter-icon-radius: 2px 8px 8px 2px;
    --market-sort-padding: 16px;
    --market-sort-icon: var(--black-70);
    --market-sort-active-icon: var(--black-70);
    --market-sort-active-bg: var(--secondary-10);
}
.market-archive--pooshan{
    --preset-field-bg: #fff;
    --market-preset-accent:#ff6b22;
    --market-preset-page-bg:#fff;
    --market-preset-surface-bg: #EFEBE4; /* var(--secondary_color); */
    --market-preset-surface-bg2: #EFEBE400; /* var(--secondary_color); */
    --market-preset-filter-bg: linear-gradient(to right, #EFEBE4, transparent);
    --market-filter-radius: 80px;
    --market-preset-text:#282525;
    --market-preset-muted:#77706c;
    --market-preset-border:linear-gradient(to right, #EFEBE4, transparent);
    --market-preset-shadow:0 12px 30px rgba(123,72,36,.08);
    --icon-bg: linear-gradient(to bottom , #ff6d1f, #FF9547);
    --icon-width: 48px;
    --icon-height: 48px;
    --icon-box-shadow: 0 12px 24px 0 rgba(255,109,31,0.3);
    --title-font-weight: 700;
    --product-icon-radius: 32px 16px 16px 32px;
    --filter-icon-radius: 12px 4px 4px 12px;
    --market-sort-padding: 10px 16px;
    --market-sort-icon: var(--primary_color);
    --market-sort-active-icon: var(--primary_color);
    --market-sort-active-bg: var(--gray_color);
}
.market-archive--beauty{
    --preset-field-bg: #fff;
    --market-preset-accent:#ed1c46;
    --market-preset-page-bg:#fff;
    --market-preset-surface-bg:color-mix(in srgb, var(--primary_color) 8%, #fff);
    --market-preset-surface-bg2:color-mix(in srgb, var(--primary_color) 8%, #fff);
    --market-preset-filter-bg:#fff;
    --market-filter-radius: 24px;
    --market-preset-text:#241f2a;
    --market-preset-muted:#7f7582;
    --market-preset-border:#fff;
    --market-preset-shadow:0 14px 34px rgba(137,42,67,.08);
    --icon-bg: var(--primary_color);
    --icon-width: 54px;
    --icon-height: 48px;
    --icon-box-shadow: none;
    --title-font-weight: 900;
    --product-icon-radius: 100px;
    --filter-icon-radius: 100px;
    --market-sort-padding: 16px;
    --market-sort-icon: var(--black_color);
    --market-sort-active-icon: var(--primary_color);
    --market-sort-active-bg: color-mix(in srgb, var(--primary_color) 8%, #fff);
}
.market-archive{
    --market-accent:var(--market-custom-accent, var(--market-preset-accent));
    /*--market-page-bg:var(--market-custom-page-bg, var(--market-preset-page-bg));*/
    --market-surface-bg:var(--market-custom-surface-bg, var(--market-preset-surface-bg));
    --market-surface-bg2:var(--market-custom-surface-bg2, var(--market-preset-surface-bg2));
    --market-filter-bg:var(--market-custom-filter-bg, var(--market-preset-filter-bg));
    --market-dark:var(--market-custom-text, var(--market-preset-text));
    --market-muted:var(--market-custom-muted, var(--market-preset-muted));
    --market-border:var(--market-custom-border, var(--market-preset-border));
    --primary_color:var(--market-accent);
    margin-top: 1px;
    margin-bottom: 72px;
    padding-top:56px;
    padding-bottom:1px;
    /*background:var(--market-page-bg);*/
    /*box-shadow:0 0 0 100vmax var(--market-page-bg);*/
    clip-path:inset(0 -100vmax);
    color: var(--market-dark);
}
.market-archive-layout{
    display: flex;
    align-items: flex-start;
    gap: max(16px, var(--market-grid-gap, 16px));
}
.market-filter-panel{
    margin-right: calc(var(--margin) * -1);
    /*position: sticky;*/
    /*top: 24px;*/
    flex: 0 0 312px;
    width: 312px;
    /*max-height: calc(100vh - 48px);*/
    padding: 1px;
    background: var(--market-border);
    border-radius: var(--market-filter-radius, 48px) 0 0 var(--market-filter-radius, 48px);
}
.market-filter-panel-inner{
    padding: 18px 28px 28px;
    background: var(--market-filter-bg);
    /*border: 1px solid var(--market-border);*/
    border: 12px solid var(--bg_color);
    border-radius: var(--market-filter-radius, 48px) 0 0 var(--market-filter-radius, 48px);
    box-shadow:var(--market-preset-shadow);
    height: 100%;
    scrollbar-width: thin;
    overflow-y: auto;
}

.market-filter-head,
.market-filter-title,
.market-switch-row,
.market-check,
.market-sort,
.market-sort-label{
    display: flex;
    align-items: center;
}
.market-filter-head{
    justify-content: space-between;
    margin-bottom: 32px;
}
.market-filter-title{gap: 16px;font-size: 18px}
.market-filter-title strong{font-weight: 700}
.market-filter-icon{
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: #fff;
    background: var(--market-dark);
    border-radius: var(--filter-icon-radius);
}
.market-filter-reset{
    padding: 4px;
    color: var(--market-muted);
    font-size: 24px;
    opacity: .7;
}
.market-filter-reset:hover{color: var(--market-accent);opacity: 1}
.market-filter-close{display:none}
.market-filter-group{
    min-width: 0;
    margin: 0;
    padding: 0 0 32px;
    border: 0;
}
.market-filter-group + .market-filter-group{
    padding-top: 32px;
    border-top: 1px solid var(--market-border);
}
.market-filter-group legend{
    /*float: right;*/
    width: auto;
    margin: 0 0 16px;
    color: var(--market-dark);
    font-size: 18px;
    font-weight: 700;
}
.market-filter-options{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 152px;
    overflow-y: auto;
    padding-left: 8px;
    scrollbar-color: var(--market-dark) var(--gray_color, #f5f7f9);
    scrollbar-width: thin;
}
.market-check{gap:8px;cursor:pointer;font-size:17px;color:var(--market-muted)}

/*.market-check input{*/
/*    appearance: none;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    flex: 0 0 16px;*/
/*    margin: 0;*/
/*    background: color-mix(in srgb, var(--market-surface-bg) 88%, var(--market-dark) 12%);*/
/*    border: 1px solid transparent;*/
/*    border-radius: 2px;*/
/*}*/
/*.market-check input:checked{*/
/*    background: var(--market-accent);*/
/*    border-color: var(--market-accent);*/
/*    box-shadow: inset 0 0 0 3px #fff;*/
/*}*/
.market-check:has(input:checked){color:var(--market-dark)}
.market-price-filter label{
    display: flex;
    align-items: center;
    height: 56px;
    margin-bottom: 8px;
    padding: 0 16px;
    overflow: hidden;
    background: var(--preset-field-bg, var(--secondary-5));
    border-radius: 32px;
    color: var(--market-muted);
}
.market-price-filter label span{flex:0 0 auto}
.market-price-filter input{
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 0 10px;
    text-align: left;
    background: transparent;
    border: 0;
    outline: 0;
    color: var(--market-dark);
}
.market-price-filter input::placeholder{text-align:left;color:rgba(25,37,61,.7)}
.market-price-filter input::-webkit-inner-spin-button{display:none}
.market-price-submit{
    width: 100%;
    margin-top: 8px;
    padding: 10px 14px;
    color: var(--market-accent);
    background: color-mix(in srgb, var(--market-accent) 7%, transparent);
    border: 0;
    border-radius: 18px;
    font-weight: 700;
}
.market-discount-filters{display:flex;flex-direction:column;gap:16px;padding-bottom:0}
.market-switch-row{position:relative;justify-content:space-between;cursor:pointer;font-size:18px;font-weight:600}
.market-switch-row input{position:absolute;opacity:0;pointer-events:none}
.market-switch-row i{
    position: relative;
    width: 72px;
    height: 40px;
    flex: 0 0 72px;
    border: 1px solid #19253D1A;
    border-radius: 16px;
    transition: .2s ease;
}
.market-switch-row i:after{
    content:"";
    position:absolute;
    top:7px;
    left:8px;
    width:24px;
    height:24px;
    background:#19253D1A;
    border:1px solid var(--bg_color);
    border-radius:8px;
    transition:.2s ease;
}
.market-switch-row input:checked + i:after{
    left:38px;
    background:var(--market-accent);
}
.market-products{min-width:0;flex:1}
.market-sort{
    margin-bottom: 12px;
}
.market-sort-items{
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    min-height: 72px;
    margin-right: -35px;
    padding-top: 16px;
}
.market-sort-items::-webkit-scrollbar{display:none}

.market-sort-label{
    align-self: stretch;
    gap: 10px;
    min-width: 280px;
    padding: 0 16px;
    background: var(--market-surface-bg);
}
.market-sort-label.head-up-mask{
    -webkit-mask: linear-gradient(#fff 0 0), url(../img/exclude-left-top-tall.png);
    -webkit-mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0), url(../img/exclude-left-top-tall.png);
    mask-position: 0 0;
    mask-repeat: no-repeat;
    mask-composite: exclude;
    -webkit-mask-size: 100% 100%, 60px 108px;
    mask-size: 100% 100%, 60px 108px;
    padding: 16px 16px 0 0 !important;
    min-height: 0;
    align-items: start;
    margin-bottom: -30px !important;
}

.market-products-surface.head-up-mask-wrap:before{
    background: linear-gradient(to bottom, var(--market-surface-bg),var(--market-surface-bg2));
    height: calc(100% - 33px);
    top: 30px !important;
    z-index: 1;
}

.market-archive--beauty .product-list.row{
    padding-top: 35px;
}

.market-sort-label > i{
    display:grid;
    place-items:center;
    width:var(--icon-width,48px);
    height:var(--icon-height,48px);
    color:var(--white_color);
    background:var(--icon-bg);
    border-radius: var(--product-icon-radius);
    box-shadow: var(--icon-box-shadow);
    font-size: 18px;
}
.market-sort-label .name-box{
    height:var(--icon-height,48px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.market-sort-label b{
    font-size: 20px;
    display:block;
    font-weight: var(--title-font-weight);
    line-height: 1;
}
.market-sort-label small{
    font-size: 15px;
    display:block;
    font-weight:400;
    opacity:.7;
    line-height: 1;
}
.market-sort-item{
    padding: var(--market-sort-padding);
    color: var(--market-muted);
    background: transparent;
    border-radius: 100px;
    transition: .2s ease;
    border: 1px solid transparent;
}
.market-sort-item-shadow{
    content: '';
    position: relative;
    height: 72px;
}
.market-sort-item-shadow:before{
    content:'';
    width: 210px;
    height: 105px;
    background-color: #3D57890D;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -ms-filter: blur(40px);
    filter: blur(40px);
    position: absolute;
    top: 0;
    right: -150px;
    z-index: -1;
}
.market-sort-item i{
    margin-left:6px;font-size:18px;
    color: var(--market-sort-icon);
}
.market-sort-item:hover i,.market-sort-item.is-active i{
    color: var(--market-sort-active-icon);
}
.market-sort-item:hover,.market-sort-item.is-active{
    border: 1px solid var(--white_color);
    color: var(--market-muted);
    background: var(--market-sort-active-bg);
}
.market-sort-item.is-active{font-weight:700}
.market-products-surface{
    padding: 16px 16px 0;
    /*background: var(--market-surface-bg);*/
    /*border:1px solid var(--market-border);*/
    border-radius: var(--market-surface-radius, 24px) 2px var(--market-surface-radius, 24px) 2px;
    /*box-shadow:var(--market-preset-shadow);*/
}
.market-products-surface .product-list.row{
    --bs-gutter-x:0;
    margin-right:calc(var(--market-grid-gap, 16px) / -2);
    margin-left:calc(var(--market-grid-gap, 16px) / -2);
}
.market-products-surface .market-product-column{
    flex:0 0 calc(100% / var(--market-columns, 4));
    width:calc(100% / var(--market-columns, 4));
    max-width:calc(100% / var(--market-columns, 4));
    padding-right:calc(var(--market-grid-gap, 16px) / 2);
    padding-left:calc(var(--market-grid-gap, 16px) / 2);
    padding-bottom:var(--market-grid-gap, 16px);
}
.market-no-results{
    display:grid;
    place-items:center;
    min-height:360px;
    padding:48px 24px;
    text-align:center;
}
.market-no-results i{font-size:52px;color:var(--market-muted);opacity:.55}
.market-no-results p{margin:16px 0 8px;font-size:18px;font-weight:700}
.market-no-results a{color:var(--market-accent)}
.market-filter-mobile{display:none}
.market-filter-backdrop{display:none}

/* تفاوت‌های ساختاری سه دموی فیگما. */
/*.market-archive--pooshan .market-products-surface{*/
/*    padding-inline:0;*/
/*    border-color:transparent;*/
/*    box-shadow:none;*/
/*}*/
/*.market-archive--pooshan .market-sort-label{*/
/*    background:color-mix(in srgb, var(--market-accent) 10%, #fff);*/
/*    border-radius:24px 24px 4px 24px;*/
/*}*/
/*.market-archive--pooshan .market-sort-item:hover,*/
/*.market-archive--pooshan .market-sort-item.is-active{*/
/*    color:var(--market-accent);*/
/*    background:color-mix(in srgb, var(--market-accent) 8%, #fff);*/
/*}*/
/*.market-archive--pooshan .market-filter-panel{*/
/*    border-radius:32px 32px var(--market-filter-radius, 48px) var(--market-filter-radius, 48px);*/
/*}*/
/*.market-archive--beauty .market-products-surface{*/
/*    border-radius:var(--market-surface-radius, 24px);*/
/*}*/
/*.market-archive--beauty .market-sort-label{*/
/*    background:color-mix(in srgb, var(--market-accent) 10%, #fff);*/
/*    border-radius:28px;*/
/*}*/
/*.market-archive--beauty .market-sort-item:hover,*/
/*.market-archive--beauty .market-sort-item.is-active{*/
/*    color:var(--market-accent);*/
/*    background:color-mix(in srgb, var(--market-accent) 9%, #fff);*/
/*}*/
/*.market-archive--beauty .market-filter-panel{*/
/*    border-radius:var(--market-filter-radius, 48px);*/
/*}*/



.kalazone-product-box-wrapper .btn-primary{
    background: var(--white_color);
}







@media (max-width: 1399px){
    .market-products-surface .market-product-column{
        flex-basis:calc(100% / min(var(--market-columns, 4), 3));
        width:calc(100% / min(var(--market-columns, 4), 3));
        max-width:calc(100% / min(var(--market-columns, 4), 3));
    }
}
@media (max-width: 1199px){
    .market-archive-layout{gap:16px}
    .market-filter-panel{
        flex-basis:240px;
        width:240px;
    }
    .market-filter-panel-inner{
        padding-inline: 18px;
    }

}
@media (max-width: 991px){
    .market-archive{
        margin-top:32px;
        clip-path:none;
        isolation:auto;
    }
    .market-filter-mobile{
        display:flex;
        align-items:center;
        gap:8px;
        margin:0 0 16px auto;
        padding:11px 18px;
        color:#fff;
        background:var(--market-dark);
        border:0;
        border-radius: 100px;
        font-weight:700;
    }
    .market-filter-panel{
        position:fixed;
        z-index:2147483647;
        top:0;
        right:0;
        margin-right:0;
        width:min(312px, calc(100vw - 32px));
        max-height:100dvh;
        height:100dvh;
        overflow-y:auto;
        /*padding:28px 32px 40px;*/
        /*border-radius:0 0 0 40px;*/
        transform:translateX(105%);
        transition:transform .25s ease;
    }
    .market-filter-close{
        display:block;
        padding:0;
        color:var(--market-dark);
        background:transparent;
        border:0;
        font-size:30px;
        line-height:1;
    }
    .market-filter-backdrop{
        position:fixed;
        z-index:2147483646;
        inset:0;
        display:block;
        background:rgba(25,37,61,.4);
        opacity:0;
        visibility:hidden;
        transition:.25s ease;
    }
    .market-archive.is-filter-open .market-filter-panel{transform:translateX(0)}
    .market-archive.is-filter-open .market-filter-backdrop{opacity:1;visibility:visible}
    body.market-filter-lock{overflow:hidden}
    .market-products-surface .market-product-column{
        flex-basis:calc(100% / min(var(--market-columns, 4), 2));
        width:calc(100% / min(var(--market-columns, 4), 2));
        max-width:calc(100% / min(var(--market-columns, 4), 2));
    }
}
@media (max-width: 575px){
    .market-archive{padding-inline:12px;margin-top:24px}
    .market-sort{min-height:60px}
    /*.market-sort-label{min-width:142px;padding-inline:10px}*/
    .market-sort-item{padding:10px}
    .market-products-surface{padding:12px 12px 0}
    .market-products-surface .product-list.row{--bs-gutter-x:8px}
    .market-sort-label.head-up-mask{
        margin-right: -10px !important;
        border-radius: 32px 0 0 0;
    }
    .market-sort{
        padding-top: 72px;
        position: relative;
    }
    .market-sort-items{
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        max-width: 100%;
    }
}
@media (max-width: 420px){
    .market-products-surface .market-product-column{
        flex-basis:100%;
        width:100%;
        max-width:100%;
    }
}