Zentlemen.vn Direct
<!-- 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>
.product-item:hover transform: translateY(-6px); box-shadow: 0 20px 30px -12px rgba(0,0,0,0.08); zentlemen.vn
/* buttons & links */ .btn display: inline-block; background: transparent; border: 1.5px solid var(--deep-charcoal); padding: 0.85rem 2rem; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; color: var(--deep-charcoal); cursor: pointer; transition: 0.25s ease; text-decoration: none; background-color: transparent; !-- Showcase / signature pieces -->
.product-info h3 font-size: 1.3rem;