.best-sellers{padding-top:20px;padding-bottom:50px}.best-sellers .main-container>h3{margin-bottom:20px;text-align:center;font-size:40px;color:var(--lightGray)}.best-sellers .main-container>h3 span{color:var(--secondColor)}.best-sellers .main-container .content{display:flex;align-items:stretch;gap:25px}.best-sellers .main-container .content .image{width:40%;height:500px;border:1px solid var(--borderColor);padding:10px;border-radius:20px;position:relative}.best-sellers .main-container .content .image>img:first-of-type{width:100%;height:100%;border-radius:20px}.best-sellers .main-container .content .image .small-image{position:absolute;bottom:-10px;inset-inline-end:-10px;padding:10px;background-color:#fff;width:120px;height:120px;border-radius:20px;display:flex;align-items:center;justify-content:center}.best-sellers .main-container .content .image .small-image img{width:100%;height:100%;border-radius:20px;object-fit:contain}.best-sellers .main-container .content .tabs{padding-block:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.best-sellers .main-container .content .tabs .item{height:102px;background-color:#f7f7f7;border:1px solid var(--borderColor);text-align:start;padding-inline:25px;border-radius:25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s}.best-sellers .main-container .content .tabs .item.active{border:1px solid var(--secondColor)}.best-sellers .main-container .content .tabs .item.active h3{color:var(--secondColor);font-weight:500}.best-sellers .main-container .content .tabs .item.active a{font-weight:500}.best-sellers .main-container .content .tabs .item>div{flex:1}.best-sellers .main-container .content .tabs .item h3{font-size:20px;font-weight:500;margin-bottom:5px}.best-sellers .main-container .content .tabs .item .desc,.best-sellers .main-container .content .tabs .item h3{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.best-sellers .main-container .content .tabs .item a{display:block;width:100px;text-align:center;color:var(--secondColor)}@media(max-width:991px){.best-sellers .main-container .content{flex-direction:column}.best-sellers .main-container .content>div{width:100%!important}.best-sellers .main-container .content .image{height:300px}.best-sellers .main-container .content .tabs button{height:auto;padding:17px}}
