Customizable Button Up Shirt

<div class="trust-badges"></div>

<div class="credit-card-images"></div>

<!-- Styles for dropdowns and bullets -->

<style>

/* Summary styling */

.feature-dropdown summary {

cursor: pointer;

font-weight: bold;

font-family: inherit;

color: #FFFFFF;

}

.feature-dropdown summary::-webkit-details-marker { display: none; }

/* Arrow button styling with black gradient and even purple glow */

.feature-dropdown summary .arrow {

display: inline-block;

vertical-align: middle;

margin-right: 8px;

padding: 4px 8px;

font-size: 1.1rem;

line-height: 1;

color: #ffffff;

background: linear-gradient(135deg, #333333 0%, #000000 100%);

border-radius: 10px;

box-shadow: 0 0 8px #14C5B1;

transition: all 0.3s ease-in-out;

}

/* Hover state for arrow button */

.feature-dropdown summary .arrow:hover {

background: linear-gradient(135deg, #444444 0%, #111111 100%);

box-shadow: 0 0 12px rgba(163,52,243,0.6);

}

/* Active (pressed) state */

.feature-dropdown summary .arrow:active {

box-shadow: 0 0 4px rgba(163,52,243,0.4);

transform: translateY(1px);

}

.feature-dropdown summary .arrow::before {

content: '+';

}

.feature-dropdown[open] summary .arrow::before {

content: '−';

}

/* Bullet icon styling */

.feature-dropdown .bullet-icon {

color: #14C5B1;

margin-right: 6px;

}

/* Responsive adjustments for smaller screens */

@media (max-width: 767px) {

.feature-dropdown summary,

.feature-dropdown .bullet-points p {

font-size: 1rem;

line-height: 1.5;

}

}

</style>

<div class="custom-description" style="padding: 20px 0; color: #FFFFFF;">

<div style="margin-bottom: 20px;">

<p>Meet your new favorite summer shirt! It exudes coolness both in style and material. Plus, its featherlight, moisture-wicking fabric keeps you comfortable even on the hottest days. Choose your stitching in the Additional Notes section of the form: White or Black Stitching.</p>

</div>

<!-- Key Features (Expanded by Default) -->

<details class="feature-dropdown" style="margin-top: 10px;" open>

<summary><span class="arrow"></span> Key Features</summary>

<div class="bullet-points" style="margin-top: 10px;">

<p><span class="bullet-icon">➤</span> Request your desired color and design</p>

<p><span class="bullet-icon">➤</span> Fabric weight: 2.95 oz/yd² (100 g/m²)</p>

<p><span class="bullet-icon">➤</span> Breathable & moisture-wicking material</p>

<p><span class="bullet-icon">➤</span> Oversized fit for a relaxed look</p>

<p><span class="bullet-icon">➤</span> UPF 50+ sun protection</p>

<p><span class="bullet-icon">➤</span> International Shipping Available</p>

<p><span class="bullet-icon">➤</span> Payment Plans: Klarna, Afterpay, & PayPal options at checkout</p>

</div>

</details>

</div>