Reversible Waterproof Raincoat

/* General styling for details and summary */ details { background-color: #f0f0f0; /* Light grey background for summary */ border-radius: 15px; margin-bottom: 15px; text-align: left; padding: 10px; overflow: hidden; } details > summary { list-style: none; cursor: pointer; position: relative; font-size: 13px; /* Font size */ line-height: normal; /* Line height set to normal for desktop */ } details > summary::before { content: '• '; /* Bullet point before title */ margin-right: 5px; /* Space between bullet and title */ } details > summary::-webkit-details-marker { display: none; /* Remove default arrow */ } details > summary:after { content: '\25BC'; /* Down arrow */ position: absolute; right: 0; } details[open] > summary:after { content: '\25B2'; /* Up arrow */ } .details-content { overflow: hidden; transition: height 0.5s ease; /* Smooth slide effect */ height: 0; /*