:root{--availability-green:#06ac55;--availability-amber:#ffaf32;--availability-red:#313632}.barber-availability{display:flex;align-items:baseline;gap:8px;min-height:20px;max-width:100%;color:#b5bbb1;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0}.barber-availability>span:last-child{min-width:0;overflow-wrap:anywhere}.barber-availability-dot{position:relative;display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;color:var(--availability-color,#8b9187);background:currentColor;align-self:flex-start;margin-top:.45em}.barber-availability--full,.barber-availability--closed{--availability-color:var(--availability-red)}.barber-availability--limited{--availability-color:var(--availability-amber)}.barber-availability--available{--availability-color:var(--availability-green)}@media(prefers-reduced-motion:no-preference){.barber-availability:is(.barber-availability--full,.barber-availability--closed,.barber-availability--limited,.barber-availability--available) .barber-availability-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid currentColor;border-radius:50%;pointer-events:none;animation:availability-breathe 3.4s ease-in-out infinite}}@keyframes availability-breathe{0%,to{transform:scale(.75);opacity:.08}50%{transform:scale(1.08);opacity:.24}}.barber-booking-actions{display:flex;align-items:center;gap:22px;min-width:0}.barber-biography .barber-booking-actions>.btn{flex:0 1 auto;min-width:0;max-width:100%;width:auto;margin:0}.barber-booking-actions .barber-availability{flex:0 1 auto;min-width:100px;margin:0}@media(max-width:850px){.barber-booking-actions{flex-direction:column;align-items:flex-start;gap:10px}.barber-booking-actions .barber-availability{order:-1;min-width:0}}.about-team-member figcaption:has(.barber-availability){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;row-gap:7px}.about-team-member figcaption>.barber-availability{grid-column:1/-1}@media(max-width:700px){.about-team-member figcaption:has(.barber-availability){grid-template-columns:minmax(0,1fr);gap:4px}.about-team-member figcaption>.barber-availability{margin-top:4px;font-size:11px}.barber-biography .barber-availability{font-size:11px}}