/*fbt pdp*/
.fbt-section{
    border: 4px dotted #eee;
    border-radius: var(--bs-border-radius);
    position: relative;
    padding: 25px 15px;
    margin: 30px 0;
}
.fbt-section h5{
    position: absolute;
    top: -20px;
    border-radius: 30px;
    background: #eee;
    padding: 10px 20px;
    left: 1%;
    font-size: .8rem;
    text-transform:uppercase;
    color: #888;
}

.fbt-section .pdp-fbt{
    padding: 10px;
    display: flex;
}

.fbt-section .fbt-block{
    border: 1px solid #ededed;
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow-sm) !important;
    padding: 10px;
}
.fbt-section .fbt-block:first-of-type{margin-left: 0px;}

.fbt-section .fbt-total{
    position: absolute;
    right: 1%;
    bottom: -20px;
    z-index: 99;
}
.fbt-section .fbt-total span{
    display: inline-block;
    background: #eee;
    border-radius: 30px 0px 0px 30px;
    padding: 10px 20px;
}
.fbt-section .fbt-total .add-to-cart{
    border-radius: 0px 30px 30px 0px;
}
.fbt-block .fbt-checkbox{
    position:absolute;
    top:10px;
    left:10px;
    width:20px;
    height:20px;
}
.fbt-block .fbt-image{width:35%;float:left;}
.fbt-block .fbt-thumb-details{width:65%;float:left;}


@media(max-width:480px){
    .fbt-section .fbt-total .add-to-cart {
        font-size:13px;
        padding:10px 8px;
    }
}

@media(max-width:768px){
    .pdp-fbt{flex-direction:column;}
    .fbt-section .fbt-block{width:100%}
    .fbt-block .fbt-image{width:25%;float:left;}
    .fbt-block .fbt-thumb-details{width:75%;float:left;}
    .fbt-section .fbt-total span{padding: 10px 5px;}
}
@media(min-width:769px){ 
   .pdp-fbt .fbt-block .thumb-grid:before {
        content: '\f64d';
        display: block;
        font-family: bootstrap-icons !important;
        font-size: 18px;
        position: absolute;
        top: 38%;
    }
    .pdp-fbt .fbt-block:first-of-type .thumb-grid:before{content: "";}
    .fbt-section .fbt-block{
        width: 32%;
        margin-left: 2%;
    }
}
@media(min-width:769px) and (max-width:990px){
    .pdp-fbt .fbt-block .thumb-grid:before{left: -17px;}
}
@media(min-width:991px){
    .pdp-fbt .fbt-block .thumb-grid:before {left: -23px;}
}