.bought-together h5{color: #007690; font-family: "whitney-medium"; margin-top: 20px;}
.bought-together-content-area {overflow-x: auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-size: 16px; margin-bottom: 20px;}
.bought-together-content-area del {color: red;}
.bought-together-content-area .price {color: #007690;}
.bought-together-content-area b {color: #323232; font-family: "whitney-medium";}
.bought-together-contentiner .selected-offer .bought-together-offer {border-color: #118e88;}
.bought-together-contentiner .selected-offer:before {content: url("../img/tick-icon.svg"); width: 32px; height: 32px; position: absolute; top: -15px; right: -15px;}
.bought-together-contentiner .selected-offer .btn {background-color: #007680; border-top: 1px solid #118e88; color: #fff;}
.bought-together-contentiner .bought-together-offer-section {width: 250px; border: 1px solid #e8e8e8; margin: 15px 5px; text-align: center; padding: 0; position: relative; display: flex; flex-direction: column; flex-wrap: inherit; align-items: inherit; justify-content: space-between; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.bought-together-content-area .bought-together-contentiner {display: inline-flex;}

.bought-together-offer-section .bought-together-offer {overflow: hidden; padding-bottom: 5px;}
.bought-together-offer-section .bought-together-offer.name-hautecase img {transform: scale(1.85);}
.bought-together-offer-section .bought-together-offer img {width: 100px;}
.bought-together-offer-section .bought-together-offer b {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 90%; display: inline-block;}
.bought-together-offer-section .bought-together-offer .prod-info {position: relative; z-index: 0; margin-bottom: 15px; line-height: 21px; text-align: center !important;}
.bought-together-offer-section .bought-together-offer .prod-info b {font-size: 14px; line-height: 18px;}

.bought-together-offer-section .btn {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #ebebeb; border-top: 1px solid #e8e8e8;}
.bought-together-offer-section .btn i {padding-right: 5px;}
.bought-together-offer-section .btn:focus, .bought-together-contentiner .bought-together-offer-section .btn:hover {outline: none; box-shadow: none;}

.bought-together-contentiner .selected-offer {border-color: #118e88;}

.bought-together-offer-section:hover, .bought-together-offer-section:hover .btn{ border-color: #118e88; }
.bought-together-offer-section:hover .btn{ background-color: #007680; color: #fff; }

.together {display: inline-flex; gap: 5px; background-color: #ffdb5a; float: inline-start; padding: 3px 5px; font-size: 12px; align-items: center; color: #333; margin: 5px 0 0 0; position: relative;}
  
.together:after {content: ""; position: absolute; right: -8px; bottom: 0; width: 0; height: 0; border-right: 8px solid transparent; border-top: 13px solid #ffdb5a; border-bottom: 13px solid #ffdb5a;}
  
.together img {width: 20px; height: 20px;}

.bought-together-content-area .bought-together-contentiner {
    margin: auto;
}

@media (max-width: 768px) {
  .bought-together-content-area {font-size: 14px; line-height: 21px; width: 100%;}
  .bought-together-contentiner .bought-together-offer-section .bought-together-offer img {width: 80px;}
}