.btn-primary{background:#2687CB; border-color:#2687CB}
.btn-primary:hover{background:#2687CB; border-color:#2687CB}
.btn-primary:active{background:#2687CB!important; border-color:#2687CB!important}

.btn-outline-primary{border: 1px solid #2687CB; color:#2687CB}
.btn-outline-primary:hover{background:#2687CB; border:1px solid #2687CB;}
.btn-outline-primary:active{background:#2687CB; border:1px solid #2687CB;}

.details-wishlist-share {display:flex; gap:20px; margin:0 0 15px; justify-content:space-between}
.details-wishlist-share .btn-outline-secondary{border-radius:3px; border:1px solid #ddd; width:100%; padding:10px}
.details-wishlist-share .btn-outline-secondary:hover{background:#2787CC; border-color:#2787CC; color:#fff}

.text-red {color:#FF160A}

#product-description .list{list-style:none; margin:0 0 20px; padding:0}
#product-description .list li{display:flex; gap:10px; align-items:start; margin:0 0 10px}
#product-description .list li img{height:18px}
.product-details-info .details-info-top .badge{
    background:#FF160A;
    color:#fff;
    font-size: 12px;
    font-weight: 500;
    width: auto;
    min-width: 0;
    display: inline-block;
    padding: 8px 5px;
    border-radius: 5px;
    width: 38px;
}

.product-details-info .product-name {
    display: flex;
    gap: 10px;
    align-items: start;
    font-size: 34px;
    line-height: 44px;
}

.wishlist-share{display:flex; gap:20px; margin:0 0 15px; justify-content:space-between;max-width:400px}
.wishlist-share .btn-outline-secondary{border-radius:3px; border:1px solid #ddd; width:100%;}
.wishlist-share .btn-outline-secondary:hover{background:#2787CC; border-color:#2787CC; color:#fff}
.wishlist-share .btn-outline-secondary.btn-active{background:#2787CC; border-color:#2787CC; color:#fff}

.add-to-cart{display:flex; gap:20px;}
.add-to-cart .input-group{display:flex; align-items:center; gap:5px; width:150px}
.add-to-cart .btn-number{border-radius:100px; border:2px solid #9AC3E5; color:#9AC3E5; text-align: center; padding:0; height:38px; line-height: 35px; width: 38px; font-size: 16px;}
.add-to-cart .btn-number:disabled{border:2px solid #9AC3E5; opacity:1}

.btn-add-to-cart{padding: 5px 10px !important}
.btn-tanya{padding: 10px}

#product-benefits{background: linear-gradient(to right, #f6f6f6 50%, #fff 50%); border-top:2px solid #ddd; border-bottom:2px solid #ddd}
#product-benefits .col-left{background:#f6f6f6; padding:40px 20px}
#product-benefits .col-right{padding:40px 20px}
#product-benefits .section-title{font-weight:400; font-size:30px; margin:0 0 30px}
#product-benefits .list{list-style:none; margin:0 0 20px; padding:0}
#product-benefits .list li{display:flex; gap:10px; align-items:start; margin:0 0 10px}
#product-benefits .list li img{height:18px}
#product-benefits .product-detail-slider .slick-slide .video{max-width:290px; margin:0 auto}
#product-benefits .product-detail-slider .slick-dots li button:before{content:'\f111'; color:#2787CC; font-family:'Font Awesome 6 Pro'; font-size:18px; font-weight:400}
#product-benefits .product-detail-slider .slick-dots li.slick-active button:before{
    font-weight:900;
    width: 20px;
    opacity: 1;
}
#product-benefits .product-detail-slider .slick-dots {
    bottom: -35px;
}

img {height: auto; max-width: 100%;}

@media (max-width: 991.98px) {
    #product-benefits{background:#fff linear-gradient(to right, #fff 50%, #fff 50%);}
    #product-benefits .col-left{padding:30px 15px}
    #product-benefits .col-right{padding:30px 15px}
}
