/*Produk Detail */
.breadcrumb-item.active {
    color: var(--accent-color);
}

.product-detail{
    margin-top:40px;
}
 .num{
  font-size:19px;
 }
 .btn-down{
  background-color: #fff; color:#000;font-size: 24px;text-align: center; ;width: 40px;padding:0px;
 }
 .btn-up{
  background-color: #fff;color:#000;font-size: 24px;text-align: center; width: 45px;padding:0px;
 }

.num-cart{
  font-size:16px; padding:0px 0px; background-color: var(--background-color); color:#FFF; border: 1.8px solid #B4B4B4;
 }
 .btn-down-cart{
   background-color: var(--background-color); color:#FFF;font-size: 20px;text-align: center; ;width: 28px;padding:0px 0px 4px 0px;
   border-top: 1.8px solid #B4B4B4;
   border-left: 1.8px solid #B4B4B4;
   border-bottom: 1.8px solid #B4B4B4;
 }
 .btn-up-cart{
  background-color: var(--background-color); color:#FFF;font-size: 20px;text-align: center; width: 28px;padding:0px 0px 4px 0px;
     border-top: 1.8px solid #B4B4B4;
   border-right: 1.8px solid #B4B4B4;
   border-bottom: 1.8px solid #B4B4B4;
 }

 .btn-trash{
   padding:5px;border: 1.8px solid #B4B4B4;border-radius:6px;
   cursor: pointer;
 }

 .btn-trash:hover{
   background-color: rgba(255,255,255,0.2);
 }


 .btn-cart{
  border-radius:none;width:100%;background-color:#671874;border:none;padding:10px
 }
.p-title{
  padding-top:0px;
  padding-bottom: 10px;
}
 .col22{
    width:20.9%;
    overflow-y:auto;
    height: 620px;
 }
  .col77{
    width:79.1%;
 }

 .col77 img{
  object-fit: cover; height:620px;border-radius:8px;
 }

.col-desc{
    padding-left:40px;
}

  .ul-area li {
    float: left; padding: 0px 30px;
    font-size: 14px;
  }

  .main-product{
    margin-top:30px;
  }
  .filter-product{
    margin-top: 60px;
  }
  .list-product{
    margin-top: 60px;
  }

  .usage-area{
    width: 100%;
  }

.accordion-button::after {
  background-color: rgba(229, 87, 252, 0.2);
}

.badge-filter{
  background:rgba(229, 87, 252, 0.7);
}

.row-reverse {
  flex-direction: row;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap-reverse;
}

@media only screen and (max-width: 768px) {
.product-detail{
    margin-top:0px;
}

  .p-title{
    padding-top:10px;
    padding-bottom: 10px;
  }

 .col22{
    width:100%;
    overflow-y:hidden;
    overflow-x:hidden;
    height:auto;
 }
  .col77{
   width:100%;
 }

  .col77 img{
  width:100%; height:auto;border-radius:8px; margin:0px;
 }

 .col-desc{
    padding-left:15px
 }
   .main-product{
    margin-top:0px;
    margin-bottom: 0px;
  }

  .scrolled .usage-area {
    margin-top:50px;
    padding: 12px 0px 8px 0px;

}
  .filter-product{
    margin-top: 40px;
  }

  .list-product{
    margin-top: 10px;
  }


}