.product-affiliate{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:1rem 0}.product-affiliate .product-affiliate-title{text-align:center;display:flex;justify-content:center;align-items:center;max-width:80%;font-size:20px!important;font-weight:500!important;line-height:26px;padding:12px 40px;color:#fff;border:2px solid #249bc7;background-color:var(--primary-blue);border-radius:100px}.product-affiliate-see-more{padding:8px 24px;background-color:var(--primary-blue);color:#fff;font-size:18px;font-weight:500;border-radius:4px;line-height:24px}.product-affiliate-see-more:hover{background-color:var(--bg-main)}.product-affiliate-content{width:100%;max-width:728px}.list-product-affiliate{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px}.list-product-affiliate.list-product-affiliate-2{grid-template-columns:repeat(2,1fr)}.list-product-affiliate.list-product-affiliate-1{padding:0 80px;grid-template-columns:repeat(1,1fr)}.list-product-affiliate .item{border:1px solid #DEE2E7;cursor:pointer;line-height:1;display:flex;flex-direction:column}.list-product-affiliate.list-product-affiliate-1 .item{display:grid;grid-template-columns:200px 1fr}.list-product-affiliate .item:hover{border-color:var(--primary-blue)}.list-product-affiliate .item span{padding:0}.list-product-affiliate .item .top{position:relative}.list-product-affiliate .item .top .avatar{width:100%;height:auto}.list-product-affiliate .item .top .mark-left{position:absolute;left:0;top:0;z-index:1;max-width:80px}.list-product-affiliate .item .top .mark-left>img{max-width:100%;height:auto}.list-product-affiliate .item .top .mark-right{position:absolute;right:8px;top:8px;z-index:1;text-align:center;font-weight:600;font-size:14px;color:#DF1111;background-color:#FFD321;padding:4px 6px;border-radius:4px}.list-product-affiliate .item .bottom{padding:8px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;flex:1}.list-product-affiliate .item .bottom .status{display:flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;color:#2A8CFF;background-color:#E3F0FF;margin-right:8px;margin-bottom:8px;line-height:1}.list-product-affiliate .item .bottom .name{font-size:18px!important;line-height:24px;font-weight:500;text-align:left;color:#000;background-image:none;padding:0}.list-product-affiliate .item .bottom .see-price{display:flex;align-items:center;justify-content:center;padding:4px 8px;background-color:var(--primary-blue);color:#fff;border-radius:0;width:100%}.list-product-affiliate .item .bottom .see-price img{width:16px;height:16px}.list-product-affiliate .item .bottom .see-price:hover{background-color:var(--bg-main)}.modal-product-affiliate .modal-header{padding:4px 15px;display:flex;justify-content:space-between;align-items:center}.modal-product-affiliate .modal-header::after,.modal-product-affiliate .modal-header::before{display:none}.modal-product-affiliate .modal-header .modal-title{font-size:18px;font-weight:500}.modal-product-affiliate .left .thumbnail{width:100%;height:auto;padding:0;border:0;margin:0;border-radius:0}.modal-product-affiliate .right{display:flex;flex-direction:column;gap:12px}.modal-product-affiliate .name{font-size:20px!important;text-align:left;margin-bottom:0!important;background-image:none;padding:0!important;color:#000}.modal-product-affiliate .right .list-img,.modal-product-affiliate .right .list-see-more{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px}.modal-product-affiliate .right .list-see-more{grid-template-columns:repeat(2,1fr)}.modal-product-affiliate .right .list-img .item-img{border:1px solid #DEE2E7;cursor:pointer}.modal-product-affiliate .right .list-img .item-img.active{border:1px solid var(--primary-blue)}.modal-product-affiliate .right .list-img .item-img>img,.modal-product-affiliate .right .list-see-more .item-see-more>img{width:100%;height:auto}.modal-product-affiliate .right .list-see-more .item-see-more{position:relative}.modal-product-affiliate .right .list-see-more .item-see-more .see-more-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.modal-product-affiliate .right .list-see-more .item-see-more .see-more-overlay img{width:30px;height:30px}.modal-product-affiliate .right .list-see-more .item-see-more .see-more-overlay .link-see-more{padding:6px 12px;border-radius:2px;color:#fff;background-color:var(--primary-blue);font-size:13px;line-height:13px}.modal-product-affiliate .right .list-see-more .item-see-more .see-more-overlay .text-hint{color:#fff;font-size:20px}.modal-product-affiliate .right .list-see-more-btn{display:flex}.modal-product-affiliate .right .list-see-more-btn .item-btn{color:#fff;background-color:var(--primary-blue);padding:8px 10px;font-size:14px;text-align:center;line-height:16px;flex:1}.modal-product-affiliate .right .list-see-more-btn .item-btn:hover{background-color:var(--bg-main)}.modal-product-affiliate .right .list-see-more-btn .item-btn.see-other-product{flex:2}@media (min-width:1200px){.modal-product-affiliate .modal-lg{max-width:900px}}@media (max-width:768px){.list-product-affiliate.list-product-affiliate-1{padding:0}}@media (max-width:575px){.list-product-affiliate{grid-template-columns:repeat(2,1fr);grid-gap:8px}.list-product-affiliate.list-product-affiliate-3{grid-template-columns:1fr}.list-product-affiliate.list-product-affiliate-1 .item{grid-template-columns:140px 1fr}.list-product-affiliate .item .bottom .see-price{padding:5px 8px;font-size:13px}.list-product-affiliate .item .bottom .see-price img{width:16px!important;height:16px!important}.product-affiliate .product-affiliate-title{padding:8px 24px;font-size:18px!important;line-height:20px}.list-product-affiliate .item .bottom .name{font-size:16px!important;line-height:20px}.product-affiliate-see-more{padding:6px 18px;font-size:16px}.modal-product-affiliate .name{margin-top:16px}.modal-product-affiliate .right{gap:8px}.modal-product-affiliate .right .list-see-more .item-see-more .see-more-overlay img{width:30px!important;height:30px!important}}