.store-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
}

.category-filters {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.store-search-bar {
    margin-bottom: 1.5rem;
}

.store-search {
    width: 100%;
    max-width: 420px;
    padding: 0.75rem 1rem 0.75rem 2.75rem;
    border: 1px solid var(--borde-suave);
    border-radius: 25px;
    background: var(--bg-blanco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2363863C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 1rem center;
    font-family: inherit;
    font-size: 1rem;
    color: var(--cafe-raiz);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.store-search:focus {
    outline: none;
    border-color: var(--verde-musgo);
    box-shadow: 0 0 0 3px rgba(99, 134, 60, 0.15);
}

.category-filter {
    display: inline-flex;
    padding: 0.5rem 1.25rem;
    border-radius: 25px;
    background: var(--bg-blanco);
    color: var(--cafe-raiz);
    font-weight: 600;
    border: 1px solid var(--borde-suave);
    transition: all 0.2s ease;
}

.category-filter:hover {
    background: var(--verde-musgo);
    color: white;
    border-color: var(--verde-musgo);
}

.breadcrumb {
    background: var(--bg-blanco);
    padding: 0.75rem 0;
    font-size: 0.9rem;
    color: var(--texto-secundario);
}

.breadcrumb a:hover {
    color: var(--verde-musgo);
}