.cg-related-products{padding: 23px; border: 1px solid #ECECEC; border-radius: 12px;

    .section-title{color: rgb(var(--color-foreground)); font-weight: 700; font-size: 2.4rem;}

    .products-list{

        .related-product{margin-bottom: 18px;

            &:last-child{margin-bottom: 0;}

            .inner{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 5px 0;

                .img-wrap{width: 75px; max-width: 20%; border-radius: 10px; overflow: hidden;aspect-ratio: 3 / 4; position: relative;
                    img{display: block;width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0;right: 0;}
                }

                .content-wrap{width: 50%; padding-right: 10px;


                    .badge{background: transparent; border: 1px solid #000;color: #020102;font-size: 1.3rem; padding: 5px 10px; border-radius: 4px; margin-right: 0; margin-bottom: 5px;
                        @media(min-width:1200px){display: none;}
                    }

                    .prod-title{font-size: 2rem;font-weight: 400;margin-bottom: 5px;
                    
                        @media(max-width:1200px){margin-bottom: 0;}

                    }

                    .variant-title{font-size: 1.4rem; font-weight: 400; margin-bottom: 20px;

                        @media(max-width:1200px){margin-bottom: 1rem;}

                    }

                    .price{font-size: 1.5rem; color:#020102;

                        &.price--on-sale .price__sale{gap: 0;}

                        .price-item{margin: 0 0 0 0.5rem; font-weight: 500;font-size: 1.5rem;}

                        .price-item--regular{color:#020102;}
                    
                        .badge{display: block; margin-right: 15px; margin-bottom: 0;
                            @media(max-width:1200px){display: none;}
                        }

                    }
                    
                }

                .btn-wrap{width: 30%;
                    button{width: auto; max-width: 100%; min-width: initial;font-weight: 700; font-size: 1.3rem; padding-top: 1.2rem; padding-bottom: 1.2rem;}
                }

            }
        }


        @media(max-width:1200px){
            .related-product {
                .inner{align-items: initial; justify-content: flex-start;

                    .img-wrap{width: 80px; max-width: initial;}

                    .content-wrap{width: calc(100% - 80px); flex-grow:1;

                        .prod-title{font-size: 1.6rem;}
                    }

                    .btn-wrap{width: 100%; margin-top: 1.5rem;
                        button{width: 153px; max-width: 100%; min-height: 33px; border-radius: 8px; font-size: 1.6rem; font-weight: 700; padding: 0;}
                    }

                }
            }

        }

    }    

}