.hero-content h1 font-size: 3.5rem; line-height: 1.2; margin-bottom: 1.2rem;
.feature-card p color: #5c5c6b; line-height: 1.4; zentlemen.vn
.footer-col p margin: 0.5rem 0; font-size: 0.85rem; </div> </div> </footer>
h2 font-size: 2rem; margin-bottom: 1rem; .hero-content h1 font-size: 3.5rem
.form-group input:focus outline: none; border-color: var(--warm-gold);
<!-- Showcase / signature pieces --> <div class="showcase"> <div class="container"> <div class="section-header"> <div class="section-subhead">Signature edits</div> <h2>New season icons</h2> <p>Handpicked for the discerning — effortless elegance from day to evening.</p> </div> <div class="product-grid"> <div class="product-item"> <div class="product-img">✦ CASHMERE ✦</div> <div class="product-info"> <h3>Unstructured Blazer</h3> <div class="desc">Hopsack wool, soft shoulder, fully lined. Made in Vietnam.</div> <div class="price">₫ 6,490,000</div> </div> </div> <div class="product-item"> <div class="product-img">🪒 SHAVE</div> <div class="product-info"> <h3>Sandalo Shaving Set</h3> <div class="desc">Badger brush + ceramic bowl + sandalwood cream.</div> <div class="price">₫ 1,890,000</div> </div> </div> <div class="product-item"> <div class="product-img">👞 LOAFER</div> <div class="product-info"> <h3>Penny Loafer</h3> <div class="desc">Polished calf leather, Blake construction, leather sole.</div> <div class="price">₫ 4,250,000</div> </div> </div> <div class="product-item"> <div class="product-img">🧣 SILK</div> <div class="product-info"> <h3>Silk Pocket Square</h3> <div class="desc">Hand-rolled edges, exclusive floral motif.</div> <div class="price">₫ 890,000</div> </div> </div> </div> </div> </div>
<footer> <div class="container"> <div class="footer-inner"> <div class="footer-col"> <div class="logo-foot">ZENTLEMEN<span style="color: #c7a45b;">.vn</span></div> <p>District 1, Ho Chi Minh City</p> <p>hello@zentlemen.vn</p> <p>+84 28 1234 567</p> </div> <div class="footer-col"> <h4 style="color:white; margin-bottom: 0.8rem;">Explore</h4> <p><a href="#">Ready-to-wear</a></p> <p><a href="#">Made to measure</a></p> <p><a href="#">Grooming</a></p> <p><a href="#">Lookbook</a></p> </div> <div class="footer-col"> <h4 style="color:white; margin-bottom: 0.8rem;">Service</h4> <p><a href="#">Private appointments</a></p> <p><a href="#">Shipping & returns</a></p> <p><a href="#">Alterations</a></p> <p><a href="#">FAQs</a></p> </div> <div class="footer-col"> <h4 style="color:white; margin-bottom: 0.8rem;">Connect</h4> <p><a href="#">Instagram</a></p> <p><a href="#">Facebook</a></p> <p><a href="#">Journal</a></p> </div> </div> <div class="copyright"> © 2025 Zentlemen.vn — crafted for the modern gentleman. All rights reserved. </div> </div> </footer>