/* ===== Univers HOMME — barbershop viril, dark premium ===== */
.u-men {
  --primary: var(--h-primary);
  --accent: var(--h-accent);
  --gold: var(--h-gold);
  --bg: var(--h-bg);
  --fg: var(--h-fg);
  --border: var(--h-border);
  background: var(--bg); color: var(--fg);
}
.u-men .display, .u-men .section-title { font-family: var(--font-h-display); text-transform: uppercase; letter-spacing: .02em; }
html[lang="he"] .u-men .display, html[lang="he"] .u-men .section-title { font-family: var(--font-he); }
.u-men .eyebrow { color: var(--gold); }
.u-men .lead { color: #b8bdc7; }

.u-men .btn-primary { background: var(--accent); color: #fff; box-shadow: 0 10px 26px rgba(212,54,31,.4); }
.u-men .btn-primary:hover { background: #b32a16; }
.u-men .btn-ghost { border: 1.5px solid var(--gold); color: var(--gold); }
.u-men .btn-ghost:hover { background: var(--gold); color:#12151c; }

/* Header */
.u-men .site-header.scrolled { background: rgba(15,17,21,.92); box-shadow: 0 2px 18px rgba(0,0,0,.5); }
.u-men .nav-link:hover { color: var(--gold); }

/* Hero */
.u-men .hero { position: relative; min-height: 94vh; display: grid; place-items: center; text-align: center; overflow: hidden; color: #fff; }
.u-men .hero::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(10,12,16,.45), rgba(10,12,16,.88)); }
.u-men .hero-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.25) contrast(1.05); }
.u-men .hero-content { position: relative; z-index: 2; padding: 24px; max-width: 820px; }
.u-men .hero h1 { font-family: var(--font-h-display); text-transform: uppercase; font-weight: 700;
  font-size: clamp(42px, 9vw, 100px); line-height: .92; letter-spacing: .01em; }
html[lang="he"] .u-men .hero h1 { font-family: var(--font-he); }
.u-men .hero h1 .hl { color: var(--accent); }
.u-men .hero p { font-size: clamp(16px,2.4vw,21px); color:#d7dbe2; margin: 18px auto 30px; max-width: 50ch; }

/* barber stripe accent */
.barber-stripe { height: 6px; background: repeating-linear-gradient(45deg, var(--accent) 0 14px, #fff 14px 28px, #2b5fb3 28px 42px); }

/* Cartes sombres */
.u-men .dark-card { background: var(--h-secondary); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 26px; transition: transform .3s var(--ease), border-color .3s var(--ease); }
.u-men .dark-card:hover { transform: translateY(-5px); border-color: var(--gold); }

/* Zones */
.u-men .zones { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px,1fr)); gap: 14px; }
.u-men .zone-chip { background: var(--h-secondary); border:1px solid var(--border); border-radius: 8px; padding: 16px 18px;
  text-align:center; font-weight:600; color:#e6e8ec; text-transform:uppercase; letter-spacing:.05em; font-size:14px; transition: all .25s var(--ease); }
.u-men .zone-chip:hover { border-color: var(--accent); color:#fff; transform: translateY(-3px); }

/* Split */
.u-men .split { display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items:center; }
.u-men .split img { border-radius: var(--radius); aspect-ratio: 4/5; object-fit: cover; filter: grayscale(.2); }

/* Team */
.u-men .team-card { background: var(--h-secondary); border:1px solid var(--border); }
.u-men .team-card .avatar { border: 4px solid var(--gold); }
.u-men .team-card .role { color: var(--gold); font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:13px; }
.u-men .team-card h3 { color:#fff; }

/* Gallery dark */
.u-men .gallery-grid figure { filter: grayscale(.15); }

/* CTA */
.u-men .cta-band { background: linear-gradient(120deg, #12151c, #2a0f0a); color:#fff; text-align:center; border-top:1px solid var(--border); }
.u-men .cta-band .section-title { color:#fff; }

.u-men .site-footer { background:#0a0c10; }
.u-men h4 { color: var(--gold); }

@media (max-width: 820px){ .u-men .split{ grid-template-columns: 1fr; gap: 28px; } }