test combine product

<style> .detail__characteristics { color: #333; } .box-title { font-weight: bold; color: #000; margin-bottom: 10px; } .detail__head { padding: 5px 0; border-bottom: 1px solid #ccc; } .detail__specification .col { padding: 10px; margin-bottom: 10px; } .str { display: flex; justify-content: space-between; margin-bottom: 5px; } .param-title { font-weight: bold; } .param-field { text-align: right; } .detail__plate .owner { font-weight: bold; } .field { text-align: right; } /* Additional styling to match the provided screenshot */ .detail__body { background-color: #f7f7f7; padding: 20px; } .detail__plate, productplateox { margin-top: 20px; padding: 10px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .detail__plate a { font-weight: bold; color: red; text-decoration: none; /* Optional: Removes the underline from the links */ } .detail__plate a:hover{ background-color: red; /* Makes background red */ color: white; /* Changes font color to white */ transition: background-color 0.3s, color 0.3s; /* Smooth transition for background and color */ } </style> <div class="detail__characteristics"> <div class="productplateox"> <div class="detail__head"> <p class="box-title"> Specification </p> </div> <div class="detail__body detail__specification"> <div class="d-flex"> <div class="col column"> <div class="str"> <div class="param-title"> Length 1 </div> <div class="param-field"> 108 </div> </div> <div class="str"> <div class="param-title"> Outside Diameter 1 </div> <div class="param-field"> 76.1 </div> </div> <div class="str"> <div class="param-title"> Inner Diameter </div> <div class="param-field"> 66 </div> </div> </div> <div class="col column"> <div class="str"> <div class="param-title"> Inner Diameter (D) </div> <div class="param-field"> 11 </div> </div> <div class="str"> <div class="param-title"> Structure Material </div> <div class="param-field"> Eco-type High Efficiency </div> </div> <div class="str"> <div class="param-title"> O-Ring gasket (mm) </div> <div class="param-field"> 70x76x3 rnd </div> </div> </div> </div> </div> </div> <div class="detail__plate"> <div class="detail__head d-flex"> <p class="box-title"> Variation </p> <p> <a href="https://trade.aceautoparts.co.nz/product/js-fe0063set"> FE0063SET[JS] </a> </p> </div> </div> <div class="detail__plate"> <div class="detail__head d-flex"> <p class="box-title"> Cross reference </p> </div> <div class="detail__body"> <div class="d-flex flex-wrap"> <div class="column col"> <div class="str"> <div class="owner"> GM </div> <div class="field"> 19348774 </div> </div> </div> <div class="column col"> <div class="str"> <div class="owner"> GM </div> <div class="field"> 52100212 </div> </div> </div> <div class="column col"> <div class="str"> <div class="owner"> GM </div> <div class="field"> 94771044 </div> </div> </div> </div> </div> </div> </div>