Zentlemen.vn
.form-group input flex: 1; min-width: 220px; padding: 0.9rem 1.2rem; border: 1px solid #d6cdbe; border-radius: 60px; background: white; font-family: inherit; font-size: 0.9rem;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>Zentlemen.vn — Refined Modern Gentleman</title> <!-- Google Fonts & simple reset --> <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet"> <style> * margin: 0; padding: 0; box-sizing: border-box; zentlemen.vn
.ethos-grid display: flex; gap: 3rem; flex-wrap: wrap; align-items: center; .form-group input flex: 1
<!-- Features / pillars --> <div class="features"> <div class="container"> <div class="section-header" style="text-align: left; margin-bottom: 1rem;"> <div class="section-subhead">Zentlemen ethos</div> <h2>Beyond the fabric, a way of being</h2> </div> <div class="features-grid"> <div class="feature-card"> <div class="feature-icon">🧵</div> <h3>Bespoke tailoring</h3> <p>Custom garments crafted by Vietnamese master tailors using premium Italian & Japanese fabrics.</p> </div> <div class="feature-card"> <div class="feature-icon">🧴</div> <h3>Grooming essentials</h3> <p>Natural, scent-first formulations for the modern man: beard, skincare, and fragrance.</p> </div> <div class="feature-card"> <div class="feature-icon">⌚</div> <h3>Curated accessories</h3> <p>From leather goods to timepieces — each piece tells a story of discreet luxury.</p> </div> <div class="feature-card"> <div class="feature-icon">🤝</div> <h3>Private concierge</h3> <p>Dedicated style advisors & at-home fittings. Redefining convenience for gentlemen.</p> </div> </div> </div> </div> padding: 0.9rem 1.2rem
.nav-links display: flex; gap: 2.2rem; align-items: center;
.feature-icon font-size: 2.3rem; margin-bottom: 1rem;
