/* Keep inactive controls and gallery labels comfortably above WCAG AA contrast. */
.chair-menu button{color:#c9c5be}
.gallery-grid figcaption{background:#0c0c0d;color:#fff}

/* Keep the small studio-work inset visibly secondary instead of covering most of the main studio image. */
.split-media{padding-bottom:160px}
.split-media .inset{right:0!important;bottom:0!important}

/* Mobile barber selector: show every barber in two rows instead of horizontal scrolling. */
@media (max-width:680px){
  .split-media{padding-bottom:120px}
  .chair-stage{display:flex!important;flex-direction:column!important;gap:14px!important}
  .chair-menu{order:1!important;display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:8px 6px!important;overflow:visible!important;overscroll-behavior:auto!important;scroll-snap-type:none!important;border:0!important;padding:0!important;margin:0!important}
  .chair-menu::-webkit-scrollbar{display:none!important}
  .chair-menu button{grid-column:span 2!important;min-width:0!important;width:100%!important;min-height:44px!important;padding:0 5px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;background:#151517!important;color:#c9c5be!important;white-space:nowrap!important;text-align:center!important;font-size:9.5px!important;line-height:1!important;letter-spacing:.16em!important}
  .chair-menu button:nth-child(6){grid-column:2 / span 2!important}
  .chair-menu button:nth-child(7){grid-column:4 / span 2!important}
  .chair-menu button:nth-child(8){grid-column:6 / span 2!important}
  .chair-menu button:nth-child(9){grid-column:8 / span 2!important}
  .chair-menu button[aria-selected="true"]{background:#f2eee7!important;color:#0c0c0d!important;border-color:#f2eee7!important}
  .chair-view{order:2!important;grid-template-columns:1fr!important;min-height:0!important;border:1px solid rgba(255,255,255,.12)!important}
  .chair-portrait{height:360px!important}
  .chair-info{padding:24px!important}
  .chair-info h3{font-size:42px!important;margin-bottom:14px!important}
  .chair-info .actions{margin-top:20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .chair-info .actions .btn{width:100%!important;min-width:0!important;padding-left:12px!important;padding-right:12px!important}
}
@media (max-width:390px){
  .chair-menu{gap:7px 5px!important}
  .chair-menu button{min-height:42px!important;padding:0 3px!important;font-size:9px!important;letter-spacing:.13em!important}
  .chair-portrait{height:330px!important}
  .chair-info .actions{grid-template-columns:1fr!important}
}