.commodity .commodity-img{padding-bottom:100%;position:relative;width:100%;border-radius:1.5rem;background-color:#fff;height:0;margin-bottom:1.125rem;overflow:hidden}.commodity .commodity-img img{position:absolute;width:100%;height:100%;object-fit:contain;left:0;top:0}.commodity .commodity-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;padding-left:.5rem;padding-right:.5rem}.commodity .commodity-price{color:#f54;--un-text-opacity:1;color:rgba(255,85,68,var(--un-text-opacity))}.commodity .commodity-price .unit{color:#9ca3af}.commodity .default .commodity-name{font-weight:500;--un-text-opacity:1;color:rgba(31,41,55,var(--un-text-opacity));font-size:1.625rem;height:6.375rem;line-height:2.25rem;margin-bottom:.5rem}.commodity .default .commodity-price{font-weight:500;font-size:2rem;line-height:2.75rem}.commodity .default .commodity-price .unit{font-weight:400;font-size:1.375rem;line-height:2rem}.commodity .default .commodity-price .currency{font-size:1.5rem}.commodity .small .commodity-name{font-weight:400;--un-text-opacity:1;color:rgba(31,41,55,var(--un-text-opacity));font-size:1.5rem;height:4.375rem;line-height:2.1875rem;margin-bottom:.25rem}.commodity .small .commodity-price{font-weight:400;font-size:1.75rem;line-height:2.125rem}.commodity .small .commodity-price .unit{font-weight:400;font-size:1.25rem;line-height:1.75rem}.commodity .small .commodity-price .currency{font-size:1.25rem}