.barbers-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;padding-bottom:calc(var(--bottom-nav-height,70px) + 1rem);max-width:900px;margin:0 auto}.page-header-card{display:grid;grid-template-columns:1fr;gap:.5rem;background:var(--primary);border:4px solid var(--black);padding:1.25rem;color:var(--white);box-shadow:5px 5px 0 0 #000}.page-header-card h1{font-size:clamp(1.25rem, 4vw, 1.5rem);font-weight:800;text-transform:uppercase;font-style:italic;margin:0}.page-header-card p{font-size:.875rem;opacity:.9;margin:0}.location-banner{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;background:var(--white);border:3px solid var(--black);padding:.875rem 1rem;box-shadow:3px 3px 0 0 #000}.location-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--comic-blue);border:2px solid var(--black)}.location-icon .material-symbols-outlined{font-size:1.25rem;color:var(--primary)}.location-info{display:grid;gap:.125rem}.location-info strong{font-size:.875rem;font-weight:800;text-transform:uppercase}.location-info p{font-size:.75rem;color:#666;margin:0}.change-btn{padding:.5rem .875rem;background:var(--comic-yellow);border:2px solid var(--black);font-family:'Space Grotesk',sans-serif;font-size:.6875rem;font-weight:800;text-transform:uppercase;text-decoration:none;color:var(--black);cursor:pointer}.change-btn:hover{background:#e6c900}.search-box{display:grid;grid-template-columns:auto 1fr;align-items:center;background:var(--white);border:4px solid var(--black);box-shadow:4px 4px 0 0 #000}.search-icon{display:grid;place-items:center;width:48px;height:48px;border-right:3px solid var(--black);color:#666}.search-input{border:none;padding:.875rem 1rem;font-family:'Space Grotesk',sans-serif;font-size:.875rem;font-weight:700;text-transform:uppercase;outline:0}.search-input::placeholder{color:#999}.filter-chips{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{padding:.625rem 1rem;background:var(--white);border:3px solid var(--black);font-family:'Space Grotesk',sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .1s ease}.chip:hover{background:#f5f5f5}.chip.active{background:var(--primary);color:var(--white)}.barbers-list{display:grid;grid-template-columns:1fr;gap:.875rem}.barber-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;background:var(--white);border:4px solid var(--black);box-shadow:5px 5px 0 0 #000;cursor:pointer;transition:all .1s ease}.barber-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 0 #000}.barber-card.on-leave{opacity:.6;cursor:not-allowed}.barber-card.on-leave:hover{transform:none;box-shadow:5px 5px 0 0 #000}.barber-avatar{width:64px;height:64px;display:grid;place-items:center;background:var(--primary);border:3px solid var(--black);color:var(--white);font-size:1.5rem;font-weight:800}.barber-info{display:grid;gap:.25rem}.barber-name{font-size:1rem;font-weight:800;text-transform:uppercase;margin:0}.barber-specialty{font-size:.8125rem;color:#666;margin:0}.barber-rating{display:grid;grid-template-columns:auto auto;gap:.375rem;align-items:center;font-size:.8125rem;font-weight:700;color:var(--primary)}.barber-rating .material-symbols-outlined{font-size:1rem;color:#fbbf24}.leave-badge{display:inline-block;margin-top:.375rem;padding:.25rem .5rem;background:var(--comic-yellow);border:2px solid var(--black);font-size:.625rem;font-weight:800;text-transform:uppercase}.barber-arrow{color:#999}.loading-state{display:grid;place-items:center;padding:3rem;grid-column:1/-1}.loading-spinner{width:48px;height:48px;border:4px solid #eee;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:grid;grid-template-columns:1fr;justify-items:center;gap:1rem;padding:3rem 1.5rem;background:var(--white);border:4px dashed var(--black);text-align:center;grid-column:1/-1}.empty-icon{font-size:4rem;color:#ccc}.empty-state h3{font-weight:800;text-transform:uppercase;margin:0}.empty-state p{color:#666;margin:0}.empty-state a{color:var(--primary);font-weight:800;text-decoration:underline}.results-count{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#666;padding:.5rem 0}@media (min-width:576px){.barbers-grid{padding:1.5rem}.barber-avatar{width:72px;height:72px;font-size:1.75rem}}@media (min-width:768px){.barbers-list{grid-template-columns:repeat(2,1fr)}.page-header-card{grid-template-columns:1fr auto;align-items:center}}@media (min-width:1024px){.barbers-grid{max-width:1100px}.barbers-list{grid-template-columns:repeat(3,1fr)}}