🇮🇳 India's #1 Men's Hairstyle Guide|200+ Expert Guides|Updated Weekly
/* ============================================================
HEADER CSS
============================================================ */
:root {
--bhfm-ink: #0d0c0a;
--bhfm-paper: #f7f3ed;
--bhfm-gold: #b8922a;
--bhfm-gold2: #d4aa4a;
--bhfm-white: #ffffff;
--bhfm-muted: #7a7168;
--bhfm-border: #ddd7cc;
--bhfm-serif: 'Cormorant Garamond', Georgia, serif;
--bhfm-sans: 'Outfit', sans-serif;
--bhfm-r-sm: 6px;
}
#bhfm-global-header * { margin: 0; padding: 0; box-sizing: border-box; }
#bhfm-global-header a { text-decoration: none; color: inherit; }
#bhfm-global-header ul { list-style: none; padding: 0; margin: 0; }
#bhfm-global-header .top-bar {
background: var(--bhfm-ink);
padding: 9px 0;
text-align: center;
border-bottom: 1px solid #2a2520;
}
#bhfm-global-header .top-bar p {
font-family: var(--bhfm-sans);
font-size: 0.7rem;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--bhfm-gold2);
font-weight: 500;
margin: 0;
}
#bhfm-global-header .top-bar span { color: #555; margin: 0 14px; }
#bhfm-global-header .nav {
background: var(--bhfm-white);
border-bottom: 1px solid var(--bhfm-border);
padding: 0 24px;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 1px 20px rgba(0,0,0,0.06);
}
#bhfm-global-header .nav-inner {
max-width: 1180px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
height: 64px;
}
#bhfm-global-header .nav-logo {
font-family: var(--bhfm-serif);
font-size: 1.3rem;
font-weight: 700;
color: var(--bhfm-ink);
line-height: 1;
}
#bhfm-global-header .nav-logo span { color: var(--bhfm-gold); font-style: italic; }
#bhfm-global-header .nav-links {
display: flex;
gap: 28px;
list-style: none;
align-items: center;
}
#bhfm-global-header .nav-links a {
font-family: var(--bhfm-sans);
font-size: 0.78rem;
font-weight: 500;
letter-spacing: 0.5px;
color: var(--bhfm-muted);
transition: color 0.2s;
}
#bhfm-global-header .nav-links a:hover { color: var(--bhfm-ink); }
#bhfm-global-header .nav-cta {
background: var(--bhfm-ink);
color: var(--bhfm-gold2) !important;
padding: 8px 18px;
border-radius: var(--bhfm-r-sm);
font-size: 0.72rem !important;
font-weight: 600 !important;
letter-spacing: 1.5px;
text-transform: uppercase;
border: 1px solid var(--bhfm-gold);
transition: all 0.2s !important;
}
#bhfm-global-header .nav-cta:hover { background: var(--bhfm-gold) !important; color: var(--bhfm-ink) !important; }
#bhfm-global-header .nav-hamburger {
display: none;
flex-direction: column;
gap: 5px;
background: none; border: none; cursor: pointer;
padding: 5px;
}
#bhfm-global-header .nav-hamburger span {
display: block; width: 24px; height: 2px;
background: var(--bhfm-ink);
border-radius: 2px;
}
#bhfm-global-header .nav-mobile {
position: fixed;
inset: 0;
background: #0d0c0a;
z-index: 2000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#bhfm-global-header .nav-mobile.open {
opacity: 1; pointer-events: auto;
}
#bhfm-global-header .nav-mobile a {
font-family: var(--bhfm-serif);
font-size: 2rem;
color: var(--bhfm-gold2);
text-decoration: none;
transition: color 0.2s;
}
#bhfm-global-header .nav-mobile a:hover { color: var(--bhfm-white); }
#bhfm-global-header .nav-mobile-close {
position: absolute;
top: 24px; right: 24px;
font-size: 2rem;
background: none; border: none;
color: #faf8f4;
line-height: 1;
cursor: pointer;
}
#bhfm-global-header .nav-mobile .nav-cta-mobile {
background: var(--bhfm-gold);
color: var(--bhfm-ink) !important;
padding: 14px 32px;
border-radius: 6px;
font-size: 0.85rem !important;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
font-family: var(--bhfm-sans) !important;
}
@media (max-width: 768px) {
#bhfm-global-header .nav-links { display: none; }
#bhfm-global-header .nav-hamburger { display: flex; }
}
🇮🇳 India's #1 Men's Hairstyle Guide|200+ Expert Guides|Updated Weekly
function bhfmOpenNav() {
document.getElementById('bhfm-mobile-nav').classList.add('open');
document.body.style.overflow = 'hidden';
}
function bhfmCloseNav() {
document.getElementById('bhfm-mobile-nav').classList.remove('open');
document.body.style.overflow = '';
}
// Close on ESC
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') bhfmCloseNav();
});
If there is one hairstyle trend that has absolutely dominated the modern grooming landscape, it is the fade. From the busy streets of Mumbai to corporate boardrooms in Bangalore, Indian men have embraced the sharp, clean, and highly versatile aesthetic of faded sides. But with so many variations—from the low fade haircut to the aggressive…
Short hair is a top choice for boys in 2026! Hairstyles for boys with short hair are practical, stylish, and perfect for India’s hot climate — especially in india These cuts stay cool during summer, look neat for school, and require little styling time on busy mornings. In places like mumbai and across India, parents…