product-tabs{
    width:100%;
    --swiper-navigation-sides-offset:30px;
}
.product-tabs-section{
    background-color: rgb(var(--color-background));
}
product-tab-slide{
    gap: 8px;
    justify-items: center;
}
product-tabs .product-tabs-header{
    display: flex;
    flex-direction: column;
    align-items: var(--s-align-items);
}
product-tab-slide .product-slide{
    min-width:0;
    width: 100%;
}
product-tab-slide .swiper-slide{
    max-width: 100%;
}

product-tab-slide{
    --button-size:55px
}
product-tab-slide .swiper-button{
    width:var(--button-size);
    height:var(--button-size);
    background-color: #fff;
    border-radius:5px;
    --svg-color:#000;
}
product-tab-slide .swiper-button svg path{
    stroke:var(--svg-color);
}

product-tab-slide .swiper-button:hover{
    background-color: #000;
    --svg-color:#fff;
}
product-tab-slide .swiper-button.swiper-button-disabled{
    background-color: #fff !important;
    --svg-color:#000 !important;
    pointer-events: auto;
    cursor: no-drop;
    opacity: .5;
}
product-tab-slide .swiper-button::after{
    display: none;
}
product-tabs .tabs-heading{
    padding:25px 0;
}
product-tabs .tabs-heading-grid{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap:30px;
}

product-tabs .tabs-heading-item{
    color:rgb(var(--color-text));
    opacity: 0.4;
    display: flex;
    align-items: center;
    cursor: pointer;
}
product-tabs .tabs-heading-item.active{
    opacity: 1;
}
product-tabs .tabs-heading-item .tabs-item-circle-box{
    width:0;
    transition: width .3s ease-in-out;
    overflow: hidden;
}
product-tabs .tabs-heading-item.active .tabs-item-circle-box{
    width:20px;
}

product-tabs .tabs-item-circle{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #333;
    border-radius: 50%;
}

product-tab-slide{
    display: none;
    position: relative;
}

product-tab-slide.active{
    display: grid;
}

product-tab-slide .tab-item-media-info{
    padding-top:50px;
    padding-bottom:70px;
}
product-tab-slide .tab-item-media{
    display: grid;
    grid-template: "stack";
    grid-template-rows: 100%;
}

product-tab-slide .tab-item-media>div{
    grid-area: stack;
}

product-tab-slide .tab-item-media-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:40px;
    color: rgb(var(--color-light-text));
}

product-tab-slide .tab-item-media-info .button{
    padding: 8px 24px;
}
product-tab-slide .tab-item-image img{
    aspect-ratio: 3 / 4;
}
product-tab-slide .swiper-pagination{
    position: relative;
    --swiper-theme-color:#333333;
    --swiper-pagination-progressbar-size:1px;
    margin-top:40px;
    margin-bottom:60px;
    max-width:180px;
}
@media(max-width:959px){
    product-tabs{
        --swiper-navigation-sides-offset:10px;
    }
    product-tab-slide{
        grid-template-columns: auto;
        gap:15px;
    }
    product-tabs .tabs-heading{
        overflow: auto;
        scrollbar-width: none;
    }

    product-tab-slide{
        --button-size:35px
    }

    product-tab-slide .tab-item-image img{
        aspect-ratio: 16 / 9;
    }
    product-tab-slide .swiper-pagination{
        margin-top:20px;
        margin-bottom:40px;
        max-width:250px;
    }
}