@import url('../../css/persian-font.css?v=1.0.0');
@media screen and (max-width: 1023px) {
    .product-description {
        display: block !important;
        /*width: 100% !important;*/
        overflow: auto !important;
    }
}
.sizing-table table {
    width: 100%;
    border-collapse: collapse;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ring span {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 8px;
    border: 4px solid #F2BC31;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #F2BC31 transparent transparent transparent;
}
.lds-ring span:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring span:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring span:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.loading-wrapper{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* begin product slider*/
.single-slider .thumbnails {
    display: flex;
    margin: 1rem auto 0;
    padding: 0;
    justify-content: center;
}

.single-slider .thumbnail2 {
    width: 20%;
    height: 100px;
    overflow: hidden;
    list-style: none;
    margin: 0 0.2rem;
    cursor: pointer;
    opacity: 0.3;
}

.single-slider .plus {
    border: 1px solid #aaaaaa;
    border-radius: 10px;
    margin-right: 0.2rem;
}

.single-slider .thumbnail2.is-active {
    opacity: 1;
}

.single-slider .thumbnail2 img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    background-position: center center;
    border-radius: 10px;
}

.single-slider .splide__slide {
    width: 100%;
    /* height: 400px !important; */
    aspect-ratio:75/100;
    border-radius: 16px;
}

.pointer {
    cursor: pointer;
}

.modal-preview {
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.5s;
    z-index: -1300;
    direction: rtl;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-slider {
    margin: 80px;
}

.modal-slider .thumbnails {
    justify-content: center;
}

.modal-slider .thumbnail {
    width: 100%;
    height: 100px;
    overflow: hidden;
    list-style: none;
    cursor: pointer;
    opacity: 0.3;
}

.modal-slider .thumbnail.is-active {
    opacity: 1;
}

.modal-slider .thumbnail img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    background-position: center center;
    border-radius: 10px;
}

.zoomable-image {
    /*width: 100%;*/
    height: 600px;
    border-radius: 16px;
}

/*.zoomable-image img {*/
/*    width: auto;*/
/*    height: 450px;*/
/*    object-fit: cover;*/
/*    background-position: center center;*/
/*    border-radius: 16px;*/
/*}*/

.iv-image-view img {
    width: 100%;
    /*height: auto;*/
    object-fit:contain;
    /*background-position: center center;*/
    border-radius: 16px !important;
}

.iv-large-image {
    /*width: unset !important;*/
    border-radius: 6px !important;
    background-position: center center;
}

.iv-image-mode {
    width: 100%;
    border-radius: 16px !important;
}

.iv-snap-view {
    border: none !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 16px !important;
}

.iv-zoom-slider {
    background: rgba(0, 0, 0, 0.5) !important;
    width: 144px !important;
    border-radius: 20px;
    margin-top: 3px;
    padding: 3px;
    border: none !important;
}

.iv-zoom-handle {
    width: 15px !important;
    height: 15px;
    border-radius: 50% !important;
}

.iv-snap-image-wrap {
    border-radius: 6px !important;
}

.iv-snap-handle {
    border: none !important;
    border-radius: 6px !important;
}

.btn-close-modal {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 20px;
    right: 20px;
    z-index: 2000;
    background-image: none;
}

@media (max-width: 768px) {
    .modal-slider {
        margin: 80px 20px;
    }

    .iv-snap-view {
        z-index: 1 !important;
        visibility: visible !important;
    }
    .zoomable-image {
        height: 450px;
    }
}

/*end product slider*/
.product-details__desc img {
    max-width: 100%;
    height: auto;
}

#products-wrapper>.col-xl-4.mb-7>.product{
    height:100%;
}

@media screen and (min-width:768px){
    .product__content .h4, .product__content h4{
        height:48px !important;
    }

}
.header .basket-icon{
    background:var(--bs-primary) !important;
    right: -12px;
}
.price__content{
    padding-top:1rem;
}
.noUi-target .noUi-connect{
    background:var(--bs-primary);
}
.noUi-target.noUi-horizontal{
    height:5px;
}
.noUi-connects{
    height:5px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{
    top:-5px;
}
.noui-values{
    margin-top:1rem;
    display:flex;
    align-items:flex-end;
}
.noui-values>span{
    width:50%;
    display:block;
    flex:0 0 auto;
    font-size:.85rem;
    color:#979797;
}
.noui-values>span>span{
    width:100%;
    display:block;
    font-weight:bold;
    font-size:.9rem;
    color:var(--bs-primary);
}

.noui-values>span:last-child{
    border-right:1px solid #bbb;
    padding-right:.5rem;
}
.noui-values>span:first-child{
    padding-left:.5rem;
}
.login-logo {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg);
    max-width:300px;
}
input::placeholder ,textarea::placeholder {
    text-align: right;
    color: #807e7e !important;
}
.mobile-tabs{
    display:none;
}
@media screen and (max-width:1024px){
    .mobile-tabs{
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        width:100%;
        height:60px;
        background:#FFF;
        border-top:1px solid #efefef;
        display:flex;
        align-items:center;
        justify-content:space-around;
        z-index:9;
        padding:0 1rem;
    }
    .mobile-tabs-item{
        flex:1;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        position:relative;
    }
    .mobile-tabs-item i{
        font-size:1.35rem;
    }
    .mobile-tabs-item b{
        position:absolute;
        top:-4px;
        right:14px;
        width:20px;
        height:20px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:.8rem;
        font-weight:normal;
        background:var(--bs-primary);
        color:#FFF;
    }
    .mobile-tabs-item span{

        font-size:.7rem;
    }
    .product__content h4 {
        height: 48px !important;
    }
}
.mobile-autocomplete{
    position:absolute;
}
.mobile-overlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.25);
    z-index:2;
}
.mobile-search-wrapper{
    z-index:3;
    position:relative;
}
/*mobile category menu on horizontal navigation menu*/
.mobile-cats{
    width:100vw;
    height:100dvh;
    background:#fff;
    z-index:10;
    padding:1rem 2rem;
    transform:translateY(100vh);
    position:fixed;
    top:0;
    left:0;
    opacity:0;
    transition:all .1s ease-out;
}
.mobile-cats-close{
    width:36px;
    height:36px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:.6rem 0;
    margin-right:auto;
}
.mobile-cats li{
    padding:.7rem 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.mobile-cats li:last-child{
    border-bottom: none
}
.mobile-cats li a,.mobile-sub-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.mobile-sub{

    padding-right:.5rem;
    height:0;
    overflow: hidden;
    transition:all .15s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mobile-sub.active{
    display:block;

}
.mobile-sub-wrapper.active{
    margin-bottom:1rem;
}

.mobile-sub-wrapper.active i{
    transform:rotate(180deg);
}
.mobile-cats.active{
    transform:translateY(0);
    opacity:1;
    overflow: scroll;
    transition:all .1s ease-out;
}
.avo-carouse-four .item {
    position: relative;
    height: 49rem
}
.avo-carouse-four .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
/* product detail table */
.product-details__desc table {
    border-color: #f4f5f5;
    width:100%;
    display:block;
    overflow-y: scroll;
}
.product-details__desc td,.product-details__desc th {
    padding: 12px;
    border: 1px solid #f2f2f2 !important
}

.product-details__desc tbody tr:nth-child(even) {
    background: #fbfbfb
}
.product-details__desc tbody tr:nth-child(odd) {
    background: #f4f5f5
}

.product-details__desc td,.product-details__desc th {
    border-top: none!important
}

.product-details__desc td:first-child,.product-details__desc th:first-child {
    border-right: none!important
}

.product-details__desc td:last-child,.product-details__desc th:last-child {
    border-left: none!important
}
.product-details__price .product-details__desc {
    max-width: 560px !important;
}
#formio .col-form-label {
    color:unset !important;
}
#formio .form-control {
    border-color:#959090 !important;
}
#formio .btn.btn-primary {
    margin-top:8px;
}
/* upload file btn */

.btn-tertiary {
    color: #555;
    padding: 0 !important;
    line-height: 40px;
    width: 300px;
    margin: auto;
    display: block;
    border: 2px solid #555 !important;
    &:hover,
    &:focus {
        color: lighten(#555, 20%);
        border-color: lighten(#555, 20%);
    }
}

/* input file style */

.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    + .js-labelFile {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 10px;
        cursor: pointer;
        .icon:before {
        //font-awesome
        content: "\f093";
        }
        &.has-file {
            .icon:before {
            //font-awesome
            content: "\f00c";
                color: #5AAC7B;
            }
        }
    }
}
/* upload file btn */
/* EDITED BY ARTA */

/**
    EDITED BY ARTA
**/
@media screen and (min-width:1025px){
    .mobile-only{
        display:none !important;
    }
}
.avo-new-aside{
    width:290px;
    height:100dvh;
    position:fixed;
    top:0;
    right:0;
    transform:translateX(100%);
    background:var(--bs-white);
    z-index:9;
    transition:transform .25s ease-out;
    will-change:transform;
    padding:.4rem;
}

.avo-new-aside.active{
    transform:translateX(0);
}

.avo-new-aside .menu-link{
    padding-top:.75rem;
    padding-bottom:.75rem;
    font-weight:500;
}

.avo-new-aside-backdrop{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    z-index:9;
    opacity:0;
    pointer-events: none;
    transition: opacity .15s ease-out;
}

[data-avo-expandable] .menu-sub:not(.avo-expandable-init){
    display:block !important;
}

[data-avo-expandable] .menu-sub.active{
    display:block!important;
}

[data-avo-expandable] .menu-sub{

}

[data-avo-expandable] .menu-sub.avo-expandable-init{
    transition:height .25s ease-out;
    overflow:hidden;
    height:0;
}

.avo-new-aside-backdrop.active{
    opacity:1;
    pointer-events: initial;
}

[data-avo-dropdown]{
    opacity:0;
    display:block;
    pointer-events: none;
    transition: all .15s ease-out;
    will-change:transform;
    position:absolute;
    transform:translateY(14px);
}
[data-avo-dropdown-toggle]:hover+[data-avo-dropdown],[data-avo-dropdown]:hover{
    opacity:1;
    display:block;
    pointer-events: initial;
    transform:translateY(0);
}

[data-avo-megamenu]{
    opacity:0;
    display:flex;
    pointer-events: none;
    will-change:transform;
    transform-style: preserve-3d;
    transform:translateY(-24px) scaleY(.9) rotateX(-15deg);
    position:absolute;
    transition: all .15s ease-out;
    z-index:9;
}
[data-avo-megamenu].active{
    opacity:1;
    pointer-events: initial;
    transform:translateY(12px) scale(1);
}

[data-avo-megamenu-parent]{
    /* position:relative; */
}

.avo-mega-menu-backdrop{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:8;
}
.avo-backdrop{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:8;
}
@media screen and (max-width:1024px){
    .avo-backdrop{
        background:rgba(0,0,0,0.25) !important;
    }
    [data-avo-autocomplete-wrapper]{
        width:80% !important;
    }
}
[data-avo-autocomplete-wrapper]{
    opacity:0;
    transform:translateY(24px) scaleY(.97);
    pointer-events: none;
    display:block;
    position:absolute;
    transition: all .15s ease-out;
    will-change:transform;
    transform-origin:top center !important;
}

.header{
    z-index:9;
}

@media screen and (max-width:1024px){
    .header-four .menu-bar{
        background:#f4f5f5 !important;
    }
}


@media screen and (max-width:1024px){
    [data-avo-autocomplete-wrapper]{
        width:calc(100% - 16px) !important;
        border-radius:16px !important;
        right:8px !important;
        height:auto;
        min-height:300px;
        max-height:70vh;
    }
    [data-avo-autocomplete-wrapper] .mh-200px{
        max-height:initial !important;
    }
}

[data-avo-autocomplete-wrapper].active{
    opacity:1;
    pointer-events: initial;
    transform: scaleY(1) translateY(0);
}

.product-slider-outer{
    margin-bottom: 26px;
    display:flex;
}

.product-slider-banner-space{
    width:300px !important;
    height:auto !important;
    flex:none;
}

.product-slider-banner{
    width:100%;
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content:center;
    border-radius:24px;
    align-items:center;

}

.product-slider-banner.with-bg{
    background:linear-gradient(-90deg,rgba(var(--bs-red-rgb),.1),rgba(var(--bs-red-rgb),0));
}

.product-slider-banner img,.product-slider-banner picture{
    width:100%;
    height:100%;
    object-fit:contain;
}

.product-slider-outer .product-slider{
    flex:1 !important;
    width:100% !important;
}

.product-slider-banner> span{
    font-size:4rem;
    font-weight:900;
}

.product-slider-banner>strong{
    font-size:2rem;
}

.product-slider-banner>p{
    font-size:1.5rem;
}

@media screen and (max-width:1024px){
    .desktop-only{
        display:none !important;
    }

    .product-slider-banner-space{
        height:90% !important;
        width:50% !important;
    }
    .product-slider-banner> span{
        font-size:3rem;
        font-weight:900;
    }

    .product-slider-banner>strong{
        font-size:1.2rem;
    }

    .product-slider-banner>p{
        font-size:1rem;
    }

    .product-2rows{
        /* flex-direction: column; */
    }

    .product-2rows .carousel-cell{
        width:50% !important;
    }

    .product-2rows-outer{
        flex-direction: column;
        margin-top:1rem;
    }

    .product-2rows-outer .product-slider-banner-space{
        width:100% !important;
        height:auto !important
    }

    .product-2rows-outer .product-slider-banner.with-bg{
        padding:2rem;
        background:linear-gradient(180deg,rgba(var(--bs-red-rgb),.1),rgba(var(--bs-red-rgb),0));
    }
}

.product-2rows{
    display:flex;
    flex-wrap:wrap;
}

.product-2rows .carousel-cell{
    width:calc(100% / 4);
    margin-bottom: 12px;
}

.avo-carousel-with-menu{
    margin:0 auto;
    /*border-radius:24px;*/
    display:flex;
    width:100%;
    position:relative;
}

.avo-carousel-with-menu .avo-carousel{
    width:calc(100% - 300px);
    /* border-radius:16px; */
    overflow:hidden;
}

.avo-carousel-menu{
    width:300px;
    flex:none;
    /* border-radius:16px; */
    background:var(--bs-white);
}

.avo-carousel-menu li,.avo-carousel-menu li>a{
    display:flex;
    align-items:center;
    width:100%;
    padding:0.71rem 2rem;
    font-size:1.1rem;
    justify-content:space-between;
}

.avo-carousel-menu li>a{
    padding:0;
}

.avo-carousel-menu li:hover{
    background:var(--bs-primary);
    color:#FFF;
}
.avo-carousel-menu li:hover>a{

    color:#FFF;
}

.avo-carousel-menu li:hover i{
    color:#FFF !important;
}

.avo-carousel-menu li:first-child{
    margin-top:2rem;
}

.avo-carousel-megamenu{
    position:absolute;
    display:flex;
    right:330px;
    top:0;
    z-index:2;
    /* width:calc(100% - 356px); */
    height:100%;
    background:rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    flex-direction:column;
    flex-wrap:wrap;
    padding:2rem;
    padding-left: 120px;
    gap:1rem;
    opacity:0;
    pointer-events: none;
    transition:opacity .15s ease-out;
}

.avo-carousel-menu li:hover .avo-carousel-megamenu{
    opacity:1;
    pointer-events: initial;
}

.avo-carousel-megamenu a{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
}

.avo-carousel-megamenu a img{
    max-width:38px;
    height:auto;
    max-height:38px;
    margin-left:1rem;
}

@media screen and (max-width:1024px){
    .avo-carousel-menu{
        display:none;
    }
    .avo-carousel-with-menu .avo-carousel{
        width:100%;
    }
}

.heading__header {
    padding-top:0.3rem;
}
.widget-container .container {
    overflow:hidden;
}

/* basket stepper */
@media screen and (max-width:1024px){
    .avo-stepper{
        white-space:nowrap;
        overflow:auto;
        position:relative;
        justify-content:flex-start;
    }
    .avo-stepper__item_icon{
        background:#efefef !important;
    }
    .avo-stepper::-webkit-scrollbar,.avo-stepper::-webkit-scrollbar-thumb,.avo-stepper::-webkit-scrollbar-track{
        width:0;
        height:0;
        background:transparent;
    }
    .avo-stepper__item{
        flex: 0 0 auto;
        padding:0 2rem;
        position:relative;
    }
    .avo-stepper__item::before{
        width:100%;
        height:1px;
        background:#efefef;
        z-index:-1;
        content:'';
        display:block;
        position:absolute;
        top:0;
        bottom:50px;
        margin:auto;
    }
    .avo-stepper__item:first-child::before{
        right:50%;
    }
    .avo-stepper__item:nth-child(4)::before{
        left:50%;
    }
}
/* end basket stepper */


@media screen and (max-width:1024px){
    input,textarea,button{
        font-size:16px !important;
    }
    input.fs-8,textarea.fs-8,button.fs-8{
        font-size:16px !important;
    }
    .header-dusk .menu-bar a{
        display:flex;
        align-items:start;
        justify-content:start;
    }
}
#product-price-main{
    font-size:1.5rem !important;
}
#coupon-input{
    border:1px solid #ccc;
}

.border-tookan{
    border:1px solid #ccc;
}
.avo-stepper__item::before{
    background:#ccc !important;
}
.post-body video {
    width: 100%;
    height: auto;
}
/* product sidebar */
.sidebar-mobile-close,
.sidebar-mobile-footer,
.mobile-toggle-sidebar {
    display: none;
}

@media screen and (max-width:1024px) {
    .mobile-toggle-sidebar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 3.2rem;
        left: 1rem;
        background: var(--bs-primary);
        z-index: 9;
    }

    .mobile-toggle-sidebar i {
        color: #FFF;
    }

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        background: #FFF;
        z-index: 10;
        overflow: auto;
        display: none;
        animation: sidebarActiveAnim .1s ease-out;
        animation-fill-mode: forwards;
    }

    @keyframes sidebarActiveAnim {
        0% {
            opacity: 0;
            transform: scale(.96);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    .sidebar.active {
        display: block;
    }

    .sidebar-mobile-close,
    .sidebar-mobile-footer {
        display: flex;
    }

    .sidebar-mobile-footer {
        margin-top: 4rem;
    }

    .sidebar-mobile-footer button {
        width: 100%;
        height: 60px;
        border-radius: 14px;
        background: var(--bs-primary);
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
    }

    .sidebar-mobile-close a {
        width: 50px;
        height: 50px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--bs-light-dark);
    }

    .sidebar-mobile-close {
        margin-bottom: 1rem;
    }
}
/* flickity style */

.flickity-button:disabled {
    display: none;
}
/* already included in flickity.css */
.flickity-button:focus {
    outline: none;
    box-shadow: none;
}

@media screen and (min-width:1024px){
    [data-avo-autocomplete-results]{
        width:100%;
    }
}

/*banner border radius*/
.banner-radius-0{
    border-radius: 0 !important;
}

.banner-radius-1{
    border-radius: .5rem !important;
}

.banner-radius-2{
    border-radius: 1.5rem !important;
}

.banner-radius-3{
    border-radius: 50% !important;
}
/**
    EDITED BY ARTA
**/
@media screen and (min-width:1025px){
    .mobile-only{
        display:none !important;
    }
}

.story-circle{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer !important;
}

.basic{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*width: 120px;*/
}

.basics {
    padding: 2rem 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.2rem;
    row-gap: 3rem;
}

.basics-outer {
    width: 100%;
    padding: 2rem;
    borderRadius: var(--border-radius);
    background: #fff;
    margin: 1.4rem 0;
}

.story-circle video, .story-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-custom-icon{
    height: 1.5rem;
    padding:  0 .5rem;
}

@media screen and (max-width: 1024px) {
    .nav-custom-icon {
        margin-bottom: .25rem;
    }

    .nav-icon-link{
        padding: 0 .1rem !important;
        height: auto !important;
    }
}