body {
     margin: 0;
     font-family: Arial, sans-serif;
     background-color: #f5f5f5;
 }

 .header {
     background-color: #e74c3c;
     color: white;
     padding: 12px;
     font-size: 16px;
 }

 .product-container {
     display: flex;
     background: #f1f1f1;
     padding: 4px;
     gap: 5px;
     flex-direction: column;
 }

 .product-image img {
     width: 250px;
 }

 .product-info {
     flex: 1;
 }

 .product-title {
     font-size: 13px;
     color: #333;
     margin: 5px 0;
 }

 .product-price {
     color: red;
     font-size: 16px;
     margin: 5px 0;
 }

 .section-title {
     background-color: #fff;
     padding: 18px 10px;
     /* border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc; */
     font-weight: 400;
     position: relative;
     padding-left: 23px;
     font-size: 14px;
 }

 .section-title:before {
     content: '';
     height: 8px;
     width: 8px;
     background: red;
     position: absolute;
     border-radius: 37px;
     /* position: absolute; */
     top: 22px;
     left: 9px;
 }

 table {
     width: 100%;
     background: white;
     border-collapse: collapse;
     max-width: calc(100% - 110px);
     margin: 16px auto;
     border-radius: 10px;
 }

 td {
     padding: 10px;
     border-bottom: 1px solid #eee;
     font-size: 14px;
     vertical-align: top;
     color: #555;
     width: 30%;
     padding: 13px;
     font-size: 16px;
     font-weight: 400;
 }

 td:first-child {
     color: #8799ac;
     width: 30%;
 }

 td:last-child {
     color: #8799ac;
 }

 tbody>tr>td:last-child {
     text-align: end;
 }