Zentlemen.vn -

.hero-badge font-size: 0.8rem; text-transform: uppercase; letter-spacing: 3px; background: #e9e2d6; display: inline-block; padding: 0.3rem 0.9rem; border-radius: 30px; color: #4b3b2a; margin-bottom: 1.2rem;

<!-- newsletter / join community --> <div class="newsletter"> <div class="container"> <div class="newsletter-card"> <h3>Join the inner circle</h3> <p style="margin-top: 0.5rem; max-width: 500px; margin-left: auto; margin-right: auto;">Be the first to experience new collections, exclusive events, and private trunk shows.</p> <div class="form-group"> <input type="email" placeholder="Your email address" id="newsEmail"> <button class="btn btn-primary" id="subscribeBtn">Subscribe</button> </div> <p style="font-size: 0.7rem; margin-top: 1rem; opacity: 0.7;">No spam, only timeless inspiration.</p> </div> </div> </div> </main> zentlemen.vn

.ethos-text p font-size: 1.05rem; line-height: 1.5; margin: 1rem 0 1.5rem; color: #2d2d38; .hero-badge font-size: 0.8rem

.product-item background: #fff; border-radius: 24px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; border: 1px solid var(--border-light); padding: 0.3rem 0.9rem

.hero-content h1 font-size: 3.5rem; line-height: 1.2; margin-bottom: 1.2rem;

.form-group display: flex; flex-wrap: wrap; gap: 0.8rem; justify-content: center; margin-top: 1.8rem;