<div class="p-4 bg-white rounded-2xl shadow-md max-w-full overflow-x-auto">
<h3 class="text-xl font-semibold mb-4">Product Details</h3>
<table class="w-full text-sm border-collapse">
<tbody>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2 w-1/3">Details</td>
<td class="px-4 py-2">Knot, Split Thigh, Ruched Bust</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Body</td>
<td class="px-4 py-2">Unlined</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Neckline</td>
<td class="px-4 py-2">Square Neck</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Pattern Type</td>
<td class="px-4 py-2">Floral, Plants, All Over Print</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Sleeve Type</td>
<td class="px-4 py-2">Puff Sleeve</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Style</td>
<td class="px-4 py-2">Boho</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Type</td>
<td class="px-4 py-2">A Line</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Waist Line</td>
<td class="px-4 py-2">High Waist</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Hem Shaped</td>
<td class="px-4 py-2">Slit</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Lined For Added Warmth</td>
<td class="px-4 py-2">No</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Pockets</td>
<td class="px-4 py-2">Yes</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Color</td>
<td class="px-4 py-2">Baby Blue</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Sleeve Length</td>
<td class="px-4 py-2">Short Sleeve</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Fit Type</td>
<td class="px-4 py-2">Regular Fit</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Length</td>
<td class="px-4 py-2">Midi</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Material</td>
<td class="px-4 py-2">Fabric</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Composition</td>
<td class="px-4 py-2">100% Polyester</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Care Instructions</td>
<td class="px-4 py-2">Machine wash or professional dry clean</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Sheer</td>
<td class="px-4 py-2">No</td>
</tr>
<tr class="even:bg-gray-50">
<td class="font-medium text-gray-700 px-4 py-2">Fabric</td>
<td class="px-4 py-2">Non-Stretch</td>
</tr>
</tbody>
</table>
</div>
