.type-product-section{
    padding: 2em 0 8em 0;
}

.type-product-section .row-type-product{
    margin-top: 3em;
}

.type-product-section .row-type-product .wrapper-img img{
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 16 / 9;
}

.gallery-data .splide .splide__arrows .splide__arrow{
    width: 2.5em;
    height: 2.5em;
    background: var(--blue-back-color);
}

.gallery-data .splide .splide__arrows .splide__arrow svg{
    fill: var(--white-txt-color);
}

.gallery-data .splide .splide__arrows .splide__arrow--prev{
    left: 0;
}

.gallery-data .splide .splide__arrows .splide__arrow--next{
    right: 0;
}

.splide--fade>.splide__track>.splide__list>.splide__slide img{
    object-fit: contain;
}

.gallery-data .splide .splide__track{
    margin-top: 1em;
    margin-left: 3.2em;
    margin-right: 3.2em;
}

.gallery-data .splide .splide__track .splide__list{
    justify-content: normal;
}

.gallery-data .splide .splide__track .splide__list .splide__slide{
    padding: 0.5em;
}

.gallery-data .splide .splide__track .splide__list .splide__slide > img, 
.gallery-data .splide .splide__track .splide__list .splide__slide > video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-data .splide .splide__track .splide__list .splide__slide.is-active{
    border: 0.07em solid var(--blue-back-color);
}

.wrapper-art-num{
    margin-bottom: 0.5em;
}

.wrapper-text .type-number{
    font-size: 1.4em;
}

.wrapper-text .type-number span:first-child{
    margin-right: 1em;
}

.wrapper-title h1{
    font-size: 2em;
    color: var(--dark-txt-color);
    text-transform: uppercase;
}

.dropdown-for-find-products{
    margin-top: 2em;
}

.wrapper-material, .wrapper-material-body, .wrapper-material-ring, .wrapper-diameter, .wrapper-length, .wrapper-width, .wrapper-height, .wrapper-dimension, .wrapper-ral{
    margin-top: 1em;
}

.wrapper-material p, .wrapper-material-body p, .wrapper-material-ring p, .wrapper-diameter p, .wrapper-length p, .wrapper-width p, .wrapper-height p, .wrapper-dimension p, .wrapper-ral p{
    font-size: 1.1em;
    font-family: "poppins-bold", sans-serif;
    margin-bottom: 0.4em;
}

.ui.selection.dropdown{
    width: 100%;
}

.desc-type-product{
    margin-top: 1.5em;
    font-size: 1.1em;
    color: #717171;
    line-height: 1.7;
}

.desc-type-product *{
    margin: 0.4em 0;
}

.desc-type-product *:first-child{
    margin-top: 0;
}

.desc-type-product *:last-child{
    margin-bottom: 0;
}

.desc-type-product ul{
    margin-top: 1em;
    padding-left: 1.3em;
    list-style-type: disc;
}

.desc-type-product ul li b, 
.desc-type-product ul li strong, 
.desc-type-product ul li em, 
.desc-type-product ul li i, 
.desc-type-product ul li span{
    font-family: "poppins-semibold", sans-serif;
}

.row-features{
    margin-top: 3em;
}

.wrapper-features table{
    width: 100%;
    border-collapse: collapse;
}

.wrapper-features table caption{
    font-size: 1.3em;
    font-family: "poppins-bold", sans-serif;
    padding-bottom: 0.5em;
}

.wrapper-features table caption, .wrapper-features table tr{
    border-bottom: 0.07em solid #eeeeee;
}

.wrapper-features table td{
    padding: 0.5em 0.2em;
}

.table-title{
    margin-top: 3em;
    margin-bottom: 1em;
}

.table-title h3{
    font-size: 1.5em;
    font-family: "poppins-semibold", sans-serif;
}

.wrapper-table-products{
    overflow-x: auto;
    overflow-y: auto;
    margin-top: 2em;
    min-height: 10vh;
    max-height: 85vh;
    margin-top: 1.5em;
}

.wrapper-table-products::-webkit-scrollbar{
    width: 0.4em; /* Adjust as desired */
    height: 0.4em;
}

.wrapper-table-products::-webkit-scrollbar-track{
    background-color: var(--light-gray-back-color-2); /* Light gray background */
    -webkit-box-shadow: inset 0 0 5px rgb(192, 192, 192);
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    box-shadow: inset 0 0 5px rgb(192, 192, 192);
}

.wrapper-table-products::-webkit-scrollbar-thumb{
    background-color: var(--blue-back-color); /* Blue background */
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

/* Handle on hover */
.wrapper-table-products::-webkit-scrollbar-thumb:hover{
    background-color: var(--blue-back-color);
}

.table-products{
    width: 100%;
    border-collapse: collapse;
}

.table-products thead{
    position: sticky;
    top: 0;
    z-index: 2;
}

.table-products tr{
    border-bottom: 0.07em solid var(--light-gray-border);
}

.table-products th, .table-products td{
    border: unset;
    white-space: nowrap;
}

.table-products th{
    padding: 0.8em;
}

.table-products td{
    padding: 0.6em 0.8em;
}

.table-products th{
    font-size: 1.1em;
    font-family: "poppins-semibold", sans-serif;
}

.table-products th span.unit-value{
    font-size: 0.95em;
    font-family: 'Franklin Gothic Light', 'Arial Narrow', Arial, sans-serif;
    word-spacing: 0.02em;
    /* font-family: "poppins-light", sans-serif; */
}

.table-products td{
    font-size: 1em;
    white-space: nowrap;
}

.table-products td .wrapper-btn{
    margin-top: 0;
}

.table-products td .wrapper-btn button, .table-products td .wrapper-btn a{
    height: 2em;
    font-size: 1.3em;
    padding: 0 0.8em ;
    background-color: transparent;
    border-color: transparent;
}

.table-products td .wrapper-btn:has(button):has(.btn-check-stock) button,
.table-products td .wrapper-btn:has(button):has(.btn-check-price) button{
    padding: 0;
    font-size: 1.2em;
}

.table-products td.td-desc{
    min-width: 20em;
    max-width: 25em;
    min-height: 5em;
    display: inline-flex;
    align-items: center;
    white-space: normal;
}

.table-products td .wrapper-btn .btn-stock{
    color: var(--blue-txt-color);
}

.table-products td .wrapper-btn button img{
    width: 1.6em;
}

.table-products td .ui.fluid.input > input[type="number"]{
    min-width: 5em;
    max-width: 5em;
    width: 100% !important;
}

@media screen and (max-width: 991px){
    .table-products td .ui.fluid.input > input[type="number"]{
        width: 4em !important;
    }
}

@media screen and (max-width: 991px){
    .type-product-section .product-details{
        margin-top: 5em;
    }
    .table-products td .ui.fluid.input > input[type="number"]{
        width: 4.5em !important;
    }
}