/* GENERATED by tools/build-city-pages.js — components unique to /barbers/ pages.
   Pairs with /css/landing.css (the shared landing design system). */
.breadcrumb{max-width:var(--max);margin:0 auto;padding:16px 24px 0;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--white)}
.breadcrumb .sep{color:var(--faint)}
.breadcrumb [aria-current]{color:var(--gold)}

.city-context .lc-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}
@media(max-width:820px){.city-context .lc-grid{grid-template-columns:1fr;gap:26px}}
.lc-angle{font-size:18px;line-height:1.75;color:#cfcfcf}
.lc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.lc-stat{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:18px}
.lc-stat .n{font-size:24px;font-weight:600;color:var(--gold);line-height:1}
.lc-stat .l{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.35}

.compare{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--edge);border-radius:16px;overflow:hidden;min-width:480px}
.compare th,.compare td{padding:15px 18px;text-align:left;font-size:14px;border-bottom:1px solid var(--hairline);vertical-align:middle}
.compare thead th{background:var(--panel-2);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}
.compare thead th.mb{color:var(--gold)}
.compare tbody td.mb{color:var(--white);font-weight:500;background:rgba(212,168,67,0.04)}
.compare td.feat{color:var(--muted)}
.compare td.alt{color:var(--faint)}
.compare tbody tr:last-child td{border-bottom:none}
.compare .tick{color:var(--success);font-weight:700}
.compare .cross{color:var(--faint)}

.nearby-chips{display:flex;flex-wrap:wrap;gap:10px}
.nearby-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--edge);border-radius:999px;padding:10px 18px;font-size:14px;transition:border-color .2s,transform .2s}
.nearby-chip:hover{border-color:var(--gold);transform:translateY(-1px)}
.nearby-chip svg{width:14px;height:14px;color:var(--gold);flex:none}

.diaspora-band{background:linear-gradient(180deg,var(--panel) 0%,var(--ink-2) 100%);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.diaspora-inner{max-width:820px;margin:0 auto;text-align:center}
.diaspora-flag{font-size:30px;margin-bottom:14px}
.diaspora-text{font-size:19px;line-height:1.75;color:#dcdcdc;margin-top:10px}

.hub-hero{text-align:center;padding:64px 24px 16px}
.hub-group{margin-top:46px}
.hub-group-title{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.hub-group-sub{font-size:14px;color:var(--muted);margin-bottom:20px}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.hub-card{display:block;background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:22px;transition:border-color .2s,transform .2s}
.hub-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.hub-card-city{font-size:18px;font-weight:600}
.hub-card-country{font-size:12px;color:var(--muted);margin-top:2px}
.hub-card-teaser{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.5}
.hub-card-arrow{margin-top:14px;color:var(--gold);font-size:13px;font-weight:500}